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

路由

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

展示效果图



相关推荐
人工智能训练1 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪2 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
2601_949593652 小时前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9223 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233223 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88215 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1365 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠5 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
2601_949833395 小时前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
珑墨6 小时前
【Turbo】使用介绍
前端