推荐一个基于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

路由

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

展示效果图



相关推荐
code_YuJun7 分钟前
从内存角度理解JS代码执行过程
javascript
Jerry Lau8 分钟前
go go go 出发咯 - go web开发入门系列(一) helloworld
开发语言·前端·golang
Mola9 分钟前
简说Vue中的nexttick原理😎
前端
李想AI10 分钟前
在Windows系统中使用Claude code的保姆级教程,附带白嫖100美金的Claude API
前端
G等你下课10 分钟前
React 事件机制原理
前端·react.js
Pedantic16 分钟前
为什么 Swift 字符串不能用 `myString[3]` 随便取字符?
前端·后端
RichardLai8818 分钟前
Kotlin Flow:构建响应式流的现代 Kotlin 之道
android·前端·kotlin
Apifox19 分钟前
提交代码后如何自动触发 Apifox 的自动化测试?
前端·后端·测试
qiyue7721 分钟前
AI编程专栏(四) - 提示词技术,如何写编程提示词
前端·ai编程
DoraBigHead24 分钟前
【JS三兄弟谁是谁】搞懂 splice、slice、split,只需一杯奶茶的时间!
前端·javascript·面试