Skip to content

基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案

License

Notifications You must be signed in to change notification settings

anaf007/vue3-xmw-admin-pro

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

简体中文 | English

Vue3-Admin-Xmw-Pro Logo

Vue3-admin-xmw-pro

vue Ant Design of Vue egg

项目简介

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

环境和依赖

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

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

项目运行

  • 拉取项目代码
git clone https://gitee.com/xmwjackey/vue3-admin-xmw-pro.git
cd vue3-admin-xmw-pro
// 进入前端
cd Xmw_web
// 进入后端
cd Xmw_server
  • 安装依赖
yarn install
  • 开发模式运行
// 前端启动
yarn run serve
// 后端启动
yarn run dev
  • 编译项目
yarn run build

功能模块

- 登录 / 注销

- 工作台

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

- 个人中心

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

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

演示图

特别鸣谢(感谢巨人)

项目
vue.js 构建用户界面的渐进式框架
Vben Admin一个开箱即用的前端框架
Ant Design Vue-开箱即用的高质量Vue组件
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript
axios 基于 promise 的 HTTP 库
egg.js 为企业级框架和应用而生
egg-socket.io 支持浏览器和服务器之间的实时、双向和基于事件的通信
jsonwebtoken 实现token技术的一种解决方案
sequelize orm框架

About

基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 47.8%
  • Vue 45.9%
  • Less 2.7%
  • JavaScript 2.7%
  • CSS 0.6%
  • HTML 0.3%