简体中文 | English

Vue3-admin-xmw-pro

项目简介

Vue3-admin-xmw-pro 基于 Vben Admin 二次开发，它使用了全新的技术栈：Vue3、Vite、TypeScript等，提供了完善的前后端权限管理方案，丰富的主题配置及黑暗主题适配，对日常使用频率较高的组件二次封装,满足基础工作需求，希望本项目可以帮助到您。

• 🎯 前端技术栈： Vue3.0、Ant-design-vue、Vite、TypeScript

• 🔗 前端传送门： Xmw_web

• 🎯 后端技术栈： Egg.js、Jsonwebtoken、Sequelize、Redis

• 🔗 后端传送门： Xmw_server

• 😝 线上预览： http://vue3.xmwpro.com

• 🔑 用户名：admin，密码：123456

• 🚀 github 仓库地址

• 🚀 码云仓库地址

• 📄 文档地址：正在编写中！

• ❤️ star：如果可以的话，请顺手给个star，表示对作者的鼓励，万分感谢！

• 😝 Vue2版本： Vue-xmw-admin-pro

环境和依赖

• node (Node.js 版本要求12.x以上，且不能为13.x版本，这里推荐 14.x 及以上)
• yarn (必须使用Yarn1.x，否则依赖可能安装不上)
• vite
• @vue/cli

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

项目运行

• 拉取项目代码

git clone https://gitee.com/Cyan-Xmw/vue3-xmw-admin-pro.git
cd vue3-xmw-admin-pro
// 进入前端
cd Xmw_web
// 进入后端
cd Xmw_server

• 安装依赖

yarn install

• 开发模式运行

// 前端启动
yarn run serve
// 后端启动
yarn run dev

• 编译项目

yarn run build

功能模块

- 登录 / 注销

- 工作台

- 综合组件
  - 组织架构
  - 新闻公告

- 个人中心

- 系统设置
  - 用户管理
  - 菜单管理
  - 角色管理
  - 组织管理
  - 岗位管理
  - 操作日志
  - 字典管理
  - 国际化

- 功能页
  - 引导页
  - 图像识别
  - 自定义指令
  - 多级菜单
  - 二维码
  - 瀑布流
  - 懒加载
  - 虚拟滚动
  - 验证码

演示图

特别鸣谢（感谢巨人）