项目下载

开源地址:https://gitee.com/msxy/qingfeng-cloud

springboot vue 后台管理系统(青锋-VueAntDesign版后台管理系统-springcloud微服务架构)(1)

ant-design-cloud是前端代码,目前代码和后端的springcloud放在了一起使用。

springboot vue 后台管理系统(青锋-VueAntDesign版后台管理系统-springcloud微服务架构)(2)

项目运行

项目下载后,进入ant-design-cloud根目录,进行项目初始化安装,运行:

npm install 或者 npm i

安装完成后,执行运行命令:

npm run serv

项目运行成功后,在浏览器输入:http://localhost:8000/,

springboot vue 后台管理系统(青锋-VueAntDesign版后台管理系统-springcloud微服务架构)(3)

springboot vue 后台管理系统(青锋-VueAntDesign版后台管理系统-springcloud微服务架构)(4)

项目目录介绍

├── config │ └── theme.plugin # 主题配置 ├── public │ └── logo.png # LOGO | └── index.html # Vue 入口模板 ├── src │ ├── api # Api ajax 等 │ ├── assets # 本地静态资源 │ ├── config # 项目基础配置,包含路由,全局设置 │ ├── components # 业务通用组件 │ ├── core # 项目引导, 全局配置初始化,依赖包引入等 │ ├── router # Vue-Router │ ├── store # Vuex │ ├── utils # 工具库 │ ├── locales # 国际化资源 │ ├── views # 业务页面入口和常用模板 │ ├── App.vue # Vue 模板入口 │ └── main.js # Vue 入口 JS │ └── permission.js # 路由守卫(路由权限控制) │ └── global.less # 全局样式 ├── tests # 测试工具 ├── README.md └── package.json

springboot vue 后台管理系统(青锋-VueAntDesign版后台管理系统-springcloud微服务架构)(5)

业务功能目录介绍

- Dashboard - Welcome 首页 - example-案例模块 - Iframe -iframe嵌套案例 - openHref -在线打开href案例 - richText -富文本案例 - richText -富文本案例 - userOrganize -选择用户组织案例 - 异常模块 - 403 无权限 - 404 找不到 - 500 服务器出错 - gencode -代码生成成功模块 - mycontent -单表生成成果案例 - mytree -树表生成成果案例 - monitor -监控模块 - server -服务监控 - quartz 定时模块 - busTask -定时器业务模块 - Cron -cron表达式案例 - TimTask -定时器模块 - system -系统模块 - Area -地区管理模块 - Dictionary -字典管理模块 - Group -用户组管理模块 - Iframe -菜单调整Iframe - Menu -菜单管理模块 - Organize -组织管理模块 - Role -角色管理模块 - User -用户管理模块 - user - Login -登录

,