Spring MVC 综合案例
目录
一. 加法计算器
1. 准备工作
2. 约定前后端交互接口
需求分析
接口定义
3. 服务器端代码
4. 运行测试
二. 用户登录
1. 准备工作
2. 约定前后端交互接口
需求分析
接口定义
(1) 登录界面接口
(2) 首页接口
3. 服务器端代码
4. 运行测试
三. 留言板
1. 准备工作
2. 约定前后端交互接口
需求分析
接口定义
3. 服务器端代码
四. 图书管理系统
1. 准备工作
2. 约定前后端交互接口
需求分析
接口定义
3. 服务器端代码
登录页面
图书列表
创建图书:
返回图书列表:
五. lombook 介绍
六. 应用分层
一. 加法计算器
1. 准备工作
创建SpringBoot项目, 并引入SpringBoot依赖. 把前端页面的代码放到项目中.
前端代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>
<form action="calc/sum" method="post"><h1>计算器</h1>数字1：<input name="num1" type="text"><br>数字2：<input name="num2" type="text"><br><input type="submit" value=" 点击相加 ">
</form>
</body></html>2. 约定前后端交互接口
由于现在大多是以 "前后端分离模式" 开发, 前后端代码通常由不同团队进行开发. 所以双方团队在开发之前, 会提前约定好前后端交互方式. 常用 "接口文档" 来描述它. (接口文档 也可以理解为"应用程序的说明书").
-
需求分析
加法计算器功的能是对两个整数进行相加. 需要客户端提供参与计算的两个数, 服务端返回这两个整数相加的结果.
-
接口定义
请求路径: clac / sum请求方式: GET / POST接口描述: 计算两个整数相加请求参数:
响应数据:
Content-Type: text / html响应内容: 计算机计算结果: x 3. 服务器端代码
@RestController
@RequestMapping("/calc")
public class CalcController {@RequestMapping("/sum")public String sum(Integer num1, Integer num2) {int sum = num1 + num2;return "<h1>计算机计算结果: "+sum+"</h1>";}
}4. 运行测试
运行main方法, 启动服务.
访问服务地址: http://127.0.0.1:8080/calc.html
二. 用户登录
1. 准备工作
创建SpringBoot项目, 并引入SpringBoot依赖. 把前端页面的代码放到项目中.
- index.html (登录界面) 代码:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>登录页面</title>
</head><body>
<h1>用户登录</h1>
用户名：<input name="userName" type="text" id="userName"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()"><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>function login() {//使用ajax进行前后端交互$.ajax({//小括号中是一个对象,对象用大括号括起来type:"post",url:"/user/login",data:{"username":$("#userName").val(),"password":$("#password").val()//通过Id获取值,给后端传递参数},success: function (result) {//参数名任意,用于接收后端返回的参数if (result){location.href = "/index.html"//跳转页面}else {alert("账号或密码有误");//弹窗}}});}</script>
</body></html>- login.html (首页) 代码:
<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>用户登录首页</title>
</head><body>
登录人: <span id="loginUser"></span><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>$.ajax({type : "get",url : "/user/getLoginUser",success:function (result) {$("#loginUser").text(result);//给loginUser参数赋值为后端返回的result值}})
</script>
</body></html>2. 约定前后端交互接口
-
需求分析
(1) 登录页面: 通过账号和密码, 校验输入的账号密码是否正确, 并告知前端.
(2) 首页: 告知前端当前登录用户. 如果当前已有用户登录, 返回登录的账号; 如果没有, 返回空.
-
接口定义
(1) 登录界面接口
接口定义:
请求路径: /user/login请求方式: POST接口描述: 校验账号密码是否正确.请求参数:
响应数据:
Content-Type : text/html
响应内容:
账号密码正确:true
账号密码错误:false
(2) 首页接口
接口定义:
请求路径: /user/getLoginuser
请求方式: GET
接口描述: 显示当前登录用户的主页,主页上显示用户名.
请求参数: 无
响应数据:
Content-Type:text/html
响应内容: 登录的用户名.
3. 服务器端代码
(1) 登录界面接口
@RestController
@RequestMapping("/user")
public class LoginController {@RequestMapping("/login")public boolean login(String userName, String password, HttpSession session) {// 账号或密码为空if (!StringUtils.hasLength(userName) || !StringUtils.hasLength(password)) {return false;}// 校验账号密码是否正确 (这里先写死)if (!"zhangsan".equals(userName) || !"123456".equals(password)) {return false;}//密码验证成功后, 把用户名存储在Session中.session.setAttribute("userName",userName);return true;}//StringUtils.hasLength()是Spring提供的一个方法, 用于判断字符串是否有值.//字符串为 null 或 "" 时, 返回false, 其他情况返回true.
}(2) 首页接口
@RestController
@RequestMapping("/getLoginUser")
public class getLoginUser {@RequestMapping("/")public String getLoginUser(HttpSession session) {//从Session中获取用户登录信息String userName = (String) session.getAttribute("userName");//如果用户已经登录, 则直接返回用户名if (StringUtils.hasLength(userName)) {return userName;}//否则什么都不返回return "";}
}
4. 运行测试
验证不成功:
验证成功:
三. 留言板
1. 准备工作
创建SpringBoot项目, 并引入SpringBoot依赖. 把前端页面的代码放到项目中.
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>留言板</title><style>.container {width: 350px;height: 300px;margin: 0 auto;/* border: 1px black solid; */text-align: center;}.grey {color: grey;}.container .row {width: 350px;height: 40px;display: flex;justify-content: space-between;align-items: center;}.container .row input {width: 260px;height: 30px;}#submit {width: 350px;height: 40px;background-color: orange;color: white;border: none;margin: 10px;border-radius: 5px;font-size: 20px;}</style>
</head><body><div class="container"><h1>留言板</h1><p class="grey">输入后点击提交, 会将信息显示下方空白处</p><div class="row"><span>谁:</span> <input type="text" name="" id="from"></div><div class="row"><span>对谁:</span> <input type="text" name="" id="to"></div><div class="row"><span>说什么:</span> <input type="text" name="" id="say"></div><input type="button" value="提交" id="submit" onclick="submit()"><!-- <div>A 对 B 说: hello</div> --></div><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script><script>load();//每次在重新加载页面之后,都要从后端的List中调动数据,保证上次添加的数据不会丢失function load(){$.ajax({type: "get",url:"message/getList",success:function (result){for (var message of result){var divE = "<div>"+message.from +"对" + message.to + "说:" + message.say+"</div>";$(".container").append(divE);}}});}function submit(){//1. 获取留言的内容var from = $('#from').val();var to = $('#to').val();var say = $('#say').val();if (from== '' || to == '' || say == '') {return;}$.ajax({type : "post",url : "message/publish",contentType: "application/json",//传递的值是json类型,data就是在向后端传递数据data:JSON.stringify({from : from,to : to,say : say//从前端参数的ID中获取对应的值传递给后端}),//后端返回结果success:function (result) {if (result){//2. 构造节点var divE = "<div>"+from +"对" + to + "说:" + say+"</div>";//3. 把节点添加到页面上$(".container").append(divE);//4. 清空输入框的值$('#from').val("");$('#to').val("");$('#say').val("");}else{alert("提交留言失败")}}});}</script>
</body></html>
2. 约定前后端交互接口
-
需求分析
后端需要提供两个服务;
(1) 提交留言: 客户输入留言信息之后, 后端要把留言信息保存起来.
(2) 展示留言: 页面展示时, 需要从后端获取到所有的留言信息.
-
接口定义
1. 获取全部留言
2. 发表新留言
3. 服务器端代码
package com.example.demo;import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.ArrayList;
import java.util.List;@RequestMapping("/message")
@RestController
public class MessageWall {public List<MessageInfo> messageInfoList = new ArrayList<>();@RequestMapping("/publish")public Boolean messageController(@RequestBody MessageInfo messageInfo){System.out.println(messageInfo); //打印日志if (StringUtils.hasLength(messageInfo.from) &&StringUtils.hasLength(messageInfo.to) &&StringUtils.hasLength(messageInfo.say)){messageInfoList.add(messageInfo);return true; //都有长度,添加成功,返回true}// 否则 添加失败,返回falsereturn false;}@RequestMapping("/getList")public List<MessageInfo> getList(){return messageInfoList;}
}package com.example.demo;import lombok.Data;@Data
public class MessageInfo {public String from;public String to;public String say;
}四. 图书管理系统
1. 准备工作
创建SpringBoot项目, 并引入SpringBoot依赖. 把前端页面的代码放到项目中.
- 登录页面:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="css/login.css"><script type="text/javascript" src="js/jquery.min.js"></script>
</head><body><div class="container-login"><div class="container-pic"><img src="pic/computer.png" width="350px"></div><div class="login-dialog"><h3>登陆</h3><div class="row"><span>用户名</span><input type="text" name="userName" id="userName" class="form-control"></div><div class="row"><span>密码</span><input type="password" name="password" id="password" class="form-control"></div><div class="row"><button type="button" class="btn btn-info btn-lg" onclick="login()">登录</button></div></div></div><script src="js/jquery.min.js"></script><script>function login() {$.ajax({type:"post",url:"/user/login",data:{name:$("#userName").val(),password:$("#password").val()},success:function (result) {if (result){location.href = "book_list.html";}else{alert("账号或密码错误")}}});}</script>
</body></html>
- 图书列表:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图书列表展示</title><link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="css/list.css"><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><script src="js/jq-paginator.js"></script></head><body><div class="bookContainer"><h2>图书列表展示</h2><div class="navbar-justify-between"><div><button class="btn btn-outline-info" type="button" onclick="location.href='book_add.html'">添加图书</button><button class="btn btn-outline-info" type="button" onclick="batchDelete()">批量删除</button></div></div><table><thead><tr><td>选择</td><td class="width100">图书ID</td><td>书名</td><td>作者</td><td>数量</td><td>定价</td><td>出版社</td><td>状态</td><td class="width200">操作</td></tr></thead><tbody></tbody></table><div class="demo"><ul id="pageContainer" class="pagination justify-content-center"></ul></div><script>getBookList();function getBookList() {$.ajax({type: "get",url: "/book/getList",success: function (result) {console.log(result);if (result != null) {var finalHtml = "";//构造字符串for (var book of result) {finalHtml += '<tr>';finalHtml += '<td><input type="checkbox" name="selectBook" value="' + book.id + '" id="selectBook" class="book-select"></td>';finalHtml += '<td>' + book.id + '</td>';finalHtml += '<td>' + book.bookName + '</td>';finalHtml += '<td>' + book.author + '</td>';finalHtml += '<td>' + book.count + '</td>';finalHtml += '<td>' + book.price + '</td>';finalHtml += '<td>' + book.publish + '</td>';finalHtml += '<td>' + book.statusCN + '</td>';finalHtml += '<td><div class="op">';finalHtml += '<a href="book_update.html?bookId=' + book.id + '">修改</a>';finalHtml += '<a href="javascript:void(0)"οnclick="deleteBook(' + book.id + ')">删除</a>';finalHtml += '</div></td>';finalHtml += "</tr>";}$("tbody").html(finalHtml);}}});}//翻页信息$("#pageContainer").jqPaginator({totalCounts: 100, //总记录数pageSize: 10, //每页的个数visiblePages: 5, //可视页数currentPage: 1, //当前页码first: '<li class="page-item"><a class="page-link">首页</a></li>',prev: '<li class="page-item"><a class="page-link" href="javascript:void(0);">上一页<\/a><\/li>',next: '<li class="page-item"><a class="page-link" href="javascript:void(0);">下一页<\/a><\/li>',last: '<li class="page-item"><a class="page-link" href="javascript:void(0);">最后一页<\/a><\/li>',page: '<li class="page-item"><a class="page-link" href="javascript:void(0);">{{page}}<\/a><\/li>',//页面初始化和页码点击时都会执行onPageChange: function (page, type) {console.log("第"+page+"页, 类型:"+type);}});function deleteBook(id) {var isDelete = confirm("确认删除?");if (isDelete) {//删除图书alert("删除成功");}}function batchDelete() {var isDelete = confirm("确认批量删除?");if (isDelete) {//获取复选框的idvar ids = [];$("input:checkbox[name='selectBook']:checked").each(function () {ids.push($(this).val());});console.log(ids);alert("批量删除成功");}}</script></div>
</body></html>
2. 约定前后端交互接口
-
需求分析
登录: 用户输入账号和密码完成登录功能.
列表: 展示图书
-
接口定义
登录接口:
[URL]
POST /user/login
[请求参数]
name=admin&password=admin
[响应]
true //账号密码验证成功
false//账号密码验证失败
列表:
[URL]
POST /book/getList
[请求参数]
⽆
[响应]
返回图书列表
[{"id": 1,"bookName": "活着","author": "余华","count": 270,"price": 20,"publish": "北京⽂艺出版社","status": 1,"statusCN": "可借阅"},...
属性说明:
3. 服务器端代码
-
登录页面
package com.jrj.library;import jakarta.servlet.http.HttpSession;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RequestMapping("/user")
@RestController
public class Login {@RequestMapping("/login")public Boolean login(String name, String password, HttpSession session){if (!StringUtils.hasLength(name) || !StringUtils.hasLength(password)){return false;}if ("zhangsan".equals(name) && "123456".equals(password)){session.setAttribute("userName",name);return true;}return false;}
}
-
图书列表
创建图书:
package com.jrj.library;import lombok.Data;@Data
public class BookInfo {//构造一本书所有的属性public Integer id;public String bookName;public String author;public Integer count;public Integer price;public String publish;public Integer status;//1-可借阅,2-不可借阅public String statusCN;
}返回图书列表:
package com.jrj.library;import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.ArrayList;
import java.util.List;
import java.util.Random;@RequestMapping("/book")
@RestController
public class BookController {@RequestMapping("/getList")public List<BookInfo> getList(){List<BookInfo> list = mockData();for (BookInfo bookInfo:list){if (bookInfo.status == 1){bookInfo.setStatusCN("可借阅");}else{bookInfo.setStatusCN("不可借阅");}}return list;}//模拟数据private List<BookInfo> mockData(){List<BookInfo> list2 = new ArrayList<>();for (int i = 0; i < 5; i++) {BookInfo bookInfo = new BookInfo();bookInfo.setId(i);bookInfo.setBookName("Java编程思想"+i);bookInfo.setCount(1);bookInfo.setPublish("机械工业出版社");bookInfo.setPrice(new Random().nextInt(100));bookInfo.setAuthor("高斯林");bookInfo.setStatus(1);list2.add(bookInfo);}return list2;}
}五. lombook 介绍
lombook是一个Java工具库, 通过添加注解的方式, 来简化Java开发.
使用方法:
也可直接使用 @Data注解, 只不过 @Data注解 比较粗暴:
@Data =
@Getter+@Setter+@ToString+@NoArgsConstructor +@RequiredArgsConstructor
六. 应用分层
为了不使我们的代码看起来比较杂乱, 我们使用应用分层来对代码进行分层管理.
Spring项目常见的三层应用分层:
① Controller (接口层) : 负责与外部做交互.
② Service (逻辑层) : 负责做逻辑处理.
③ Mapper / Dao (持久层) : 负责从数据库拿数据 (相当于数据库的客户端).
还有最底层的数据库 (DB) : 使用MySQL或Oracle (不在三层分层中).
MVC和三层架构的关系:
软件设计原则: 高内聚+低耦合
相关文章：
Spring MVC 综合案例
目录 一. 加法计算器 1. 准备工作 2. 约定前后端交互接口 需求分析 接口定义 3. 服务器端代码 4. 运行测试 二. 用户登录 1. 准备工作 2. 约定前后端交互接口 需求分析 接口定义 (1) 登录界面接口 (2) 首页接口 3. 服务器端代码 4. 运行测试 三. 留言板 1. 准备…...
【深入理解FFMPEG】命令行阅读笔记
这里写自定义目录标题 第三章 FFmpeg工具使用基础3.1 ffmpeg常用命令3.1.13.1.3 转码流程 3.2 ffprobe 常用命令3.2.1 ffprobe常用参数3.2.2 ffprobe 使用示例 3.3 ffplay常用命令3.3.1 ffplay常用参数3.3.2 ffplay高级参数3.3.4 ffplay快捷键 第4章 封装与解封装4.1 视频文件转…...
2025.1.26机器学习笔记：C-RNN-GAN文献阅读
2025.1.26周报 文献阅读题目信息摘要Abstract创新点网络架构实验结论缺点以及后续展望 总结 文献阅读 题目信息 题目： C-RNN-GAN: Continuous recurrent neural networks with adversarial training会议期刊： NIPS作者： Olof Mogren发表时间…...
嵌入式蓝桥杯电子赛嵌入式（第14届国赛真题）总结
打开systic 生成工程编译查看是否有问题同时打开对应需要的文档 修改名称的要求 5.简单浏览赛题 选择题，跟单片机有关的可以查相关手册 答题顺序 先从显示开始看 1,2 所以先打开PA1的定时器这次选TIM2 从模式、TI2FP2二通道、内部时钟、1通道设为直接2通道设置…...
【机器学习】深入探索SVM：支持向量机的原理与应用
目录 🍔 SVM引入 1.1什么是SVM? 1.2支持向量机分类 1.3 线性可分、线性和非线性的区分 🍔 小结 学习目标 知道SVM的概念 🍔 SVM引入 1.1什么是SVM? 看一个故事，故事是这样子的： 在很久以前的情人节…...
Leetcode40： 组合总和 II
题目描述： 给定一个候选人编号的集合 candidates 和一个目标数 target ，找出 candidates 中所有可以使数字和为 target 的组合。 candidates 中的每个数字在每个组合中只能使用 一次 。 注意：解集不能包含重复的组合。 代码思路ÿ…...
项目测试之MockMvc
文章目录 基础基础概念Mockxxx一般实现文件位置 实战MockMvc与Test注解不兼容RequestParams参数RequestBody参数 基础 基础概念 定义：是Spring框架提供的一种用于测试Spring MVC控制器的工具，它允许开发者在不启动完整的web服务器的情况下，…...
网易Android开发面试题200道及参考答案 （下）
说明原码、反码、补码的概念 原码：是一种简单的机器数表示法。对于有符号数，最高位为符号位，0 表示正数，1 表示负数，其余位表示数值的绝对值。比如，对于 8 位二进制数，+5 的原码是 00000101，-5 的原码是 10000101。原码的优点是直观，容易理解，但在进行加减法运算时，…...
PHP根据IP地址获取地理位置城市和经纬度信息
/** 根据IP地址 获取地理位置*/ function getLocationByIP($ip) {$url "http://ip-api.com/json/{$ip}?langzh-CN&fieldsstatus,message,country,countryCode,region,regionName,city,lat,lon,timezone,isp,org,as";$response file_get_contents($url);$data …...
AI Agent的多轮对话：提升用户体验的关键技巧
在前面的文章中，我们讨论了 AI Agent 的各个核心系统。今天，我想聊聊如何实现一个好用的多轮对话系统。说实话，这个话题我琢磨了很久，因为它直接影响到用户体验。 从一个槽点说起 还记得我最开始做对话系统时的一个典型场景&…...
在docker上部署nacos
一、首先下载nacos的docker镜像 docker pull nacos:2.5.0 二、然后下载nacos的安装包，这里是为了拿到他的配置文件。下载完解压缩后，以备后用 https://download.nacos.io/nacos-server/nacos-server-2.5.0.zip?spm5238cd80.6a33be36.0.0.2eb81e5d7mQ…...
ComfyUI实现老照片修复——AI修复老照片（ComfyUI-ReActor / ReSwapper）解决天坑问题及加速pip下载
AI修复老照片，试试吧，不一定好~~哈哈 2023年4月曾用过ComfyUI，当时就感慨这个工具和虚幻的蓝图很像，以后肯定是专业人玩的。 2024年我写代码去了，AI做图没太关注，没想到，现在ComfyUI真的变成了工…...
Win11画图工具没了怎么重新安装
有些朋友想要简单地把图片另存为其他格式，或是进行一些编辑，但是发现自己的Win11系统里面没有画图工具，这可能是因为用户安装的是精简版的Win11系统，解决方法自然是重新安装一下画图工具，具体应该怎么做呢？…...
Git Bash 配置 zsh
博客食用更佳 博客链接 安装 zsh 安装 Zsh 安装 Oh-my-zsh github仓库 sh -c "$(curl -fsSL https://install.ohmyz.sh/)"让 zsh 成为 git bash 默认终端 vi ~/.bashrc写入： if [ -t 1 ]; thenexec zsh fisource ~/.bashrc再重启即可。 更换主题 …...
《STL基础之hashtable》
【hashtable导读】STL为大家提供了丰富的容器，hashtable也是值得大家学习和掌握的基础容器，而且面试官经常会把它和hashmap混在一起，让同学们做下区分。因此关于hashtable的一些特性，比如：底层的数据结构、插入、查找元…...
Vue3组件重构实战：从Geeker-Admin拆解DataTable的最佳实践
一、前言 背景与动机 在当前的开发实践中，我们选择了开源项目 Geeker-Admin 作为前端框架的二次开发基础。其内置的 ProTable.vue 组件虽然提供了一定程度的开箱即用性，但在实际业务场景中逐渐暴露出设计上的局限性，尤其是其将 搜索条件表单…...
小智 AI 聊天机器人
小智 AI 聊天机器人 （XiaoZhi AI Chatbot） 👉参考源项目复现 👉 ESP32SenseVoiceQwen72B打造你的AI聊天伴侣！【bilibili】 👉 手工打造你的 AI 女友，新手入门教程【bilibili】 项目目的 本…...
关于圆周率的新认知
从自然对数底 的泰勒展开， 可以得出 的展开式， 它可以被认为是，以 0 为周期的单位 1 ，以 1 为周期的单位 1 ，以 2 为周期的单位 1 等所有自然数为周期的单位 1 分阶段合成（体现为阶乘的倒数）之…...
【趋势】《2024—2026金融科技十大趋势预测》一览
本白皮书基于新华三在金融行业的前沿实践和IDC的全球研究成果，深入分析了金融科技领域的十大关键趋势，旨在为金融机构提供前瞻性的战略指导和业务创新的参考。 导言 当前，在地缘政治冲突加剧、商业经济市场环境高度不确定、数字化业务加速发展的背景下，金融行业处于深度变…...
 VISUAL --)
vim 中粘贴内容时提示: -- (insert) VISUAL --
目录 问题现象：解决方法：问题原因： 问题现象： 使用 vim 打开一个文本文件，切换到编辑模式后，复制内容进行粘贴时有以下提示： 解决方法： 在命令行模式下禁用鼠标支持 :set mouse …...
CAPL高级应用
CAPL高级应用 目录 CAPL高级应用1. 引言2. 多线程编程2.1 多线程编程简介2.2 多线程编程实现3. 数据库操作3.1 数据库操作简介3.2 数据库操作实现4. 网络通信4.1 网络通信简介4.2 网络通信实现5. 案例说明5.1 案例1：多线程编程实现5.2 案例2：数据库操作实现5.3 案例3：网络通…...
基于微信小程序的网上订餐管理系统
作者：计算机学姐 开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。 专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏：…...
python的设计模式
设计模式是解决软件设计中常见问题的可重用解决方案。Python 作为一种灵活且强大的编程语言，支持多种设计模式的实现。以下是 Python 中常见的几种设计模式及其示例： 1. 单例模式（Singleton Pattern） 确保一个类只有一个实例&…...
EventBus事件总线的使用以及优缺点
EventBus EventBus （事件总线）是一种组件通信方法，基于发布/订阅模式，能够实现业务代码解耦，提高开发效率 发布/订阅模式 发布/订阅模式是一种设计模式，当一个对象的状态发生变化时，所有依赖…...
C++解决走迷宫问题：DFS、BFS算法应用
文章目录 思路：DFSBFSBFS和DFS的特点BFS 与 DFS 的区别BFS 的优点BFS 时间复杂度深度优先搜索（DFS）的优点深度优先搜索（DFS）的时间复杂度解释：空间复杂度总结：例如下面的迷宫： // 迷宫的表示：0表示可以走，1表示障碍 vector<vector<int>> maze = {{0, 0,…...
2025春招 SpringCloud 面试题汇总
大家好，我是 V 哥。SpringCloud 在面试中属于重灾区，不仅是基础概念、组件细节，还有高级特性、性能优化，关键是项目实践经验的解决方案，都是需要掌握的内容，正所谓打有准备的仗，秒杀面试官&…...
PostGIS笔记：PostgreSQL 数据库与用户 基础操作
数据库基础操作包括数据模型的实现、添加数据、查询数据、视图应用、创建日志规则等。我这里是在Ubuntu系统学习的数据库管理。Windows平台与Linux平台在命令上几乎无差异，只是说在 Windows 上虽然也能运行良好，但在性能、稳定性、功能扩展等方面&#x…...
Selenium配合Cookies实现网页免登录
文章目录 前言1 方案一：使用Chrome用户数据目录2 方案二：手动获取并保存Cookies，后续使用保存的Cookies3 注意事项 前言 在进行使用Selenium进行爬虫、网页自动化操作时，登录往往是一个必须解决的问题，但是Selenium每次…...
HarmonyOS简介：HarmonyOS核心技术理念
核心理念 一次开发、多端部署可分可合、自由流转统一生态、原生智能 一次开发、多端部署 可分可合 自由流转 自由流转可分为跨端迁移和多端协同两种情况 统一生态 支持业界主流跨平台开发框架，通过多层次的开放能力提供统一接入标准，实现三方框架快速…...
Unity URP 获取/设置 Light-Indirect Multiplier
Unity URP 获取/设置 Light-Indirect Multiplier 他喵的代码的字段名称叫：bounceIntensity ~~~~~~...
计算机网络 （60）蜂窝移动通信网
一、定义与原理 蜂窝移动通信网是指将一个服务区分为若干蜂窝状相邻小区并采用频率空间复用技术的移动通信网。其原理在于，将移动通信服务区划分成许多以正六边形为基本几何图形的覆盖区域，称为蜂窝小区。每个小区设置一个基站，负责本小区内移…...
解决.NET程序通过网盘传到Linux和macOS不能运行的问题
问题描述：.net程序用U盘传到虚拟机macOS和Linux可以正常运行，但是网盘传过去就不行。 解决方法： 这是文件权限的问题。当你通过U盘将文件传输到虚拟机的macOS和Linux系统时，文件的权限和所有权可能得到了保留或正确设置。但如果…...
LeetCode | 不同路径
一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为 “Start” ）。 机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为 “Finish” ）。 问总共有多少条不同的路径？ 示例 1…...
渗透测试技法之口令安全
一、口令安全威胁 口令泄露途径 代码与文件存储不当：在软件开发和系统维护过程中，开发者可能会将口令以明文形式存储在代码文件、配置文件或注释中。例如，在开源代码托管平台 GitHub 上，一些开发者由于疏忽，将包含数据…...
【C语言】main函数解析
一、前言 在学习编程的过程中，我们很早就接触到了main函数。在Linux系统中，当你运行一个可执行文件（例如 ./a.out）时，如果需要传入参数，就需要了解main函数的用法。本文将详细解析main函数的参数ÿ…...
Vue3笔记——（二）
015 生命周期 组件的生命周期： 【时刻】 【调用特定的函数】 vue2生命周期 创建 beforeCreate、 created 挂载 beforeMounte、mounted 更新 beforeUpdate、updated 销毁 beforeDestroy、destroyed 生命周期、生命周期函数、生命周期钩子 vue3生命周期 创建 setup 挂…...
linux文件I/O
open 用于打开一个文件并返回一个文件描述符。文件描述符是一个整数，它在后续的文件操作中用于标识文件。 原型： int open(const char *pathname, int flags, mode_t mode);pathname：要打开的文件的路径flags：指定文件打开方式…...
利用双指针一次遍历实现”找到“并”删除“单链表倒数第K个节点（力扣题目为例）
Problem: 19. 删除链表的倒数第 N 个结点 文章目录 题目描述思路复杂度Code 题目描述 思路 1.欲找到倒数第k个节点，即是找到正数的第n-k1、其中n为单链表中节点的个数个节点。 2.为实现只遍历一次单链表，我们先可以使一个指针p1指向链表头部再让其先走k步…...
MySQL 8 不开通 CLONE 插件，建立主从关系
文章目录 前言一、主库操作二、从库操作三、主库操作四、测试总结 前言 MySQL 版本：8.0.36 MySQL 8 通过 CLONE 插件，搭建主从数据库详情参考链接文章 主库不开通 CLONE 插件，如何建立主从关系呢？本文简单介绍一下 一、主库操作…...
活动回顾和预告｜微软开发者社区 Code Without Barriers 上海站首场活动成功举办！
Code Without Barriers 上海活动回顾 Code Without Barriers：AI & DATA 深入探索人工智能与数据如何变革行业 2025年1月16日，微软开发者社区 Code Without Barriers （CWB）携手 She Rewires 她原力在大中华区的首场活动“AI &…...
: 一种无需强化学习的语言模型偏好优化方法)
Direct Preference Optimization (DPO): 一种无需强化学习的语言模型偏好优化方法
论文地址：https://arxiv.org/pdf/2305.18290 1. 背景与挑战 近年来，大规模无监督语言模型（LM）在知识获取和推理能力方面取得了显著进展，但如何精确控制其行为仍是一个难题。 现有的方法通常通过**强化学习从人类反馈&…...
搜狐Android开发（安卓）面试题及参考答案
ViewModel 的作用及原理是什么？ ViewModel 是 Android 架构组件中的一部分，主要作用是在 MVVM 架构中充当数据与视图之间的桥梁。它负责为视图准备数据，并处理与数据相关的业务逻辑，让视图（Activity、Fragment 等）专注于展示数据和与用户交互。比如在一个新闻应用中，Vie…...
蓝牙的一些基础知识（TODO）
前阵工作中遇到的。 iOS 和 iPadOS 支持的蓝牙描述文件 - 官方 Apple 支持 (中国) 在树莓派上定制蓝牙 Profile 通常需要修改或创建自定义的 Bluetooth 服务 (Profile) 来实现特定的功能，例如定制 Audio Sink、HID（Human Interface Device）、…...
Redis实战（黑马点评）——涉及session、redis存储验证码，双拦截器处理请求
项目整体介绍 数据库表介绍 基于session的短信验证码登录与注册 controller层 // 获取验证码PostMapping("code")public Result sendCode(RequestParam("phone") String phone, HttpSession session) {return userService.sendCode(phone, session);}// 获…...
WPF常见面试题解答
以下是WPF（Windows Presentation Foundation）面试中常见的问题及解答，涵盖基础概念、高级功能和实际应用，帮助你更好地准备面试： 基础概念 什么是WPF？ WPF是微软开发的用于构建桌面应用程序的UI框架&#x…...
Nginx前端后端共用一个域名如何配置
在 Nginx 中配置前端和后端共用一个域名的情况，通常是通过路径或子路径将请求转发到不同的服务。以下是一个示例配置，假设： 前端静态文件在 /var/www/frontend/。 后端 API 服务运行在 http://127.0.0.1:5000。 域名是 example.comÿ…...
DeepSeek-R1-Distill-Qwen-1.5B：最佳小型LLM？
DeepSeek掀起了生成式AI领域的风暴。 首先推出DeepSeek-v3，现在推出DeepSeek-R1，这两款模型都打破了所有基准，并且完全开源。 但今天我们不是在讨论这两款超级模型，而是讨论DeepSeek-R1的一个蒸馏版本——DeepSeek-R1-Distill-Qwen-1.5B，它可能是今天被低估的版本，虽然…...
wampserver + phpstrom 调试配置
step 1 点击任务栏wampserver图标->php->php.ini[apache module] 在文件最后面,确保这些值被定义且跟以下的一样 xdebug.mode debug xdebug.start_with_request yes xdebug.client_port 9003 xdebug.client_host 127.0.0.1step 2 按如下配置 step3 下断点,运行即…...
)
MySQL分表自动化创建的实现方案(存储过程、事件调度器)
《MySQL 新年度自动分表创建项目方案》 一、项目目的 在数据库应用场景中，随着数据量的不断增长，单表存储数据可能会面临性能瓶颈，例如查询、插入、更新等操作的效率会逐渐降低。分表是一种有效的优化策略，它将数据分散存储在多…...
RabbitMQ 架构分析
文章目录 前言一、RabbitMQ架构分析1、Broker2、Vhost3、Producer4、Messages5、Connections6、Channel7、Exchange7、Queue8、Consumer 二、消息路由机制1、Direct Exchange2、Topic Exchange3、Fanout Exchange4、Headers Exchange5、notice5.1、备用交换机（Alter…...