代码拉取完成,页面将自动刷新
同步操作将从 mxpio/ant-design-vue-jeecg 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
JEECG-BOOT 基础版本号: 2.2.1(发布日期:20200721) 基础代码同步至20200713
基于 Ant Design of Vue 实现的 Ant Design Pro Vue 版 Jeecg-boot 的前段UI框架,采用前后端分离方案,提供强大代码生成器的快速开发平台。 前端页面代码和后端功能代码一键生成,不需要写任何代码,保持jeecg一贯的强大!!
git clone https://github.com/zhangdaiscott/jeecg-boot.git
cd jeecg-boot/ant-design-jeecg-vue
yarn install
yarn run serve
yarn run build
yarn run lint
项目使用的 vue-cli3, 请更新您的 cli
关闭 Eslint (不推荐) 移除 package.json
中 eslintConfig
整个节点代码
修改 Ant Design 配色,在文件 vue.config.js
中,其他 less 变量覆盖参考 ant design 官方说明
css: {
loaderOptions: {
less: {
modifyVars: {
/* less 变量覆盖,用于自定义 ant design 主题 */
'primary-color': '#F5222D',
'link-color': '#F5222D',
'border-radius-base': '4px',
},
javascriptEnabled: true,
}
}
}
其他待补充...
@vue/cli 升级后,eslint 规则更新了。由于影响到全部 .vue 文件,需要逐个验证。既暂时关闭部分原本不验证的规则,后期维护时,在逐步修正这些 rules
# 1.修改前端项目的后台域名
public/index.html
域名改成: http://jeecg-boot-system:8080/jeecg-boot
# 2.先进入打包前端项目
yarn run build
# 3.构建镜像
docker build -t nginx:jeecgboot .
# 4.启动镜像
docker run --name jeecg-boot-nginx -p 80:80 -d nginx:jeecgboot
# 5.配置host
# jeecgboot
127.0.0.1 jeecg-boot-redis
127.0.0.1 jeecg-boot-mysql
127.0.0.1 jeecg-boot-system
# 6.访问前台项目
http://localhost:80
图表配置页面说明
表格使用列使用js增强时,需要按以下模板来定义
1、customRender为方法表格列自定义渲染js增强
2、(text, r, index) text为单元格渲染内容 r为行数据 index为行索引值
{
customRender: function(text, r, index) {
if(text<1000){
return '<span style="background-color:green">'+text+'</span>'
}else if(test<1500){
return '<span style="background-color:yellow">'+text+'</span>'
}else{
return '<span style="background-color:red">'+text+'</span>'
}
}
}
3、返回元素添加点击事件 方法不能用箭头函数 只支持click方法
{
customRender: function(text, r, index) {
function handleClick(text, r, index){
console.log(this)
}
return '<a @click="'+handleClick+'">办理</a>'
}
}
图表使用js增强时,需要按以下模板来定义
事件类型bar、line、pie、transverseBar、radar、funnel
onClick.bar = function (event) {
console.log(this)//当前vue对象
console.log(event)//点击图表参数
}
4、增加是否分组配置
该配置为区分是否需要前台使用antv transform()方法展开数据,目前只支持柱状图、折线图、条形图
该参数配置为否时 需要的参数格式为
[
{ month: 'Jan', city: 'Tokyo', temperature: 7 },
{ month: 'Jan', city: 'London', temperature: 3.9 },
{ month: 'Feb', city: 'Tokyo', temperature: 6.9 },
{ month: 'Feb', city: 'London', temperature: 4.2 },
{ month: 'Mar', city: 'Tokyo', temperature: 9.5 },
{ month: 'Mar', city: 'London', temperature: 5.7 }
]
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。