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

路由

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

展示效果图



相关推荐
ZC跨境爬虫8 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人8 小时前
HTML 字符引用完全指南
开发语言·前端·html
matlab_xiaowang9 小时前
Redux 入门:JavaScript 可预测状态管理库
开发语言·javascript·其他·ecmascript
幼儿园技术家9 小时前
前端如何设计权限系统(RBAC / ABAC)?
前端
前端摸鱼匠10 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker11 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding12 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马12 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren12 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川12 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端