Ant Design Pro Vue

An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue

各位朋友好,基于该项目的精简增强版来啦!

​ 本系统基于ant deign pro vue 官方精简完成, 基于2.0.2tag, 所缺少的文件都可以通过拷贝源文件复制过来, 系统分为两个版本,一般精简(master)和极度精简(simplify),其中一般精简只修改了路由逻辑,按照权限分配(admin,common uer),而不是原版的按照菜单分配(table,list等等),极度精简版就是精简一切能精简的功能,精简之前的路由文件保留了下来,名字为xxx_bak.js

相比较于原版,该版本做了如下改动:

1. 精简文件(包括精简登录,删除手机号登录内容,需要的话可以从官方2.0.2tag复制)
2. 精简路由(去掉了异步路由的过程,也不需要在router.beforeEach中动态加载,可随时还原)
3. 完整的国际化包括菜单,多标签,按钮等等
4. 右侧设置栏在生产环境中也可以使用了
5. mock移到server端:之前的mock方式类似于走本地,看不到xhr,不方便调试,现在使用项目根目录下的mock文件夹内的文件,需要安装vsccode插件EasyMock - Mock server,然后按F1启动一个server
6. 修改简化axios使用
7. 美化多标签样式
8. 在生产模式中动态修改主题颜色(目前使用笨办法,就是编译多套主题,目前放在了public/themes下面,文件比较大,所以放了个zip包,需要主题的朋友解压就行了,有时间会优化成动态生成添加到style标签中)
9. 黑白模式(遭遇重大事故的黑白页面)
10. 黑夜模式(测试功能,移植于ant design 4.0,目前设置后记得要把黑色的文字变白,否则页面一团黑)
11. 可以使用typescript,进行开发,添加@vue/composition-api,可以模拟vue3语法开发项目,setup(props,{root})中的root等价于原写法的this
12. 更多功能,敬请期待....

BUGS:

1.itle使用i18n 导致router.beforeEach取不到$t,因此无法动态写入中英文to.meta.title,导致无法动态更新网页title,待修复

2.目前设置完黑夜模式后再设置主题颜色不管用了, 黑夜模式不完全匹配当前项目

• 预览: https://preview.pro.loacg.com
• 首页: https://pro.loacg.com
• 文档: https://pro.loacg.com/docs/getting-started
• 更新日志: https://pro.loacg.com/docs/changelog
• 常见问题: https://pro.loacg.com/docs/faq

Overview

基于 Ant Design of Vue 实现的 Ant Design Pro

环境和依赖

• node
• yarn
• webpack
• eslint
• @vue/cli ~3
• ant-design-vue - Ant Design Of Vue 实现
• vue-cropper - 头像裁剪组件
• @antv/g2 - Alipay AntV 数据可视化图表
• Viser-vue - antv/g2 封装实现

请注意，我们强烈建议本项目使用 Yarn 包管理工具，这样可以与本项目演示站所加载完全相同的依赖版本 (yarn.lock) 。由于我们没有对依赖进行强制的版本控制，采用非 yarn 包管理进行引入时，可能由于 Pro 所依赖的库已经升级版本而引入了新版本所导致的问题。作者可能会由于时间问题无法及时排查而导致您采用本项目作为基项目而出现问题。

项目下载和运行

• 拉取项目代码

git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue

• 安装依赖

yarn install

• 开发模式运行

yarn run serve

• 编译项目

yarn run build

• Lints and fixes files

yarn run lint

其他说明

• 关于 Issue 反馈 (重要!重要!重要!) 请在开 Issue 前，先阅读该内容：Issue / PR 编写建议

• 项目使用的 vue-cli3, 请确保你所使用的 vue-cli 是新版，并且已经学习 cli 官方文档使用教程

• 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码, vue.config.js 下的 lintOnSave 值改为 false

• 组件按需加载 /src/main.js L14 相关代码 import './core/lazy_use' / import './core/use'

• 修改 Ant Design 配色 (@kokoroli)

• I18n: 多语言支持 (@musnow)

• 生成环境默认不加载 mock，更多详情请看 src/mock/index.js

• 用于生产环境，请使用 release 版本代码，使用 master 代码出现的任何问题需要你自行解决

浏览器兼容

Modern browsers and IE10.

IE / Edge	Firefox	Chrome	Safari	Opera
IE10, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions