基于 React + Nest 全栈开发的后台系统

Xmw Admin

基于 React + Nest 全栈开发的后台系统

🪴 项目简介

🪴 环境和依赖

推荐本项目使用 pnpm 包管理工具

  • node (Node.js 版本要求14.x以上,这里推荐 16.x 及以上)
  • pnpm
  • Umi
  • Mysql (Mysql版本为8.x)
  • Redis

🪴 项目运行

  1. 拉取项目代码
powershell 复制代码
git clone https://github.com/baiwumm/Xmw-Admin.git
cd Xmw-Admin
// 进入前端
cd Xmw_web
// 进入后端
cd Xmw_server
  1. 安装依赖
powershell 复制代码
npm install -g pnpm
pnpm install
  1. 开发模式运行
powershell 复制代码
// 前端启动
pnpm start
// 后端启动
pnpm start:dev
  1. 编译项目
powershell 复制代码
pnpm build

🪴 功能模块

bash 复制代码
- 登录 / 注销

- 指示面板
  - 工作台
  - 环境依赖

- 智能行政
  - 活动公告
  - 组织管理
  - 岗位管理
  - 组织架构

- 个人中心
  - 个人信息
  - 个人设置

- 技术文档
  - React文档
  - Nest文档
  - And-design文档
  - Umi文档

- 系统设置
  - 用户管理
  - 菜单管理
  - 角色管理
  - 国际化
  - 操作日志

🪴 演示图










🪴 总结

此项目已完成常规后台的核心功能:权限设计、动态菜单、多语言国际化、用户和角色管理等。

此项目不再维护,如需学习或者使用,可以把源码拷贝到本地进行拓展。

相关推荐
光影少年11 天前
Taro 是如何解析入口配置 app.config.ts 和页面配置的?
微信小程序·小程序·typescript·reactjs·百度小程序·taro
GuoguoDad~14 天前
用 WorkBuddy 写了个 ImageKit 上传工具
electron·reactjs
梦帮科技1 个月前
从 Guest 到 Platinum:Prompt 配额、API Key 与访问控制的安全闭环
javascript·git·架构·node.js·reactjs·html5·visual studio
大牧师1 个月前
Nest.js 微服务入门教程
开发语言·javascript·后端·微服务·node.js·nest.js·nest
大牧师1 个月前
TypeORM 学习教程
数据库·sql·学习·node.js·orm·nest.js·typeorm
FungLeo2 个月前
成为全栈·Node 后端篇·框架选型:Express、Koa、Fastify、NestJS 的差异与为何选 Hono
express·koa·nest.js·fastify·hono
weixin_431600442 个月前
NestJS 入门(10):日志——为什么常用 Winston?
后端·学习·日志·nest.js·winston
weixin_431600442 个月前
NestJS 入门(9):连上数据库,SQL 写在哪?
数据库·后端·sql·学习·nest.js
weixin_431600442 个月前
NestJS 入门(7):生命周期钩子——构造函数和 `OnModuleInit` 差在哪?
前端·后端·学习·node.js·nest.js
weixin_431600442 个月前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js