- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Minio的使用
Minlo是一个基于Apache License v2.0开源协议的对象存储服务。它兼容亚马逊S3云存储服务接口，非常适合于存储大容量非结构化的数据，例如图片、视频、日志文件、备份数据和容器/虚拟机镜像等，而一个对象文件可以是任意大小，从几kb到最大5T不等。对于中小型企业，如果不选择存储上云，那么MinIO是个不错的选择，麻雀虽小，五脏俱全。当然MinIO除了直接作为对象存储使用，还可以作为云上对象存储服务的网关层，无缝对接到Amazon S3等。
2025-01-12 12:56:57
1841
原创 MongoDB如何使用
MongoDB是一个开源、高性能、无模式的文档型数据库，当初的设计就是用于简化开发和方便扩展，是NoSQL数据库产品中的一种。是最 像关系型数据库（MySQL）的非关系型数据库。MongoDB是一个基于分布式文件存储的数据库由C++语言编写，旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。
2025-01-12 12:01:56
1267
原创 JWT使用
JWT （JSON Web Token） 是目前最流行的跨域认证解决方案，是一种基于 Token 的认证授权机制。从 JWT 的全称可以看出，JWT 本身也是 Token，一种规范化之后的 JSON 结构的 Token。JWT 自身包含了身份验证所需要的所有信息，因此，我们的服务器不需要存储 Session 信息。这显然增加了系统的可用性和伸缩性，大大减轻了服务端的压力。
2025-01-05 13:11:06
1110
原创 EasyExcel数据的导入导出
EasyExcel是一个基于Java的、快速、简洁、解决大文件内存溢出的Excel处理工具。他能让你在不用考虑性能、内存的等因素的情况下，快速完成Excel的读、写等功能。EasyExcel 采用了异步导入导出的方式，并且底层使用 NIO 技术实现，使得其在导入导出大数据量时的性能非常高效。EasyExcel 提供了简单易用的 API，用户可以通过少量的代码即可实现复杂的 Excel 导入导出操作。
2025-01-05 11:59:58
611
原创 Node版本管理
因为我们安装了16版本的node.js，在配置node时需要对16版本的node.js配置全局下载目录node_global和缓存目录node_cache。2) 在系统变量中找到NODE_PATH编辑，变量值为node.js的安装路径下的node_modules。下载后的压缩包如下所示，解压后得到nvm-setup.exe文件，双击它进行nvm的安装。类似的如果想切换到20版本的node.js，命令：nvm use 22.0.0。再切换到22.0.0版本的node.js后，再执行以下两句操作。
2024-12-29 14:03:13
1428
原创 页面的图片验证码
验证码可以防止恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录尝试。由于验证码技术具有随机性随机性较强、简单的特点，能够在一定程度上阻碍网络上恶意行为的访问，在互联网领域得到了广泛的应用。之后在前台显示可以把路径提出来，使用随机数生成名字，添加一些圆圈和线变成下图。生成出来的图片就在指定的目录下也可以存在redis里面。导入之后可以创建一个生成的方法。可以把验证码里的信息取出来。
2024-12-29 13:57:46
415
原创 在Swagger的测试接口的使用方式使用
Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。使用Swagger，就是把相关的信息存储在它定义的描述文件里面（yml或json格式），再通过维护这个描述 文件可以去更新接口文档，以及生成各端代码。而Springfox-swagger,则可以通过扫描代码去生成这个 描述文件，连描述文件都不需要再去维护了。所有的信息，都在代码里面了。代码即接口文档，接口文档即代码。总体目标是使客户端和文件系统作为服务器以同样的速度来更新。
2024-12-29 13:22:24
1172
原创 使用若依框架做增删查改
结合了 SpringBoot和Bootstrap 的前端开发框架，适合快速构建传统的Web应用程序，其中前端和后端代码在同一项目中协同工作。利用 SpringBoot 作为后端开发框架，与Vue.js结合，实现了前后端分离的开发模式。这种架构有助于提高开发效率，前后端可以独立开发和部署，更适合现代化的Web应用开发。基于 Spring Cloud & Alibaba 微服务架构，为构建大型分布式系统提供了完整的解决方案它支持服务发现、配置管理、负载均衡等微服务特性，适合需要高可扩展性和高可用性的企业级应用。
2024-12-17 20:28:59
995
原创 插槽Slots和组件定制化
在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段，我们可以用插槽为他们设置共享的样式，而里面的数据不同。我们在创建组件时使用Slots来为页面的输入提供插槽，这时我们就可以在页面中的我们创建的这个组件直接写样式文件来在页面中插入。solt有区别，在页面的组件中用template再用v-slot:name (name里面放在组件中写的名字) ，使用多个Solt时在页面上会重复，所以我们使用具名插槽顾名思义就是为 Solt 设置一个 name 来让。
2024-09-08 21:38:30
235
原创 在组件中通过Props进行数据传递
如果我们正在构建一个博客，我们可能需要一个表示博客文章的组件。我们希望所有的博客文章分享相同的视觉布局，但有不同的内容。要实现这样的效果自然必须向组件中传递数据，例如每篇文章标题和内容，这就会使用到 props。Props 是一种特别的 attributes，你可以在组件上声明注册。要传递给博客文章组件一个标题，我们必须在组件的 props 列表上声明它。这里要用到defineProps宏。但是这个值不能在组件的script中直接修改，需要把defineProps给一个变量然后再用用数组的方式修改。
2024-09-06 11:50:01
234
原创 uniapp创建组件
组件是视图层的基本组成单元，是一个单独且可复用的功能模块的封装，包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。基础组件是内置在uni-app框架中的，包括view、text、input、button、video等几十个基础组件。但仅有基础组件是不够用的，实际开发中会有很多封装的组件。
2024-09-05 17:16:12
881
原创 watch和watchEffect监听的使用
在代码里面num1传输的是响应式函数，后面括号中的第一个值是num1中最新修改的值，第二个值是修改前的值。在组合式 API 中，我们可以使用 watch 函数在每次响应式状态发生变化时触发回调函数。使用getter 函数 “ ()=> ”处理数组中的name值后面的使用和之前一样。使用这个监听器时直接把数据放进去就行了，但改变其中一个数据我们会拿到里面所有的数据。
2024-09-04 17:52:54
145
原创 computed计算属性用法和方法的区别
模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。若我们将同样的函数定义为一个方法而不是计算属性，两种方式在结果上确实是完全相同的，然而，不同之处在于。我们在表达式中像这样调用一个函数也会获得和计算属性相同的结果。一个计算属性仅会在其响应式依赖更新时才重新计算。所以我们使用computed进行运算。
2024-09-04 10:48:15
147
原创 uni-app页面数据的双向绑定
在uni-app中的input组件中拥有 @input 当键盘输入时，触发input事件。使用在后台中看到的detail取出它的值。v-model指令帮我们简化了这一步骤。
2024-09-03 17:56:55
923
原创 表单中的focus和blur事件用法
输入框获取焦点时触发方法的执行，在失去焦点之后才能再次获得焦点。输入框失去焦点时触发方法的执行，在获得焦点之后才能再次失去焦点。
2024-09-02 15:46:33
246
原创 v-for列表渲染的用法
v-for 指令的值需要使用 item in {输出的个数} 形式的特殊语法来迭代而 item 是迭代项的别名。可以在item的位置使用(item,index) in 10 其中 index 用来获取下标来输出到组件中。在v-for中使用key时的语法是 :key ,key值最好是不重复的。我们可以使用 v-for 指令基于一个数组来渲染一个列表。在放入迭代数量的地方放入数组的名称，输出时使用迭代名来输出。
2024-09-02 11:50:35
505
原创 vue中v-if和v-show的作用
在两个组件中分别使用了v-if和v-else两个属性,在v-if为true是显示v-if属性所在的组件，这时v-else所在的组件不会显示且在页面中不会有代码，v-if为false时，v-if属性所在的组件不会显示且在页面中不会有代码，v-else所在的组件会显示。用来判断页面中的视图数据是否显示，如果为true那么就会显示数据，为false时页面中不会显示,但只是在样式上隐藏而不是不输出代码。v-if用来判断页面中的视图数据是否拥有，如果为true那么就会显示数据，为false时页面中不会显示。
2024-09-01 03:34:50
646
原创 Vue事件处理
我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件使用v-on:click="值"来设置点击事件执行对应的 JavaScript。通过使用这个块的点击事件可以改变很多东西，比如在块中定义一个响应式数据可以让它++或者--在uni-app中有很多组件的原生的事件比如开关组件(switch)中有改变时事件。也可以设置随机数让我们每次点击时都会改变块的颜色。使用简写的格式为@click="值"。
2024-09-01 02:03:38
514
1
原创 通过v-bind来实现class类和style内联样式的绑定
数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且易出错的。因此，Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达式的值也可以是对象或数组。
2024-08-30 23:50:04
349
原创 v-bind指令基本的使用方法
v-bind指令指示 Vue 将元素的id与组件的上的属性保持一致。如果绑定的值是 null 或者 undefined，那么这个图片将会从渲染的元素上移除。因为v-bind非常常用，vue中提供了特定的简写语法可以通过直接用冒号来代替v-bind。但直接使用true / false值时会变成使用字符串，让这个布尔型的属性自动使用默认值。我们使用计时器来把数组中的图片地址循环赋予现在输出的图片地址达到循环播放的效果。双大括号不能在页面的组件的属性中使用。应该使用v-bind指令。
2024-08-29 23:42:32
357
原创 用ref定义响应式数据变量
的格式来创建一个响应式数据 使用这个数据时需要用加上 .value来运算。要在组件模板中访问 ref，请从组件的所以我们要在HbuilderX的script上设置setup并返回它们。在响应式数据中我们也可以使用数组来进行操作，使用它时也要用value操作。定义响应式数据变量会让页面跟着数据的更改而更改。直接使用变量名时会显示所有的数组数值，也可以取出指定的数值。来进行操作，使用它时也要用value操作。在响应式数据中我们也可以使用。2.根据响应式数据操作数组。2.根据响应式数据操作对象。
2024-08-28 22:55:40
545
原创 Vue模板语法
script要加上setup，在script中写入方法并在模板语法中调用可以输出return的值，如果直接调用方法名不加（）会输出整个方法。在模版语法中最重要就是用两个花括号包裹值，可以在里面进行数字的运算可以用script赋值。
2024-08-27 14:02:08
721
原创 HBuilder中常用组件及用法
需注意在webview渲染的页面中，区域滚动的性能不及页面滚动。它类似于传统html中的div，用于包裹各种元素内容。如果使用nvue，则需注意，包裹文字应该使用。2.scroll-view可滚动视图容器。1.view基本视图容器。
2024-08-23 17:45:21
680
原创 用HBuilderX创建项目页面介绍和配置浏览器和小程序路径
点击程序上面的-->运行-->内置浏览器,然后就开始下载插件等待一段时间后再右侧会出现一个缩小版的浏览器。点击工具-->设置-->运行配置找到浏览器运行配置-->浏览-->选择自己的浏览器。点击程序上面的-->工具-->插件安装-->安装新插件然后点内置浏览器的安装。点击程序上面的运行-->运行到浏览器-->选择自己使用的浏览器打开外部浏览器。点击工具-->设置-->运行配置找到自己需要的小程序网站下载之后再配置路径。在HBuilderX中可以使用内置浏览器和其他浏览器。3.配置浏览器和小程序。
2024-08-23 13:52:04
3224
原创 安装HbuilderX和node流程
HbuilderX:最新版nodejs版本:v17.3.1npm版本:8.3.0HbuilderX安装流程打开HbuilderX主页 点击到主页之后点击左侧安装选择自己电脑系统来安装如图示Windows的下载完直接解压到自己想放到的地方1.下载顶上的解压后打开不需要设置其他的点就行用win/开始键+R 打开窗口输入cmd注意如果显示 "那么就在输入cmd再执行指令。
2024-08-19 23:54:21
1612
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人