- 博客(103)
- 收藏
- 关注
RSS订阅原创 下载JDK17版本详细教程（下载、安装、环境变量配置）
在系统变量里面找到Path-编辑-新建添加 %JAVA_HOME%\bin ,点击确定就好了。在系统变量里面点击新建环境变量JAVA_HOME，下面填入自己的jdk安装地址，点击确定。右键此电脑点击属性---高级系统设置----环境变量。更改自己的安装位置。点击下一步，记住自己的安装位置。输入java -version。
2024-03-18 16:32:29
368
原创 Access to script at ‘file:///C:/Users/%E5%BE%AE%E9%A3%8E/Desktop/%E5%AD%A6%E4%B9%A0vite/test-vite/ma
Access to script at 'file:///C:/Users/%E5%BE%AE%E9%A3%8E/Desktop/%E5%AD%A6%E4%B9%A0vite/test-vite/ma
2023-12-10 16:46:56
1413
原创 vue3后台管理系统之数据大屏适配解决方案
rem(font size of the root element)，是 css3 中新增的一个大小单位，即相对于根元素 font-size 值的大小。通过监听浏览器窗口的大小，来改变scale的比例，从而实现数据大屏适配。我们整个大屏的尺寸设置和设计图一样，只是通过css的scale放大缩小属性，来控制实际展示的大小。
2023-11-05 01:23:23
4298
1
原创 Vue3后台管理系统框架之时间格式化封装
如：2023-11-03T13:59:05.000Z修改为2023-11-03 21:59。如何把element plus 表格中的创建时间格式进行格式化。由于我们在数据库设置时间类型为datatime。修改为 YYYY-MM-DD HH:mm格式。一般每条数据都会有创建时间或者更新时间。方法来将日期时间字符串转换为。
2023-11-05 00:02:12
536
原创 Express框架开发接口之实现七牛云上传图片功能
注意：使用express.urlencoded()中间件无法解析multipart/form-data格式的请求体 数据。// upload.single() 是一个局部生效的中间件，用来解析 FormData 格式的表单数据。// 将文件类型的数据，解析并挂载到 req.file 属性中。// 将文本类型的数据，解析并挂载到 req.body 属性中。安装七牛 npm add qiniu。
2023-11-03 01:11:16
187
原创 MySQL数据库自动添加创建时间、更新时间
5、mysql5.6版本以下的createtime字段一定不能勾选根据当前时间戳更新，否则创建会报错[Err] 1293 - Incorrect table definition;4、updatetime的默认值为CURRENT_TIMESTAMP on update CURRENT_TIMESTAMP。1、createtime、updatetime字段类型修改为timestamp。3、createtime的默认值设为'0000-00-00 00:00:00'
2023-11-02 14:53:45
1117
原创 Express框架开发接口之req.params、req.query与req.body的区别
用于get请求通过req.query对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数：用于get请求url路径为：user/1通过req.params对象，可以访问到 URL 中，通过:匹配到的动态参数：用于post请求login。
2023-11-02 00:06:59
413
原创 Express框架开发接口之JWT鉴权机制
身份认证（Authentication）又称“身份验证”、“鉴权”，是指通过一定的手段，完成对用户身份的确认。⚫ 日常生活中的身份认证随处可见，例如：高铁的验票乘车，手机的密码或指纹解锁，支付宝或微信的支付密码等。⚫ 在 Web 开发中，也涉及到用户身份的认证，例如：各大网站的手机验证码登录、邮箱密码登录、二维码登录等。2不同开发模式下的身份认证对于服务端渲染和前后端分离这两种开发模式来说，分别有着不同的身份认证方案：① 服务端渲染推荐使用 Session 认证机制。
2023-11-01 23:54:56
338
原创 Express框架开发接口之跨域cors
CORS （Cross-Origin Resource Sharing，跨域资源共享）由一系列 HTTP 响应头组成，这些 HTTP 响应头决定 浏览器是否阻止前端 JS 代码跨域获取资源。浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头， 就可以解除浏览器端的跨域访问限制。
2023-11-01 23:28:29
293
原创 Node学习笔记之跨域
CORS （Cross-Origin Resource Sharing，跨域资源共享）由一系列 HTTP 响应头组成，这些 HTTP 响应头决定 浏览器是否阻止前端 JS 代码跨域获取资源。浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头， 就可以解除浏览器端的跨域访问限制。处理使用ajax代码发起请求外，页面某些标签也会自动发起请求。我们可以利用script标签的src属性，来发起请求。
2023-11-01 23:21:25
464
原创 Express框架开发接口之实现分页功能
/ 从请求中获取页码和每页数据项数量const page = param.page //页码const pageSize = param.pageSize || 5// 默认每页显示 10 条数据首页要获取到page（页码）和pageSize（每页显示多少条数据）然后根据当前页面的索引page。
2023-11-01 00:13:38
590
原创 vue 路由懒加载，图片懒加载，组件懒加载
在上述示例中，v-lazy 指令用于指定需要懒加载的图片路径。当图片进入视口（viewport）时，vue-lazyload 会自动加载该图片，提升页面加载速度。在 Vue 3 中，可以使用 v-lazy 指令和 Intersection Observer 来实现图片的懒加载。在上述代码中，我们使用动态导入语法 import() 来异步加载路由组件。当路由被触发时，相应的组件将被动态加载并渲染。在上述代码中，我们将组件的 component 属性设为一个函数，当路由被触发时，对应的组件才会被动态加载。
2023-10-30 00:51:07
324
原创 vue3 Teleport组件
在某些场景下可能需要视情况禁用 < Teleport >，我们可以通过对 < Teleport > 动态地传入一个 disabled prop 来处理这两种不同情况（ disabled 属性接收一个 Boolean 值，true 代表不允许传送，false 代表传送）。多个 < Teleport > 组件可以将其内容挂载在同一个目标元素上，而顺序就是简单的顺次追加，后挂载的将排在目标元素下更后面的位置上。如果目标元素也是由 Vue 渲染的，你需要确保在挂载 之前先挂载该元素。
2023-10-30 00:49:55
130
原创 vue3 Suspense组件
然后，在父组件中，我们使用 <Suspense> 组件包裹了异步组件，并提供了两个插槽：#default 和 #fallback。它允许你在加载异步组件时显示一个自定义的加载指示器，以及在加载失败时显示错误信息。当你访问包含上述代码的页面时，Vue 3 将自动处理异步组件的加载，并在加载完成前显示加载指示器，加载完成后显示异步组件的内容。如果异步组件加载失败，Vue 3 也能够处理错误，你可以在 <Suspense> 组件中添加错误处理逻辑来显示错误信息。
2023-10-30 00:48:20
183
原创 vue3 动态组件和异步组件
当使用 <component :is="..."> 来在多个组件间作切换时，被切换掉的组件会被卸载。强制被切换掉的组件仍然保持“存活”的状态。
2023-10-30 00:47:09
379
原创 vue3中 reactive和ref的区别
ref用来定义： 基本数据类型reactive用来定义： 对象（或数组）类型数据备注： ref也可以用来定义对象（或数组）类型数据，它内部会自动通过reactive转为代理对象从原理角度对比ref通过Object.defineProperty()的get和set来实现响应式（数据劫持）reactive通过Proxy来实现响应式（数据劫持），并通过Reflect操作源对象内部的数据。
2023-10-30 00:46:04
365
原创 localstorage和sessionstorage的方法
此只读接口属性提供对 Document 的本地存储对象的访问，存储的数据跨浏览器会话存储。与 sessionStorage 类似，不同之处在于 localStorage 数据在页面会话结束时被清除——即页面关闭时。当浏览器的最后一个“私人”选项卡关闭时（在私人浏览或隐身会话中加载的文档的本地存储数据），它会被清除。本地存储有 4 种方法：-1.setItem() 方法——这个方法有两个参数，一个是key，另一个是value。它用于将值与键的名称一起存储在特定位置。
2023-10-30 00:44:39
114
原创 Node学习笔记之user用户API模块
（要用到自己的服务器，腾讯云或者阿里云，不过七牛云新用户可以免费使用一个月）7、利用七牛云存储图片，修改头像。删除session中用户id。
2023-10-30 00:38:17
359
原创 vue3后台管理系统之跨域代理
才会进行拦截(你本地访问页面的起始地址)， 如http://8.135.1.141/api则不会进行拦截，所以需要配置跨域的话建议把url写成：/api就行如在 .env.serve-dev文件中设置VITE_APP_BASE_URL = '/api'请求拦截的前缀如请求地址中。注意：请求域名必须为。
2023-10-29 20:41:13
194
原创 Node学习笔记之会话控制（cookie和session）和JWT
所谓会话控制就是 对会话进行控制 HTTP 是一种无状态的协议，它没有办法区分多次的请求是否来自于同一个客户端， 无法区分用户cookiesessionJWT（英文全称：JSON Web Token）是目前最流行的跨域认证解决方案。
2023-10-27 23:38:17
158
原创 Node学习笔记之ORM
ORM 全拼Object-Relation Mapping.中文意为 对象-关系映射.主要实现模型对象到关系数据库数据的映射.比如：把数据库表中每条记录映射为一个模型对象
2023-10-27 00:29:50
205
原创 Node学习笔记之MongoDB
MongoDB 是一个基于分布式文件存储的数据库，官方地址Mongoose 是一个对象文档模型库，官网http://www.mongoosejs.net/
2023-10-26 00:00:04
769
原创 Express框架开发接口之登录与注册API
我们利用node+express+mysql开发接口，对数据库数据进行简单增、删、查改等操作。工具数据库可视化接口测试工具Postman。
2023-10-25 23:55:27
1187
原创 Node学习笔记之MySQL基本使用
SQL（英文全称：Structured Query Language）是结构化查询语言，专门用来访问和处理数据库的编程语言。能够让 我们以编程的形式，操作数据库里面的数据。三个关键点：① SQL 是一门数据库编程语言② 使用 SQL 语言编写出来的代码，叫做 SQL 语句③ SQL 语言只能在关系型数据库中使用（例如 MySQL、Oracle、SQL Server）。非关系型数据库（例如 Mongodb） 不支持 SQL 语言。
2023-10-23 00:11:24
253
原创 Node学习笔记之Express框架
express 是一个基于 Node.js 平台的极简、灵活的 WEB 应用开发框架，官方网址：https://www.expressjs. com.cn/简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求中间件（Middleware）本质是一个回调函数 中间件函数 可以像路由回调一样访问 请求对象（request） ， 响应对象（response）
2023-10-22 23:30:17
276
原创 Node学习笔记之模块化
将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为 模块化其中拆分出的 每个文件就是一个模块 ，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他 模块使用编码时是按照模块一个一个编码的，整个项目就是一个模块化的项目。
2023-10-22 22:24:30
341
原创 Node学习笔记之HTTP 模块
http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。
2023-10-22 22:21:59
1024
原创 Node学习笔记之fs模块
fs 全称为 file system ，称之为 文件系统 ，是 Node.js 中的 内置模块 ，可以对计算机中的磁盘进行操作。
2023-10-22 01:27:55
243
原创 Node学习笔记之Node简介
企业需求增加自身职业竞争力进一步理解 Web，并有助于明白后端开发大前端必备技能为了更好的学习前端框架... ...问题：现在，javascript可以运行在哪里？？1、浏览器2、node环境下浏览器：javascript 三个部分： ECMAScript + BOM + DOM服务器：javascript = ECMAScript + 系统内置的核心模块(fs http)ECMAScript 是什么？是一个 规范。ECMA 是一个组织协会，协会专门负责制定各种规则。
2023-10-21 22:22:47
507
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人