文章目录

• • • • • • 1.连接后台地址：
          • 2.获取接口数据时：
          • 3.模糊查询：
          • 4.设置默认查询参数：
          • 5.数据字典：
          • 6.j-date显示时分秒：
          • 7.设置添加、编辑、删除、导入等按钮的显示与隐藏（按钮权限）
          • 8.设置列的显示与隐藏：
          • 8.设置单列样式：
          • 9.打包时

1.连接后台地址：

将/jeecg-boot改为你需要的，其次不要写成VUE_APP_API_BASE_URL=http://192.168.8.237:8100/keda2.0这样的（部署时）

vue.config.js里面代理后台接口，写在最后面 ; 写在/jeecg-boot后面要代理的接口不会执行

2.获取接口数据时：

JeecgListMixin是jeecg处理表格数据所封装的工具

jeecg默认用createTime排序，但有些接口没有就将上面的js文件复制并删除排序参数=》页面组件改成你复制的js文件名

3.模糊查询：

将a改为j，就会变为模糊查询

 将改为：

4.设置默认查询参数：

注意：设置默认查询参数时，将要设置的参数一起写到queyParam里面，queyParam不能自定义

5.数据字典：

注:添加完成后，需要刷新缓存，不然不会生效

【1】查询/编辑

  // dictCode="字典编号"

【2】表格展示为名称而不是数据值：

import { filterMultiDictText, filterDictTextByCache } from '@/components/dict/JDictSelectUtil'

customRender: (text) => {//字典值翻译通用方法，consignee_isDisable为字典编号return filterDictTextByCache('consignee_isDisable', text);
}

6.j-date显示时分秒：

:show-time=“true” date-format=“YYYY-MM-DD HH:mm:ss”

7.设置添加、编辑、删除、导入等按钮的显示与隐藏（按钮权限）

注意：v-has="'user:add'"里面还有个单引号，不能少

Jeecg-Boot 技术文档 v2.0:https://www.bookstack.cn/read/jeecg-boot-2.0/1e0c497cc9d8c4c4.md

8.设置列的显示与隐藏：

见文档：http://doc.jeecg.com/2044038

8.设置单列样式：

{title: '完成率',align: "center",// dataIndex: 'completedQuantity'scopedSlots: { customRender: 'rateSlot' }
},

9.打包时

js文件要不要/jeecg-boot，根据后台需要来

服务器代理proxy设置：