简体中文 | English

Vue2 Admin

项目简介

Vue2 Admin 是一个后台管理系统解决方案，采用前后端分离技术开发。它使用了最新的技术栈，提供了丰富的功能组件，希望本项目可以帮助到您。

• 🎯 前端技术栈： Vue2.0、Ant Design Vue、Axios、G2plot

• 🔗 前端传送门： Xmw_web

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

• 🔗 后端传送门： Xmw_server

• 😝 线上预览： https://vue2.baiwumm.com

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

• 🚀 github 仓库地址

• 🚀 码云仓库地址

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

• 😝 Vue3+Typescript版本： Vue3 Admin

环境和依赖

• node
• yarn
• webpack
• @vue/cli

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

项目运行

• 拉取项目代码

  git clone https://github.com/baiwumm/Vue2-Admin.git
  cd Vue2-Admin
  // 进入前端
  cd Xmw_web
  // 进入后端
  cd Xmw_server

• 安装依赖

  yarn install

• 开发模式运行

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

• 编译项目

  yarn run build

功能模块

- 登录 / 注销

- 工作台

- 综合组件
  - 高级表单
  - 通知公告
  - 组织架构
  - 高级表格
  - 高级详情

- 个人中心

- 系统设置
  - 用户列表
  - 菜单管理
  - 角色管理
  - 权限管理
  - 操作日志
  - 字典管理

- 功能页
  - 生成二维码
  - 富文本编辑器
  - 自定义vue指令
  - 图像识别
  - 聊天室
  - 瀑布流
  - 音乐播放器
  - 视频播放器
  - 懒加载
  - 虚拟列表

- 工具页
  - 图片效果
  - 嵌套路由
  - 验证码
  - 引导页
  - 外链
  - 信用卡表单

演示图

特别鸣谢（感谢巨人）