自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 nodejs——jwt认证

这里不要使用req.user来获取因为新版的express-jwt废弃了req.user,改用req.auth存储解析后的Token内容。(这里的token有效期最好设置时间长一点,因为时间太短会导致后面操作数据无法显示)使用apifox进行测试,首先要在终端执行node node27.js命令。然后执行GET来获取信息(这里要传入token在Header中)然后在apifox中先执行post来获取token。命令安装express相关的包。命令安装jwt相关包。定义secret密钥。

2025-08-01 11:33:36 187

原创 nodejs——在Express中使用Session认证

为了解析JSON格式的请求体和解析表单格式的请求体我们需要编写以下代码。如果不添加以上代码我们使用Apifox进行测试时会在终端报以下错误。(注意在使用Apifox测试之前要先在终端运行代码)我们使用Apifox进行测试以下是测试成功的截图。命令来安装express-session中间件。然后配置express-session中间件。命令下载cors然后编写以下代码进行导入。为了解决跨域问题我们需要使用。向session中存数据。从session中取数据。

2025-07-31 17:55:26 336

原创 nodejs连接数据库

以上错误的是MySQL 客户端与服务器的认证协议不兼容导致的。,创建一个mysql.js然后编写相应代码。如果mysql模块能正常工作会显示正确数据。最后测试mysql模块是否能正常工作。执行成功以后相应的文件夹下会出现。如果不能正常工作会显示错误信息。首先打开集成终端执行。导入mysql2模块。

2025-07-31 10:49:34 102

原创 nodejs相关问题——http模块

在 Node.js 中,我们不需要使用 IIS、Apache 等这些第三方 web 服务器软件。因为我们可以基于 Node.js 提供的http 模块,通过几行简单的代码,就能轻松的手写一个服务器软件,从而对外提供 web 服务。服务器和普通电脑的区别在于,服务器上安装了 web 服务器软件,例如:IIS、Apache 等。通过安装这些服务器软件,就能把一台普通的电脑变成一台 web 服务器。如果想在事件处理函数中,访问与客户端相关的。测试以上代码在命令行中输入。测试以上代码在命令行中输入。

2025-07-29 16:40:25 308

原创 CSS相关知识09——高级技巧

一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites、CSS雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了。精灵技术目的:为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度。

2025-03-18 16:51:00 648

原创 CSS相关知识08——定位

定位模式是否脱标移动位置是否常用static静态定位否不能使用边偏移很少relative相对定位否(占有位置)相对于自身位置移动常用absolute绝对定位是(不占有位置)带有定位的父级常用fixed固定定位是(不占有位置)浏览器可视区常用sticky粘性定位否(占有位置)浏览器可视区当前阶段少1.一定记住相对定位、固定定位、绝对定位两个大的特点:1.是否占有位置(脱标否)2.以谁为基准点移动位置。2.学习定位重点学会子绝父相。

2025-03-15 17:01:33 867

原创 CSS相关知识07——浮动

float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。语法:选择器 { float: 属性值;属性值描述none元素不浮动(默认值left元素向左浮动right元素向右浮动为什么要清除浮动?(1)父级没高度(2)子盒子浮动了(3)影响下面布局了,我们就应该清除浮动了清除浮动的方式优点缺点额外标签法(隔墙法)通俗易懂,书写方便添加许多无意义的标签,结构化较差。父级overflow:hidden;书写简单溢出隐藏。

2025-03-12 20:04:54 884

原创 CSS相关知识06——圆角边框,盒子阴影,文字阴影

在CSS3中,新增了圆角边框样式,这样我们盒子就可以变圆角了。属性用于设置元素的外边框圆角语法:radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角的效果。

2025-03-09 17:07:42 421

原创 CSS相关知识05——盒子模型

网页布局过程:1.先准备好相关的网页元素,网页元素基本都是盒子Box。2.利用CSS设置好盒子样式,然后摆好到相应位置。3.往盒子里面装内容。

2025-03-05 21:34:34 830

原创 CSS相关知识04——三大特性

CSS有三个非常重要的特性:层叠性、继承性、优先级。

2025-03-04 19:54:16 330

原创 CSS相关知识03——选择器,元素显示模式,背景

选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nav a子代选择器选择最近一级元素只选亲儿子较少符号是大于.nav>p并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a:hover实际开发的写法:focus选择器选择获得光标的表单跟表单相关较少input:focus记住这个写法。

2025-03-02 21:14:11 488

原创 CSS相关知识02——Emmet语法

Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。

2025-02-27 20:50:03 226

原创 CSS相关知识01——简介,基础选择器,字体属性,文本属性,引入方式,Chrome调试工具

样式表优点缺点使用情况控制范围行内样式表书写方便,权重高结构样式混写较少控制一个标签内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面外部样式表完全实现结构和样式相分离需要引入最多,吐血推荐控制多个页面。

2025-02-27 19:55:10 724

原创 HTML常用标签03——表格,列表,表单

</ul>中只能嵌套<li></li>,直接在<ul></ol>中只能嵌套<li></li>,直接在<ol>

2024-12-05 20:18:38 469

原创 HTML常用标签02——超链接标签,注释标签,特殊字符

标签用于定义超链接,作用是从一个页面链接到另一个页面。<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>空链接:<a href="#">空链接</a>地址还没考虑好去哪个页面。的形式,如<a href="#two">第二集

2024-11-23 18:53:59 155

原创 HTML常用标签01——基本标签

标签加粗,<strong>标签语义更强烈。双标签,更推荐使用<del>标签加粗,<del>标签语义更强烈。双标签,更推荐使用<ins>标签加粗,<ins>标签语义更强烈。双标签,更推荐使用<em>标签加粗,<em>标签语义更强烈。(1)<strong>

2024-11-22 22:02:45 372

原创 VScode中好用的插件

6.Live Server 实时预览,需要现在vscode中打开文件所在的目录文件夹。2.Auto Rename Tag 修改开始标签,结束标签跟着变化。5.open in browser 在浏览器中预览页面。1.Chinese(Simplified) 汉化。3.One Dark Pro 选择一个颜色主题。7.vscode-icons 设置文件图标主题。9.会了吧 学习单词插件,可以翻译所有单词。4.格式化代码(vscode系统自带)找到左边方框的文本编辑器。

2024-11-22 15:33:57 368

原创 如何在Vue中使用Element Plus框架

2.使用pnpm install element-plus命令安装element plus,如果pnpm实在不能使用也可使用npm install element-plus命令安装,或者cnpm install element-plus命令安装(但是使用cnpm需要安装cnpm,使用npm install cnpm -g命令来安装)1.使用npm install -g pnpm命令安装pnpm包,因为pnpm下载速度更快,性能更好。6.然后再以上网址中找到喜欢的图标代码赋值粘贴在Vue项目中进行使用。

2024-05-13 20:25:44 832 1

原创 如何创建Vue项目

在file -> settings -> Tools -> Terminal ->Shellpath中把值设置成电脑系统powershell.exe的路径。File -> Settings ->Plugins -> Marketplace ->搜索Vue.js。9.点击Idea下方的Terminal,可以在其中直接写命令,如使用npm run dev启动本地服务。2.在命令提示符中使用cd切换到创建的新的空文件夹中去。6. 在自己创建的空文件夹中查找自己命名的Vue项目。7.使用idea打开Vue项目。

2024-05-07 21:25:36 251

原创 如何使用html+CSS+JS实现图片轮播

【代码】如何使用html+CSS+JS实现图片轮播。

2024-04-24 21:17:45 342

原创 HTML中如何在大盒子包含的小盒子中添加滚动条

</iframe>标签中,如何将<iframe></iframe>标签放入大盒子中,然后通过使用CSS调节从而达到自己想展示的画面大小。可以使用<iframe>

2024-04-14 11:03:06 330 1

原创 整合MybatisPlus以后遇到的问题

在整合MybatisPlus以后,建立数据表时要注意给属性起名尽量不要有下划线,因为MybatisPlus的公司将下划线驼峰化,例如h_q会自动把名字变成hQ,这时如果你在实体类中将属性名称也定义为h_q就会出现实体类的名称和数据库名称不对应的情况很可能会使得输出数据为空。

2024-03-28 20:48:34 134 1

原创 如何在idea中配置热部署

热部署的作用:在对代码进行修改或者调试后不需要手动的重新应用程序。然后再点击Settings。首先点击左上角的File。

2024-03-21 19:52:41 656 1

原创 Postman的使用

然后在下列图片那一栏进行相应的选择并且填写路劲,填写路劲时若是@PutMapping("/updateStudent/{Sno}")这种类型,尽管Sno是String类型在路劲中也不用添加双引号。在更改或者添加数据时,如果相应的属性对应的数据类型是char那么就不能写入两个字符,但是尽管数据类型是char也需要使用双引号,使字符位于双引号之中。在更改或者添加数据时,在Java代码中属性名是Sno,也需在Postman中写成"sno"小写。在使用Postman工具对javaweb项目进行测试时。

2024-03-12 20:53:00 202 1

原创 使用@RequestMapping注解后如何访问网址

port>是端口号可以通过运行后console中的内容查看端口号。先要使程序运行起来然后在浏览器中输入。这其中是8080就是端口号。

2024-03-06 20:38:04 191 1

原创 Java中的数值转换

4.当一个整数没有超过byte、short、char 的取值范围的时候这个整数可以直接复制给byte、short、char类型的变量。这样会编译报错,因为编译器只能识别a为整型变量,但不能识别a的大小。3.大容量转换成小容量想要转换需要加强制类型转换符,进行强制类型转换,加了之后虽然编译通过,但是运行时可能会损失精度。1.在任何情况下,整数型的“字面量/数据”默认被当做int类型处理,若希望该字面量被当做long类型处理,需要在“字面量”后添加L/l,但建议使用L。

2023-09-14 10:12:23 172 1

原创 java输出

2.如果程序为System.out.print('a');输出结果不会换行,若使用循环对数组进行输出每个结果在同一行但是结果与结果之间没有空格,这样会导致若结果是多位数不好进行区分。3.如果程序为System.out.print('a' + " ");输出结果后会有一个空格,若使用循环对数组进行输出每个结果在同一行,并且每个结果之间有空格。1.如果程序为System.out.println('a');输出结果会进行换行,若使用循环对数组进行输出每个结果都在不同行。

2023-09-13 20:43:30 81 1

原创 球球大作战游戏设计

玩家可以去吃掉食物和比自己小的Ai,Ai会自动追逐比自己小的小球如果追到会吃 掉它并且在追逐过程中会吃掉周围的食物,食物被吃掉以后会自动再次生成,Ai也 会不断自动生成,吃了其它球或者食物的小球会变大。4.需加一个游戏结束的条件,例如玩家碰到边界了,和时间到了,所以这里还需设 计一个倒计时,再游戏结束后展示出排行榜。游戏包括食物,Ai小球,玩家。

2023-04-26 09:47:43 823 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除