Vue-Admin-Xmw-Pro Logo

Vue-Admin-Xmw-Pro

项目简介

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

环境和依赖

  • node
  • yarn
  • webpack
  • @vue/cli

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

项目运行

  • 拉取项目代码

    1
    2
    3
    4
    5
    6
    git clone https://github.com/Cyan-Xmw/vue-xmw-admin-pro.git
    cd vue-xmw-admin-pro
    // 进入前端
    cd Xmw_web
    // 进入后端
    cd Xmw_server
  • 安装依赖

    1
    yarn install
  • 开发模式运行

    1
    2
    3
    4
    // 前端启动
    yarn run serve
    // 后端启动
    yarn run dev
  • 编译项目

    1
    yarn run build

功能模块

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
- 登录 / 注销

- 工作台

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

- 个人中心

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

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

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

演示图

特别鸣谢(感谢巨人)

项目
vue.js 构建用户界面的渐进式框架
Ant Design Vue Pro基于Antd Vue的前端脚手架
Ant Design Vue-开箱即用的高质量Vue组件
axios 基于 promise 的 HTTP 库
egg.js 为企业级框架和应用而生
egg-socket.io 支持浏览器和服务器之间的实时、双向和基于事件的通信
jsonwebtoken 实现token技术的一种解决方案
sequelize orm框架