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

路由

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

展示效果图



相关推荐
薄雾晚晴几秒前
Rspack 实战:用 SWC Loader 搞定 JS 兼容(支持 IE 11 + 现代浏览器,兼顾构建速度)
前端·vue.js
用户7678797737324 分钟前
Next.js配置Eslint+Prettier+husky规范代码开发
react.js·next.js
恋猫de小郭9 分钟前
Flutter 官方 LLM 动态 UI 库 flutter_genui 发布,让 App UI 自己生成 UI
android·前端·flutter
薄雾晚晴9 分钟前
Rspack 实战:用 image-minimizer-webpack-plugin 做图片压缩,优化打包体积
javascript·vue.js
kymjs张涛32 分钟前
零一开源|前沿技术周刊 #15
前端·javascript·面试
reacx33 分钟前
# 第三章:状态管理架构设计 - 从 Zustand 到 React Query 的完整实践
前端
古夕34 分钟前
Vue3 + vue-query 的重复请求问题解决记录
前端·javascript·vue.js
不知名程序员第二部34 分钟前
前端-业务-架构
前端·javascript·代码规范
Bug生产工厂35 分钟前
React支付组件设计与封装:从基础组件到企业级解决方案
前端·react.js·typescript
小喷友35 分钟前
阶段三:进阶(Rust 高级特性)
前端·rust