开源地址:https://gitee.com/msxy/qingfeng-cloud
ant-design-cloud是前端代码,目前代码和后端的springcloud放在了一起使用。
项目运行
项目下载后,进入ant-design-cloud根目录,进行项目初始化安装,运行:
npm install 或者 npm i
安装完成后,执行运行命令:
npm run serv
项目运行成功后,在浏览器输入:http://localhost:8000/,
项目目录介绍
├── 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
业务功能目录介绍
- 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 -登录