牵手相守-CSDN博客

原创 vue h5实现车牌号输入框

大家好，我们团队最近做了一个车辆管理系统，开发过程中发现有个功能是用户移动端添加车牌号，于是我们手写了一个H5车牌号软键盘，给大家整理一下demo，复制即可使用，或者自行封装一个组件调用也可以。功能如上图所示，支持 8位电车车牌和7位油车车牌。第一位是省份，用户点击就会弹出省份软键盘；第二位是字母，用户点击只能输入字母；第三、四、五、六位是字母和数字，不包含O；第七位是数字、字母、或者学、警之类汉字；第八位是电车选项。用户点击软键盘对应的按键时会高亮，这个是后期加的，所以上图中没有展示出来。我们的移

2025-07-22 15:09:51 977

原创 VUE中实现输入框禁止输入小数方法分享

键盘事件时，让保留0位小数，那么不就是整数了（当然这个很简单，但是有个问题，具体看测试那边会不会嫌弃，也就是四舍五入，例如输入1.5就会变成2，输入1.4会成为1，具体大家试试，也不影响功能）我们团队之前有一个需求是输入框不允许输入小数，也就是说明不能带有小数点，本来想着百度搜索一个正则验证解决下就行了，于是一顿操作猛如虎…突然想到那么让他保留0位小数也不是一样的道理呢？所以如下方法（我用的iview，其他也一样）

2025-07-22 14:57:04 253

原创 vue中如何动态设置当前页面的网站标题

多了一个div，但是没什么影响，标题内容，我们可以通过动态绑定，自行在下方将参数舒传入即可。（1）在 router 下 index.js 注册一个全局指令。（2）我们想要修改标题的页面组件中调用刚才注册的指令。

2025-07-10 16:34:01 252

原创 vue动态修改网站的icon图标

我们团队的项目会有单独部署的情况，那就意味着只是每个平台icon的不同，之前每次部署时候都得手动切换一下对应系统的图标，很是麻烦，所以就写成一个全局动态的切换吧！上方代码中，sysType参数是全局定义的，只需要判断显示对应的ico图标即可，图标路径可以url地址最为方便。将下方代码放置全局首次加载地方，例如 App.vue 的 mounted 中。

2025-07-10 16:31:01 340

原创网页中生成微信小程序二维码

大家好，我们团队最近做的一个项目中，有个需求是在打印下来的页面上显示微信小程序二维码，用户扫码后携带参数请求后端获取和该用户相关的数据显示到页面上。上方服务端接口，后端去请求，前端只需调用后端提供的接口，并给后端二维码中的部分参数即可，如后端生成二维码的参数 scene、page 等前端提供给后端即可。请求成功返回的二维码是图片二进制，后端将图片二进制转为base64给前端，前端渲染到页面即可。接口后端来请求，最后前端请求后端，后端将生成的二维码返给前端即可。CURL（可复制直接导入postman中使用）

2025-07-10 16:21:29 585

原创 RockyLinux9编译安装MySQL5.7

大家好，最近我获得了一个新服务器，让大家见笑了，这个操作系统（RockyLinux9.5）我没用过。的MySQL源码包(mysql-boost-5.7.44.tar.gz)，进行下载，并将下载到的源码包先放到服务器的。命令，进行编译前的检查和配置，使用CMake配置和生成MySQL源码编译所需的构建系统文件，安装MySQL到。执行后，开始编译，不断输出日志，编译的过程很耗时间，需要等待很久，编译完成后，可以在。文件夹下，可以看到目前版本依赖的boost版本是哪个，一会编译时会用到。

2025-07-10 15:15:47 1157

原创检测图片URL是否失效

大家好，我的项目中遇到了一个问题：后端数据库存储的图片url地址是完整的，有的url是不能长长访问的。所以需要先检测已存在的照片url是否能正常访问，如果可以就直接显示，不可以就替换一张默认图片。项目用的vue，代码如下所示。

2025-07-10 14:51:22 370

原创 uniapp微信小程序获取微信步数，微信小程序获取微信步数完整版

前端需要用到 uni.getWeRunData 拿到加密后的数据(encryptedData)，将数据返给后端进行解密处理，处理后则可拿到当前用户包含今天在内的31天的运动数据！代码中，简单写了获取权限判断，如果申请权限时用户拒绝了，则再次点击获取会打开小程序权限设置去开启权限等，具体可自行继续优化！大家好，我们团队新研发了一个“健步走”功能，其中用到了微信运动的数据，今天和大家分享一下。在开发之前，需要在小程序的“用户隐私保护指引”中设置收集微信运动步数，才可进行开发！

2025-07-10 14:47:23 633

原创 vue中实现代码高亮

本次开发项目中要实现一个类似简单 swagger 一样的功能，展示所有项目的接口，然后在页面中点击哪个接口获取哪个接口请求方式、参数等测试请求，请求成功或失败，将请求返回的结果展示到页面中。如，使用 language-javascript 来高亮 JavaScript 代码。我刚开始用pre标签直接将返回结果渲染到页面，发现没有任何样式，如下图所示，丑。官方文档 https://prismjs.com/index.html。于是就找了一下vue的代码高亮插件（prismjs）。

2025-01-06 17:30:07 630

原创 nvm常用命令有哪些？nvm如何切换node版本？nvm如何下载node？

启动项目的时候发现，node版本太高了，依赖下载不下来，需要切换node版本。做个备忘录，以便查看。首先，没有安装nvm的，可以去下载安装 https://github.com/coreybutler/nvm-windows/releases在安装nvm之前，请先卸载node；成功安装后，我们在cmd中输入下方命令，查看是否安装成功。nvm -vNode的常用命令（注：使用nvm安装node时，会自动将对应的npm版本一起安装）。

2023-08-03 10:00:04 674