ljw的博客

【代码】多级目录分层返回SQL。

有一种场景，比如抢购活动，活动的开始肯定不是到点后手动点击开始按钮的，而是通过配置活动开始时间和结束时间，然后开启定时任务，通过定时任务来控制活动的开始和结束。

今天在写一个接口时，有两级目录（父子关系），接口需要把两级数据以嵌套的形式返回给前端。我这个新手菜鸟一上来就查询两次sql，然后业务中处理嵌套关系，事实这种方法也能达到目的。我当然不知道还有这种骚操作，下面是在主管的指导下改造的通过sql语句实现的，记录下来慢慢欣赏。

版本比较工具类VersionUtil

需求：PostgreSQL数据库中的一张表的某些字段，之前存的是字符串，由于业务需求变更，需要存储多条数据，字段类型要改为数组，并保留原来的数据。

在前端项目中，详情页面是必不可少的，详情页面通过卡片样式进行分片展示的需求也很多，这里记录下来方便以后直接套用。

后台返回对应的奖品数据，小程序以九宫格形式展示奖品信息，点击抽奖后转动转盘，通过接口获取奖品对应的位置，并把奖品位置高亮显示。

需求：详情页面显示多张图片，当鼠标悬停在某张图片上时，图片上显示下载按钮；鼠标移出后，下载按钮隐藏。

Vue项目中文件导入和导出使用比较频繁，这里把最常用的布局和实现代码记录下来，避免以后频繁造轮子。

vue项目无论是用element中的Select选择器，还是使用公司维护的组件，都可以轻松实现单选和多选的需求，但在移动端使用vant时，找了几遍发现居然没有提供Select组件，这里提供了基于popup和cell、field封装的select单选、多选组件。...

1、需求：项目中有好几处用到标签组，有单行、多行、单行显示不下省略（鼠标放上去提示）等等需求，为了方便使用提取为组件。单行样式如下：2、在项目的components文件下新建文件夹

1. 在el-upload控件中加入on-change方法:<el-upload id="file" ref="upload" slot="append" :action="file.action" :with-credentials="true" name="file" :data="file.data" :show-file-list="false" accept=".xls,.xlsx,.csv" :disabled="isDisabled" :au

1、最近移动端项目中使用van-uploader上传图片，开发测试都正常，上线后苹果用户反馈图片上传不了，最后排查是图片过大导致调用上传接口后一直没有返回。2、utils文件夹下新建imgCompressUtil.js文件：3、工具类中的具体代码：const imgCompressUtil = { compressImg (file) { let self = this if (!file || !window.FileReader) return // 判断是否支持F

最近做的一个项目对日期时间的处理比较多，最后整理到一个工具类里面，方便以后使用：1.在utils文件夹下新建一个dateTimeUtil.js文件：// 获取当前时间并格式化export function getCurrentTime(){ var date = new Date() var month = date.getMonth() + 1 var day = date.getDate() if (month <= 9) { month = '0' + .

1、vue项目中的png、svg图片统一处理工具类，图片正常放在对应的目录下(images中放png图片，ui-icon中放svg图片)：2、在style文件夹下新建一个ui-page.less工具类类：// 图标.ui-icon { .common { display: inline-block; width: 24px; height: 24px; background-size: contain; vertical-align: midd..

1、在utils文件夹下新建watermark.js工具类：watermark.js工具类对应代码：const watermark = {}const setWatermark = (str) => { const id = '1.8989898989898989.123412416' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementBy

table动态表头数据处理经常用到，记录下来方便以后查阅1、data中定义表头和表格数据：tableData: [], //表格数据headerTeamList: [] //表头数据2、接口获取表头数据：getHeaderList () { serviceApi.getHeaderList().then(res => { this.headerTeamList = res.data })}3、获取table表格数据并处理结果：getTe

初始化页面时，van-tabs下划线位置错位：解决方案：①如果是通过v-show来控制组件显隐，改为v-if:<applyList v-if="index === '2'"></applyList>②使用官方提供的resize方法：<van-tabs ref="tabs" v-model="active" title-active-color="#2080F7" color="#2080F7"> <van-tab tit.

需求：点击雷达图上的indicator时获取对应indicator上的信息,而不是获取整个系列的数据1、设置点击事件：chart.on('click', (param) => { console.log(param)})点击回调的param是整个雷达图的数据，我们要从中找到我们想要的数据(对应indicator的数据)，通过每次改变点击的indicator,然后再去观察数据，最后发现在event-topTarget中有个__dimIdx字段，对应的刚好说我点击的indicat.

需求：A页面 -> B页面 -> C页面，当C页面返回到B页面时，保存B页面的数据；但A页面到B页面时，B页面需要重新加载数据。网上的方法试了很多种，下面这个有效果：1、路由router中设置keepAlive:{ name: 'personnelList', path: '/personnelList/', menuCode: '001', component: 'personnelList', meta: { keepAlive: true }