Vue3 Admin
-
🍁
前 端 技 术栈: Vue3.5、Ant Design Vue、UnoCSS、Pinia -
🍁
后 端 技 术栈: Nest.js、PostgreSQL、Prisma -
🍂 线上预览: https://vue3.baiwumm.com/
-
🍃
用 户名:Admin,密 码:abc123456 -
❤️ star:如果
可 以的话,请顺手 给个star,表示 对作者 的 鼓 励,万 分 感 谢!
- 动态
国 际化语言配置 - 记录
登 录用户的CURD
操作 日 志 用 户和角 色 权限的 一对一映射,根 据 角 色 关联的 菜 单权限 生成 动态路 由 菜 单登 录用户发布 消息 公告 ,后 端 使用 SSE
推送,可 登 录多个用户查看 效果 前 端 常 见的一些实用的业务功能或者一些有趣的效果
推荐
本 项目使用 pnpm包 管理 工具
- Git (你需
要 git来 克 隆和 管理 项目版本 ) - Node.js (Node.js
版本 要求 >= 18.12.0,推荐 18.19.0或 更 高 ) - Pnpm (>= 8.7.0,推荐
最新 版本 ) - PostgreSQL (推荐
最新 版本 )
安 装 PostgreSQL数 据 库,并导入 /postgreSQL
中 的 文 件 ,修 改 /server/env
文 件 中 的 数 据 库配置 ,这一步要保证成功,不 然 后 端 服 务起不 来
DATABASE_URL="postgresql://postgres:123456@localhost:5432/vue3-admin?schema=public"
拉 取 项目代 码
git clone https://github.com/baiwumm/Vue3-Admin.git
cd Vue3-Admin
// 进入前 端
cd web
// 进入后 端
cd server
安 装 依 赖
npm install -g pnpm
pnpm install
- 开发
模 式 运行
// 前 端 启动
pnpm dev
// 后 端 启动:开发模 式
pnpm start:dev
- 编译项目
pnpm build
在 web/src/views
目 录下新建 文 件 夹/index.vue文 件 在 菜 单系 统管理 -国 际化-route中 添加 路 由 配置 在 菜 单系 统管理 -菜 单管理 中 按照规则添加 菜 单,可 打 开多个标签页参考 ,路 由 配置 参考 :系 统路由 在 菜 单系 统管理 -角 色 管理 中 编辑状 态中勾选相 应的菜 单,保存 刷新 页面,即 可 看 到 路 由 菜 单生效
- 登 录 / 注 销
- 首 页
- 智能 行政
- 消息 公告
- 组织管理
- 岗位管理
- 组织架 构
- 个人中心
- 功 能 页
- 验证码
- 打 印
- 拾 色 器
- 甘 特 图
- 图片预览
- 自 定 义 Vue 指令
- 懒加载
- 图片取 色 盘
- 系 统级取色 器
- 文 件 预览
- 流 程 图
- 瀑布 流
- Swiper
- 技 术文档
- Soybean(内 链)
- Vue3
- Nest.js
- Ant Design Vue
- UnoCSS
- 系 统设置
- 用 户管理
- 菜 单管理
- 角 色 管理
- 国 际化
- 操作 日 志
- 关于