主题设置背景透明度
Hexo+Butterfly主题设置背景透明度
效果展示
当前透明度设置为0.9,所以不是特别明显,可以根据自己博客背景调整参数
新建css文件
引入css改变页面的样式,在主题文件夹下找到css文件夹(\themes\butterfly\source\css),`新建一个transpancy.css文件(文件名可以自取)
/* 文章页背景 */.layout_post>#post { /* 以下代表透明度为0.7 可以自行修改*/ background: rgba(255, 255, 255, .7);}/* 所有页面背景 */#aside_content .card-widget,#recent-posts>.recent-post-item,.layout_page>div:first-child:not(.recent-posts),.layout_post>#page,.layout_post>#post,.read-mode .layout_post>#post { /* 以下代表透明度为0.9 */ backg ...
Mybatis快速入门
Mybatis快速入门
官网:MyBatis中文网
目录结构
创建users表,添加数据
CREATE TABLE `users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(255) DEFAULT NULL, `birthday` date DEFAULT NULL, `sex` varchar(2) DEFAULT NULL, `home_address` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`));
![](D:\Users\30638\Typora\图片\Snipaste_2024-06-04_16-41-55 - 副本.png)
导入依赖
在pom.xml文件中写入对应jar包的依赖
<dependencies> <!--mysql驱动--> <dependency> <groupId>mysql</groupId> <artifac ...
SpringBoot
SpringBoot
视频链接:
【黑马程序员SpringBoot3+Vue3全套视频教程,springboot+vue企业级全栈开发从基础、实战到面试一套通关】https://www.bilibili.com/video/BV14z4y1N7pg?p=20&vd_source=12bdb5b78bd5d1c45cab173f3aad839b
概述
SpringBoot 是 Spring 提供的一个子项目,用于快速构建 Spring 应用程序
Spring Framework(核心功能):
提供依赖注入、事务管理、Web应用、数据访问等核心支持。
Spring Data(数据存取):
提供一致的方法来访问数据,包括关系型、非关系型、映射化数据等。
Spring Security(认证授权):
通过全面且可扩展的认证和授权功能来保护应用程序。
Spring AMQP(消息传递集成):
应用于基于AMQP协议的消息传递解决方案的开发。
Spring Cloud(服务构建):
提供用于分布式系统中常见模式的工具,适用于构建和管理微 ...
JS导入导出
JavaScript- 导入导出
前置知识
前端技术框架:Vue3+Element-Plus
Java程序员用学前端么?java开发所需的前端技术全教程(HTML/CSS/js/vue2/vue3/react)_哔哩哔哩_bilibili P1~P38
HTML :负责网页的结构(标签 : form/table/a/div/span )。
CSS :负责网页的表现(样式 : color/font/background/width/height )。
JavaScript :负责网页的行为(交互效果)。
JavaScript- 导入导出
全部导入
按需导入
默认导出
小技巧:导入导出的时候,可以使用as重命名
java基础
java基础
Java开发规范参见Java开发手册(嵩山版)免费在线阅读_藏经阁-阿里云开发者社区 (aliyun.com)
概述 (Java SE 17 & JDK 17) (oracle.com)
注释
单行注释
// 快捷键: ctrl + /
多行注释
/* */ 快捷键:ctrl + shift + /
文档注释
/** */ javadoc-Java API 文档生成器 (oracle.com)
标识符
java中标识符是为方法、变量或其他用户定义项所定义的名称。
标识符由数字(0 ~ 9)和字母(az和AZ)、美元符号($)、下划线(__)以及Unicode字符集中符号大于0xC0的所有符号组合构成(各符号之间没有空格)
标识符的第一个符号为字母、下划线和美元符号,后面可以是任何字母、数字、美元符号或下划线
Java区分大小写,
不能使用数字开头
不能使用任何Java关键字作为标识符,标识符可以包含关键字,但不能与关键字重名
不能赋予标识符任何标准的方法名
标识符分为两类,分别为关键字和用 ...
Springboot后端实战篇
Springboot后端实战篇
注册
引入Spring Validation依赖
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-validation</artifactId></dependency>
导入Md5Util工具类
package com.zjf.utils;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;public class Md5Util { /** * 默认的密码字符串组合,用来将字节转换成 16 进制表示的字符,apache校验下载的文件的正确性用的就是默认的这个组合 */ protected static char hexDigits[] = {'0', '1', '2', '3', '4', '5', ' ...
黑马在线聊天室(websocket)
黑马在线聊天室(websocket)
消息推送常见方式
1. 轮询方式
轮询是一种客户端与服务器之间实时通信的技术手段。客户端定期发送请求来查询服务器是否有新数据或事件,并将响应返 回给客户端。如果服务器有新的数据或事件,则将其返回给客户端;如果没有,则返回一个空响应。客户端收到响应后,可 以处理数据或事件,并根据需要继续发送下一个请求。
长轮询是一种改进的轮询技术,其主要目的是降低轮询过程中的资源消耗和延迟。长轮询的基本原理是客户端发送一个 HTTP请求给服务器,并保持连接打开,直到服务器有新的数据或事件时才返回响应给客户端。在这期间,服务器会一直保持连接打开,直到超时或有新数据或事件
2. SSE(server-sent event):服务器发送事件
SSE在服务器和客户端之间打开一个单向通道
服务端响应的不再是一次性的数据包,而是text/event-stream类型的数据流信息
服务器有数据变更时将数据流式传输到客户端
3. websocket
WebSocket是一种网络通信协议,提供了一种在单个连接上进行全双工通信的途径。与HT ...
黑马大事件前端代码
黑马大事件前端代码
一、环境准备
1.1 创建vue工程(big-event)
npm init vue@latestcd big-eventnpm install
1.2 安装插件
安装element-plus
1.1 执行命令: npm install element-plus --save1.2 在main.js中做如下配置 import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' app.use(ElementPlus)
安装axios
npm install axios
安装sass依赖
npm install sass -D
1.3 目录调整
删除components目录下的内容
删除App.vue中的内容,只保留script和template标签
新建如下目录:
api:存放接口调用的js文件
utils:存放工具js文件
拷贝request.js到util目录
views:存放页面的.vue文件
删除assets目录中的内 ...