推荐一个基于React18+antd+webpack5的管理系统模板🎉🎉🎉

推荐一个基于React18+antd+webpack5的管理系统模板🎉🎉🎉

前言

leno-admin-template是一个开箱即用的轻量化管理系统模板,项目整体是基于react18antdwebpack5Typescript开发;leno-admin-template是脱胎于leno-admin前后端分离系统,如果你不只是需要一个管理系统的模板,而是需要一整套包含前端、后端、用户角色权限等等的完整解决方案,你可以关注并使用leno-admin⬇️;

演示地址

文档地址

源码gitee地址

源码github地址

leno-admin-template相关链接

演示地址

源码gitee地址

源码github地址

特性

  • ✨ 基于react18antdwebpack5Typescript开发
  • 🌰 内置基于文件目录结构的约定式路由,可支持动态路由菜单扩展
  • 🥝 内置基于约定式路由的菜单、面包屑、标签页
  • 🍀 内置请求库封装,基于axios,使用方便快捷
  • 🍒 内置主题定制
  • 🍓 内置mobx进行状态管理
  • 🥜 内置mockjs进行数据mock
  • 🍑 内置eslint、prettierrc、stylelintrc、editorconfig等代码检查/格式化工具

安装使用

获取项目

git 复制代码
git clone https://gitee.com/zhao-wenchao110/leno-admin-template.git

安装依赖

bash 复制代码
npm i

开发环境

bash 复制代码
npm run dev

构建打包

bash 复制代码
npm run build

代码检查

bash 复制代码
npm run lint

路由

此项目中默认设计了路由配置表,用户可以按照配置表配置,便可以轻松配置菜单、面包屑、标签页,这使得开发更加快速且便捷;

展示效果图



相关推荐
Mintopia4 分钟前
🚀 一文看懂 “Next.js 全栈 + 微服务 + GraphQL” 的整体样貌
前端·javascript·全栈
Mintopia7 分钟前
🧬 医疗Web场景下,AIGC的辅助诊断技术边界与伦理
前端·javascript·aigc
半桶水专家11 分钟前
父子组件通信详解
开发语言·前端·javascript
Watermelo61714 分钟前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验
寻星探路18 分钟前
测试开发话题10---自动化测试常用函数(2)
java·前端·python
Moment19 分钟前
快到  2026  年了:为什么我们还在争论  CSS 和 Tailwind?
前端·javascript·css
梵得儿SHI31 分钟前
Vue 核心语法详解:模板语法中的绑定表达式与过滤器(附 Vue3 替代方案)
前端·javascript·vue.js·插值语法·vue模板语法·绑定表达式·过滤器机制
江城开朗的豌豆33 分钟前
TypeScript枚举:让你的代码更有"选择权"
前端·javascript
江城开朗的豌豆43 分钟前
TypeScript接口:打造你的代码“契约”之道
前端·javascript
江城开朗的豌豆1 小时前
TypeScript类:面向对象编程的超级武器
前端·javascript