- 博客(15)
- 收藏
- 关注
原创 es+springboot实现简单的数据增删改查,全字段检索功能
需求:实现在对数据库查询时,同时更新ES服务中指定索引的数据。若用户重建数据库,则需删除旧索引,查询数据库新数据,而后插入指定新索引中。
2022-09-06 15:18:20 4827
原创 HuTool工具类TreeUtil简单使用
按照逻辑需求,将顶点,父节点,子节点按照需求查询得出list,而后放入nodeList里面,既可按照文档实例构造出前端所需的树形结构数据。在设置好treeNodeConfig配置以及自己额外增加的数据之后,即可传入转换器进行构造。最后返还treeNodes。2,在这里我们选择使用TreeUtil工具类能够事半功倍。1,根据需求,需要实现如下图结构。
2022-09-02 17:48:41 7202
原创 Echarts+DataV.GeoAtlas地理小工具实现地图及其注意事项
其中惠州地图获取,从地理小工具官网中下载。写好组件后,父组件引用。
2022-07-26 14:59:20 3162 2
原创 elment-ui表格展示数据手风琴效果实现
只能展开一行,不能同时展开两行,因为数据量较多的情况下,一次性包括子列表的数据查出来不是很现实,所以需要两次查询。为了保证不发生这样的Bug,我们采取手风琴效果,也就是说只能展开一行,另一行则自动藏起来,如上图代码所示。而第二次查询的tableDataDetail中,如果两个数据展开,则最后一次展开的会覆盖前面所有的数据。其中table所需要设置数据为。...
2022-07-18 15:30:02 852
原创 Vue中动态显示ab标签内容
根据需求,tab标签的内容需要从后端获取 通过v-for循环显示内容。其中list: [],为初始化时,存储整个tab的数据, handClick用于为点击事件调用函数。
2022-07-04 10:00:10 503
原创 Vue表格中实现展开行二次查询数据功能
根据需求,目前需要实现如下的效果。点开第一行左边的箭头,展示以第一行数据id查询出来的两个子项目数据。从elment-ui官网中,我们能找到所需要效果的雏形,现在只需要更改成我们所需要的。 从官方组件中了解到,我们点击展开后,会有一个展开事件。(如下为上方组件的源代码)查阅属性说明 得知会有这样的事件触发,那么只需要再这个事件中,增添查询接口,以及查询出来所展示的效果组件。1,编写方法 2,表格中增加事件 值得注意的是,再表格中的再镶嵌一行,需要注意同为表格的表头是否显示,我这里选择了用show-heade
2022-06-29 15:22:51 989
原创 vue中前端数据字典格式化的简单实现
如图,目前需要将code转化为汉字 再对应所需要更改的表头上加上 :formatter="forstatus" 其中forstatus为自定义替换的方法 //过滤流转状态 forStatus(row,column,cellValue,index){ // if(cellValue === '1'){ // return "流转中" // } else if(cellValue === '2'){
2022-06-29 14:58:44 1206
原创 Vue前端父子组件传值运用
如何做出如下效果的界面? 对于tab标签的灵活使用 其中运用tab标签进行职业年金与企业年金的切换<a-tabs default-active-key="1" @change="callback"> <a-tab-pane key="1" tab="职业年金计划变更记录"> <a-table ref="table" size="middle" :scroll="{x:tr...
2022-05-31 11:24:15 515
原创 jeecg-boot高级查询组件中传递参数的注意事项
首先我们了解到jeecg-boot的公共JeecgListMixin.js中:getQueryParams() {//获取查询条件let sqp = {}if(this.superQueryParams){ //字符串加密 sqp['superQueryParams']=encodeURI(this.superQueryParams)sqp['superQueryMatchType'] = this.superQueryMatchType}...
2022-03-28 11:17:52 2951
原创 jeecg-boot省市行政区划控件前端代码分析
在自己写控件之前,首先看看jeecg-boot省市区控件是怎么实现的如上图,是在表单开发中自带的行政区划控件,而有些时候不同业务要求的行政编码并不是全国统一的,编码规则需要按照需求重新定义。往下是jeecg-boot实现控件的逻辑1,页面引入了封装好的方法标签<j-area-linkage> type='cascader'这里的cascader指的是级联类型<a-col :xl="6" :lg="7" :md="8" :sm="24">
2022-02-12 16:01:02 4581 4
原创 jeecg-boot数据字典的使用出现前端列表显示空白问题
1,首先在数据字典中配置,按照开发文档步骤来2,个别情况可能会出现前端列表显示空白3,更改前端代码导入此封装类中的filterDictTextByCache方法,用于根据字典值进行替换import {filterMultiDictText,filterDictTextByCache} from '@/components/dict/JDictSelectUtil'4,需要替换的数据字典中,自动生成的代码会是这个格式5,我们将后缀“-dictText”去掉,手动设置成字典中的数
2022-02-12 15:20:05 3246 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人