Vue-Element UI集成ECharts实现数据统计分析页

背景效果预览相关文档相关依赖具体实现饼状环形圆角图Vue部分Js部分饼状平铺图Vue部分Js部分折线堆叠图Vue部分Js部分组件引用背景​ECharts是由百度开发捐献给Apache的一款基于 JavaScript 的开源可视化图表库,有丰富的图表库、完善的文档,开箱即用,非常方便好用。效果预览以下


微信扫码登录前后端实现(SpringBoot、Vue.js)

背景效果预览流程介绍前端部分生成微信登录二维码微信 wxLogin.js创建方法后端部分认证服务器Nginx配置重定向到Java程序处理背景​这里微信扫码登录,没有采用轮询、没有采用WebSocket推送,而是由: 扫码后重定向 -> 微信服务器 -> 我方统一认证服务器 -> 指


Vue-WebSocket简单聊天室的实现及样式

背景预览效果具体实现背景​一个简单的WebSocket聊天室的实现。预览效果以下展示数据为模拟数据。具体实现/** 连接 */connectWebSocket() { if ('WebSocket' in window) { this.websocket = new WebSocket(pr


Vue-结合Element UI实现表单动态增删行

背景效果预览具体实现Vue部分Js部分背景​有时候表单中的字段、或者某一个字段中以JSON传输到后端处理,这时候对其变量赋值就存在不确定性,值可能一个、可能两个、可能多个,具体根据使用者具体场景决定,这时候就需要采用动态增删来处理。效果预览​比如我这里做了一个管理系统对接友盟推送消息的功能,这里的扩


微信支付系统与自有业务系统对账实现

账单下载数据解析数据解析方法实现行标题与行数据对比数据对象TO与自有支付业务订单核对账单下载参考官网API数据解析数据解析方法实现/** * 解析微信账单字符串数据为对象 * Ps: 仅支持单天数据 * * @param result 微信账单字符串数据 * @param date 账单日期 例


支付宝系统与自有业务系统对账实现

接入官方SDK完整处理方法总览获取账单链接下载账单压缩包解压账单压缩包读取并解析数据解析方法数据对象与自有支付系统对账接入官方SDK官方文档:https://opendocs.alipay.com/open/54/103419完整处理方法总览/** * 支付宝交易账单获取 * * @author z


Vue-JSON编辑器组件的简单使用

背景效果预览具体实现相关依赖Vue部分Js部分背景​有些时候我们系统的配置、为了方便会以JSON的形式保存使用,或者其他需要修改JSON的场景,一款方便好用的编辑器就显得很重要了,本文采用的是vue-json-editor组件。效果预览​可以看到数据层级非常清晰,还可以选择对齐方式、切换文本、表单、


Vue-富文本编辑器组件封装之TinyMCE

背景相关依赖接入说明中文文档组件汉化导入插件创建组件实例组件应用示例效果预览编辑器窗口上传图片效果内容小窗口预览遇到的问题及解决方案在dialog(弹窗)层级、遮挡问题预览效果宽度调整问题图片自动增加宽度不能自适应问题背景​目前市面上支持vue.js的富文本很多,例如:UEditor、wangEdi


实现基于Filter拦截并修改请求参数(参数解密等场景)

背景实现逻辑过滤器实现代码过滤器注册实现基于注解实现自行注册Bean实现背景对服务接口的安全性具有一定要求,需要做签名验证;对服务接口的请求参数做解密还原处理;实现逻辑自定义过滤器实现Filter,并注册到SpringBoot中通过将ServletRequest转换为自定义包装器实现自由读取Inpu