- 博客(86)
- 收藏
- 关注
RSS订阅原创 vue中实现PDF文件流预览
在展示预览之前，先将数据转换成json格式，如果转换过程中出现异常，则显示错误消息并清空文件预览区域；如果转换成功，则进行具体的展示逻辑。是在关闭文件预览时，清空预览区域的内容，以便下次预览文件时重新加载新的内容。showPdfPreview()方法，用于展示PDF文件的预览，并对异常情况进行处理。Blob 类型的数据转化为 JSON 对象。clearBox() 方法的作用。读取 Blob 类型的数据。这段代码我定义了一个。
2023-12-15 17:52:27
2082
2
原创 据房间Id是否存在，判断当前房间是否到期且实时更改颜色
值（据后端返回到期的房间ID，若返回了到期的房间ID，边框将会变成红色），如果包含则返回 true。方法对数组进行遍历，对每个元素执行回调函数，并将返回值组成一个新的数组。expiration.includes(item.houseId)绿色的表示空闲的房间，红色边框的表示居住即将到期，白色的表示在租房间。属性根据 expiration.includes(item.houseId)表示房间的状态，如果状态为 1，则背景颜色为绿色（，用于存储即将到期的房间的 houseId。属性的值作为新数组的元素。
2023-12-12 09:02:31
585
原创 vue中实现数字+英文字母组合键盘
简单来说，当用户在元素上点击鼠标时，会触发该元素的点击事件，并向父级元素依次传播。如果在某个父级元素上绑定了相同类型的事件处理函数，则该函数也会被调用。它可以通过在事件处理函数中使用event.stopPropagation()这意味着该元素将不会占据任何空间，并且无法通过直接的交互方式与用户进行互动。防止该事件继续向上传播，避免重复执行相同的事件处理函数。我在这边设置了CSS样式属性。使元素不显示在页面上(即隐藏)是Vue中阻止事件冒泡的指令（方法来停止事件向父级元素传播。
2023-12-06 15:38:25
1518
原创 vue中如何给特殊字段设置插槽
方法发送请求到后端接口，传递卡号作为参数。当接口返回数据后，将数据赋值给。代码中使用了 Element UI 的组件，包括。具体的接口返回的数据类型可能会有所不同，可以根据实际需求进行调整。根据我这边的业务需求，我将在点击按钮时调用。组件来显示菜单信息，并通过点击按钮触发了。方法获取支付记录列表，并将结果保存在。在这个插槽中，我使用了。当点击搜索按钮时，会触发。解析为对象数组，以便在表格中展示。数组中的每一项，将菜品详情。在页面初始化时，通过。方法，该方法再次调用。（气泡弹出框）等等。
2023-09-12 16:07:36
514
2
原创 uniapp支付宝微信支付功能实现
监听输入值的变化，并更新选中的充值金额选项。判断金额是否大于0，若是小于0，则抛出金额异常信息；用户点击支付宝或微信支付按钮，根据选择的支付方式调用不同的支付接口生成支付二维码。支付成功后，弹出充值成功的提示，并且等待1秒后清空缓存并重新跳转至登录页面。启动定时器，定时查询支付状态，如果支付成功，则跳转至充值成功页面。方法更新选中的充值金额，并将选中状态进行更新。用户关闭扫码支付弹窗时，隐藏弹窗并清除定时器。，分别用于查询微信支付和支付宝支付的支付状态。支付二维码生成成功后，将二维码的值更新到。
2023-08-10 10:05:48
760
2
原创 vue中人员导出功能实现
上述代码是一个导出Excel文件的函数，使用了axios库发送请求并获取到Excel文件的二进制数据。将二进制数据转换为Blob对象，并创建一个下载链接，然后模拟点击下载链接进行文件下载。
2023-08-01 14:09:50
501
原创 uniapp WIFI上下班打卡
🥪 1、获取主 Activity（活动/窗体） 的引用，这对于访问 Android 系统服务是必需的。2. CHANGE_WIFI_STATE（更改wifi状态）1. ACCESS_WIFI_STATE （访问权限状态）Native API(本地API) 与 Android Wi-Fi (安卓Wi-Fi)获取当前 WIFI 连接的 SSID (WIFI 名称)前端通过调用获取网络的方法 获取当前连接WIFI的信息从而拿到。🥪 4、导入其他与 Wi-Fi 操作相关的类。3、编写方法来获取WiFi的名称。
2023-07-26 17:29:48
1656
原创 uniapp中如何给下拉框动态绑值
在项目中我们会经常遇到新增的功能，而新增的页面中就会有输入框、下拉框、文本域、日期选择框等等。那么在uniapp是如何给下拉框中调用接口动态绑值的呢？请往下看 💨💗 uView官网：介绍 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架uView UI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。
2023-06-21 20:08:52
2850
原创 Vue中如何只传递一个人员Name同时把人员Id也传递过去
根据项目需求，在修改功能中，要求展示一个人员的下拉框，但是又要把人员ID在点击提交时传递过去，一般这种情况有2种解决方法：一是通过map遍历匹配；二是在选中人员时将人员ID获取到，通过filter方法。
2023-06-09 15:50:14
562
原创 Vue中的MVVM【第三篇】
一种更好的UI模式解决方案，MVVM通过数据双向绑定让数据自动地双向同步。M(Model)：Model数据模型，json格式数据V(View)：View视图，jsp、htmlVM(ViewModel)：ViewModel视图模型。
2023-05-12 17:43:30
675
原创 Vue列表展示&计数器【第二篇】
的，也就是说：当我们数组中的数据发生改变是，界面会自动改变。若我想在bookList数组里追加一个数据，在浏览器的控制台(Console)打印。打开开发者工具，点击按钮，在console中查看点击事件的效果。就相当于将数据一个一个取出来进行遍历，第一次取出来'活着'，：如果数组中有很多条数据，那么我们就需要在。中，然后再根据数组中的数据创建相应的。🍊 需要先创建一个。，这样代码就过于冗余了。中的写法必须是函数。
2023-05-09 19:15:20
677
原创 解决在vue中使用elementUI自定义校验及点击提交不生效问题
本章讲述的主要是对身份证号码的校验及为何校验了但提交不生效问题。🍀1、身份证号码（二代18位身份证）的含义1️⃣ 1-2位：代表所属省级政府的代码；2️⃣ 3-4位：代表所在的地、市级政府代码；3️⃣ 5-6位：代表所在区、县级政府代码；4️⃣ 7-10位：代表身份证持有人的出生年份；5️⃣ 11-12位：代表身份证持有人的出生月份；6️⃣ 13-14位：代表身份证持有人的出生当月日期；7️⃣ 15-16位：代表身份证持有人在当地的顺序码（所在地的派出所的代码）；
2023-04-22 15:39:53
6098
1
原创 element Ui 实现密码的显示与隐藏
(输入框类型为密码，即所输入的内容都是以“密文”形式展示)点击查看小图标就可以查看了。我原先给密码输入框设置了。
2023-04-21 11:58:55
3937
原创 如何解决 “node --max-old-space-size=10240“ 不是内部或外部命令，也不是可运行的程序或批处理文件。报错问题
过了没多久，由于代码的改动有点大，我准备重新运行一下，然后又出现问题了，报的是。解释说明：是用来设置node进程可占用的内存，通过设置一个大内存占用来解决该问题。今天早上起来打包vue项目时发现一直打包不了，还报了一个。将node_modules依赖删除，重新下载即可。原因是：为了解决内存溢出问题执行的那2行命令有点问题。为了解决这个问题，我运行了2个命令之后就可以打包了。node内存溢出的问题。1、首先全局下载npm包。
2023-04-03 15:05:58
8551
6
原创 vue项目打包发布到(宝塔Linux面板)服务器
3、找到软件商店==》Nginx ==》设置 ==》配置修改，可以编辑你要配置的东西。右键项目，点击在外部资源管理器打开,然后cmd,输入 npm run build。首先，我前端用的开发工具是HBuilderX。随后静静地等待打包就行了...... 成功之后会生成一个文件。2、找到文件，直接将打包好的项目拖移至相关目录下 即可。2、直接选中项目 点击打包即可。2、将打包的项目发布到服务器上。vue项目发布到服务器。
2023-03-23 16:47:33
589
原创 element下拉框中动态绑值
下拉框动态绑值（书本类型是动态的值，由后台传递过来的，通过书本类型的接口，动态查询绑值）首先，我们先看到下拉框这一栏 （Form 表单 之 Select下拉框列表）绑值的时候字段对不上导致的（我写的是booktype,然后原字段是type）我当时绑定上去的是空值，后来才打开控制台发现data:{}中的值是空值。话不多说，我们就直接进入正题。
2023-03-10 14:16:45
2353
原创 如何解决 Property or method “rowView“ is not defined on the instance but referenced during render. 报错
但在渲染过程中被引用。通过初始化属性，确保该属性在数据选项中或在基于类的组件中是反应性的。“click”的事件处理程序出错：“TypeError:_vm.rowView不是函数”未改之前,我将name="详情" 写成了:name="详情"（属性或方法“详情“未在实例上定义，但在渲染过程中引用。，对话框弹不出来，F12查看Console 就已经报错了。我的原因是将View()方法写在了methods的外面。将View()方法放到methods中就行了。返回的data(){}中我写的是。
2023-03-08 13:14:09
1404
原创 安装微信开发者工具及创建小程序
微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。安装完成之后的界面，微信扫码登录。稳定版Windows64。
2022-12-10 16:12:43
737
原创 安装VMware
一、VMware简介 VMWare虚拟机软件是一个“虚拟PC”软件，它使你可以在一台机器上同时运行二个或更多Windows、DOS、LINUX系统。 二、VMware摘要笔记 三、VMware安装步骤1、将VMware Workstation 16 Pro解压后 双击运行第二个应用程序(player)进行安装2、所有操作可直接下一步 3、我一般安装的程序都不会放在C盘。大家根据自己的需求修改路径4、安装成功之后就是如下图这样 5、安装完成之后，找到 设置 —》网络状态 —》更
2022-12-06 16:10:01
775
1
原创 省 市 县 三级联动
2、创建数据库中对应数据表（t_region）的省市县实体类，即。1、配置数据库相关信息(数据库名、用户名、密码)6、测试Dao类是否有误。下 配置RegionAction。测试结果没有报错，可以继续下一步。最终效果展示(可自行美化)继承BaseDao.java。
2022-11-29 12:07:45
670
原创 Mysql之执行计划【第六篇】
使用 EXPLAIN 关键字可以模拟优化器执行SQL查询语句，从而知道MYSQL是如何处理你的sql语句的。分析你的查询语句或是表结构的性能瓶颈。语法: Explain + sql。
2022-11-17 20:18:32
169
原创 Mysql之视图、索引【第五篇】
1) MySQL 视图(View)是一种虚拟的表，是从数据库中一个或多个表中导出来的表。视图由列和行构成，行和列的数据来自于定义视图的查询中所使用的表，并且还是在使用视图时动态生成的。2) 数据库中存放了视图的定义，而并没有存放视图中的数据，这些数据存放在原来的表中。3) 使用视图查询数据时，数据库系统会从原来的表中取出对应的数据。
2022-11-16 20:27:24
1280
原创 Mysql之常用函数、聚合函数&合并(union&union all)【第四篇】
MySQL函数是 MySQL 数据库提供的内部函数，这些内部函数可以帮助用户更加方便地处理表中的数据。函数就像预定的公式一样存放在数据库里，每个用户都可以调用已经存在的函数来完成某些功能。简单来说，函数就是输入值然后得到相应的输出结果，输入值称为参数（parameter），输出值称为返回值。
2022-11-15 17:18:43
2168
原创 Mysql之增删改查案例【进阶篇】
以如下形式显示：课程 ID，课程 name，最高分，最低分，平均分，及格率，中等率，优良率，优秀率及格为>=60，中等为：70-80，优良为：80-90，优秀为：>=90。-- 1.学生表-t_student (sid 学生编号,sname 学生姓名,sage 学生年龄,ssex 学生性别)-- 4.成绩表-t_score (sid 学生编号,cid 课程编号,score 成绩)01）查询所有同学的学生编号、学生姓名、选课总数、所有课程的总成绩(没成绩的显示为 null）
2022-11-14 14:10:36
829
原创 Mysql之增删改查案例【第三篇】
- 1.学生表-t_student (sid 学生编号,sname 学生姓名,sage 学生年龄,ssex 学生性别)03）查询存在" 01 "课程但可能不存在" 02 "课程的情况(不存在时显示为 null)3、存在" 01 "课程但可能不存在" 02 "课程，故 t1 为主表。01）查询" 01 "课程比" 02 "课程成绩高的学生的信息及课程分数。04）查询不存在" 01 "课程但存在" 02 "课程的情况。02）查询同时存在" 01 "课程和" 02 "课程的情况。
2022-11-13 18:27:26
473
原创 学生管理系统 前后端分离项目【简约版】
是否与本机的路径一致，然后再导入依赖（联网）。再检查application.yml和jdbc.properties文件中的。2、将html中的spboot项目导入HBuilder X中，并且在终端下载npm（联网）（数据库名/账号/密码）是否与数据库一致；项目需要用到elementUI中的组件（搜索框、数据表格、对话框）下载完成之后，运行项目（npm run dev），查看是否能访问页面。1、在MySQL数据库中生成学生信息表（t_student）5.1、先在action.js中配置跳转路径。
2022-11-12 15:57:33
1394
4
原创 如何解决 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题
在vue项目中，当我们在终端使用指令：下载 node_modules (节点_模块) 时出现报错的情况。node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。比如webpack、gulp、grunt这些工具。主要是这个原因：npm ERR!翻译：npm错误！无法读取null的属性（读取“pickAlgorithm”）
2022-11-11 17:32:01
13268
2
原创 SSM前后端分离项目（后端:SpringBoot 前端:vue+elementui）
三、在Idea中 导入java项目，配置数据库相关设置，在generatorConfig.xml文件中table配置表信息，进行生成表，然后在编写Sevice层&SeviceImpl层&Controller层。工具：IntelliJ IDEA 、HBuilder X、MYSQL数据库。6、后端代码编写完成，可先运行tomcat测试一下。2、 在view文件中编写BookList.vue。1、先将后端的ip地址配置到action.js中。1、以书籍为例进行 书本的。四、在前端中编写页面代码。
2022-11-10 21:09:22
2081
自定义身份证号校验js版本
2023-04-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人