- 博客(13)
- 收藏
- 关注
RSS订阅原创 VUE2实现聊天室输入框
1-该段代码是输入框的编辑部分，@input="onInput"实时获取输入框内的数据，@paste="handlePaste"当用户粘帖内容到输入框的时候会被触发，@dragover.prevent可以控制拖拽操作行为，当用户在textarea上放下拖拽的内容时会调用@drop="handleDrop"方法。2-该段代码是输入框展示文件和图片的预览模态框，showPreviewModal的值（true或者false）控制预览模态框的显示和隐藏。3-拖拽图片和文件的方式，上传文件和图片。
2024-09-13 09:04:16
497
原创 Ratchet库实现WebSocket
前端通过switch来检查后端传来的数据的type，后端同理，也是用switch检查前端传来的数据的type。根据前端的代码，简单来讲：当websocket连接成功后，前端向后端发送一个type为shack（这里可以自定义，叫什么都可以）的数据，后端收到后也向前端传递一个type为shack的数据。我这里实现的是一个客服与用户聊天的功能，一个客服可以对应多个用户，一个用户只能对应一个客服；接着服务器需要判断这段信息的发送人是谁，接收人是谁，信息内容是什么，信息发送成功后的响应，信息发送失败后的响应。
2024-05-08 10:52:29
1867
2
原创 Cropper剪裁图片小解
这两天在想用户头像上传的问题，先试着用jQuery实现，贼麻烦，效果也不理想；我主要是用了layui的上传组件，在before方法里用了ajax来调用服务器一个专门用来上传头像的方法。现在剩下的问题是截屏出来的图片不是圆形的，也许不影响用户头像的呈现效果，但是感觉总有点怪，以后有时间了再想这一块。因为我用php写后端，所以就用了CMS框架，其实在写这个功能的时候并没有用到这个框架。服务器PHP的代码，第一个是上传图片的代码，第二个就是专门上传头像的代码。一看这功能就眼熟，这不和QQ编辑头像蛮像的吗？
2024-04-07 18:23:30
448
原创 Flutter-GetX学习
使用GetX的路由功能也需要将main.dart中的MateralApp变为GetMateralApp。是Flutter上的一个轻量且强大的解决方案，提供了很多精密组件、路由管理、高性能的状态管理、依赖注入（多个组件，页面之间共享数据）和主题管理等。调用该组件将从底部弹出一个窗口，使用它时，需要设定其高度（默认高度为0）和颜色（默认透明色，默认看不到，但是确实存在）。需要传入一个跳转的目标，在home.dart中，通过设置按钮点击事件调用Get.to来跳转到Page2。初步体验：点击按钮，页面的数字累加。
2024-02-18 00:12:34
650
1
原创 flutter学习·入门2
widget）中的多个子组件共享状态（数据），这时候就可以用Flutter中的状态管理来管理统一桩体（数据），实现不同组件之间的传值和数据共享。在实际开发中，不太可能把所有的ui组件都放在一个文件中，通常会把一些ui控件放在其他文件中，通过导入其他文件，进而使用该文件中的ui控件。一般来说，点击底部导航栏都是要进行页面切换或者更新数据，于是我们需要动态的改变一些状态，所以，我们要继承自StatefulWidget。该代码主要返回了一个标题为“提示”，包括 传入构造函数的文本内容、确认按钮、返回按钮的弹窗。
2024-02-17 00:01:38
1780
1
原创 flutter学习·入门1
从没接触过Dart语言，自己根据CSDN上的文章搭配好flutter的运行环境，直接上手写代码。入门的第一阶段结束了，一路顺下来的话，我们就能基本读懂main.dart一开始最初始的内容。可以看出来，第一种方法让图片的比例发生了变化，第二种方法切割了图片。2-更改字号fontSize、背景色、字本身的颜色。3-采用flutter提供的Scaffold框架。8-1改变高度和宽度，让图片显示成一个正方形。9-flutter中的三种布局。7-在body部分显示图片。5-改变标题栏的背景颜色。
2024-02-16 04:46:36
465
1
原创 layui表格排序后自定义样式丢失
当我点击layui表格自带的排序筛选按钮时，我给layui表格添加的样式全都消失了。我查了一下资料，发现只添加一个监听表格排序的方法就能让自定义样式不丢失。table.reload('表格的id')sort(lay-filter的值)
2024-02-02 09:18:14
486
原创 elemntui删除图片之删除图片没有保存
因为我在前端清空页面上的图片时，同样需要访问后台删除图片的方法，获得一个返回值来执行清空图片的操作。上一篇博客里写的elemntui删除图片，没有考虑到用户删除页面图片后并没有保存的骚操作，导致页面上的图片被清空了、存储图片文件夹里的图片被删除了，但是数据表里的图片地址并没有被删除。用户点击保存按钮的时候，表单监听器判断isDelete，如果是true，就把图片地址和isDelete扔给后台的删除图片方法；后台删除图片方法也需要判断isDelete的值，true就执行删除操作，false不执行删除操作。
2024-02-01 13:46:23
373
1
原创 实现前端下拉框联动
(document).ready(function () 整个文档加载完毕之后执行。也就是第一个下拉框的值发生变化后，第二个下拉框的值会根据第一个下拉框的值也发生改变。form.on 监测第一个下拉框值的变化，值变化后立即触发检测器。
2024-01-30 10:05:59
777
1
原创 elementui图片在修改页面的回显
当用户更改图片时，通过调用上传的方法、上传成功的方法，把【新的图片地址】存入fileList数组，覆盖掉原有的图片地址。我借鉴了这部分的文章，渐渐明白有一个方法在图片回显的过程中不可或缺，这便是mounted()方法。我查阅了网上很多文章，大多讲的是上传图片时候的回显，少数讲的是修改页面的回显。感觉elementui的图片回显比layui的图片回显更简单些，如果各位大神有什么更好的思路，可以告诉我。依据我的理解，mounted方法在页面刷新的时候就被vue自动调用了，我们可以根据这个特性来回显图片。
2024-01-30 08:56:39
1097
1
原创 关于elementui中:key=“clearThumbnail“问题
在页面上，如果clearThumbnail为true，组件中的<el-upload>标签会自动清空已上传的文件列表（即清空页面上的图片）。因此，当执行handleRemove方法时，会先清空页面上的图片，然后再向服务器发送删除图片的请求。如果请求失败，页面上的图片不会恢复。但是查了很多网上的资料，大多都不能删掉页面上的图片，所以去问了一下AI，果然有惊喜。但是我很快发现，在第一次删除图片后，第二次插入图片再删除时，图片不会在页面上保留，但是存储图片的文件夹里却会保存第二次插入的图片。
2024-01-26 16:05:27
341
1
原创 关于eclipse控制台不显示log4j的日志或报错
这表明你正在使用的Oracle JDBC驱动版本与MyBatis框架版本不匹配，无法找到实现该抽象方法的具体实现类。当我使用ojdbc5和mybatis3.5.7，控制台会报错，这个错误是因为使用的Oracle JDBC驱动版本与MyBatis框架不兼容所引起的。这个错误很隐蔽，我一直以为是我的log4j.properties文件没有配好，然而并不是如此，反而是我的log4j的jar包没有添加完。当使用mybatis3.5.7和ojdbc8的时候，控制台不显示log4j的日志信息。
2023-10-23 19:34:07
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人