当前位置：首页 > news >正文

Spring MVC练习(前后端分离开发实例)

news 来源：原创 2025/7/14 16:41:44

🙉专栏推荐:Java入门知识🙉

🐹今日诗词:二十五弦弹夜月，不胜清怨却飞来🐹

⛳️点赞 ☀️收藏⭐️关注💬卑微小博主🙏

加法计算器

前端页面

约定前后端交互接口

用户登录

约定前后端交互接口

查询用户登录接口

前端页面

同步操作和异步操作

留言板

约定前后端接口

public接口

getList接口

图书管理系统

应用分层(重点)

美图分享

加法计算器

前端页面

这里的计算器是前后端交互的方式, 单纯的前端也可以实现, 但是就达不到练习的目的了

准备工作: 我们先搭建一个简单的页面, 代码和效果如下:
<!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>

约定前后端交互接口

简单来说,就是允许客户端给服务器发送哪些HTTP请求,并且每种请求预期获取什么样的HTTP响应, 不能请求A, 你给我返回B, 请求响应必须正确的
现在"前后端分离"模式开发,前端和后端代码通常由不同的团队负责开发.双⽅团队在开发之前,会提前约定好交互的方式
把约定的内容写在⽂档上,就是"接⼝⽂档",接⼝⽂档也可以理解为是应⽤程序的"操作说明书

因此后端代码这样写
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController
@RequestMapping("/calc")
public class CalcController {@RequestMapping("/sum")public String sum(Integer num1, Integer num2) {Integer sum = num1 + num2;return "计算结果: " + sum;}
}
效果演示

用户登录

约定前后端交互接口

login方法(登录)

首先就是参数效验, 用户名和密码肯定不能为null或者空

参数效验: 1. 可以用if进行多次效验判断(麻烦一点)

2. 使用StringUtils类的hasLength方法进行效验(推荐)

这是登录效验代码
    @RequestMapping("/login")public Boolean login(String username, String password, HttpSession session) {//参数效验(null和空)if (!StringUtils.hasLength(username) || !StringUtils.hasLength(password)) {return false;}//效验账号密码是否正确//这里使用硬编码方式演示, 数据库操作效验密码不方便//假设账号密码是: "zhangsan" "123456"if ("zhangsan".equals(username) && "123456".equals(password)) {//设置Session, 需要创建Sessionsession.setAttribute("username", username);return true;}return false;}
测试一下接口有没问题

查询用户登录接口


@RequestMapping("/getUserInfo")public String getUserInfo(HttpSession session) {String username = (String) session.getAttribute("username");return username==null?"":username;}

这样后端接口就写好了, 接下来搞定前端

前端页面

需要用到Ajax

Ajax，全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）

作用:

异步：用户在等待服务器响应时可以继续操作界面，提高了用户体验。
无需刷新：局部更新页面，不需要重新加载整个页面。
数据交换格式：虽然名字中包含 XML，但 Ajax 可以使用多种数据格式，包括 JSON、HTML 等，不仅限于 XML

同步操作和异步操作

举例解释二者区别

比如去买饭, 我要卖蛋炒饭和奶茶, 正常情况下是买完蛋炒饭, 等老板做完然后去买奶茶

这种情况就是同步操作

异步操作就是: 我先预购蛋炒饭, 然后我去买奶茶, 等蛋炒饭做好了老板通知去拿就可以了

登录界面

通过Ajax, 登录成功进行页面跳转(重定向), 登录失败就提示错误

<!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="jquery-3.7.0.min.js"></script><script>function login() {$.ajax({url: "/user/login",  //指定请求的URL地址type: "post",    //指定请求的类型data: {  //指定要发送的数据, 这里的数据是从表单中获取的用户名和密码"userName": $("#userName").val(), // 获取用户名输入框的值"password": $("#password").val() // 获取密码输入框的值},//指定请求成功时的回调函数success: function (result) {// 如果服务器返回的结果为 true，进行页面跳转if (result) {location.href = "index.html"; //重定向到index.html页面} else {alert("密码错误"); //如果结果为 false，弹出密码错误的提示}}});}</script>
</body></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="jquery-3.7.0.min.js"></script><script>$.ajax({url: "user/getUserInfo",type: "get",success: function (userName) {$("#loginUser").text(userName);}});</script>
</body></html>

留言板

约定前后端接口

设计思路:

点击提交, 要把数据拼接到留言板下方,

同时需要把数据提交到后端, 交给后端存储, 我们可以通过一个链表存储

并且第一使用留言板, 还要把以前的留言显示在下面(从后端拿到数据并显示在页面上)

因此我们要设计两个接口

message/public接口: 收集前端提交的数据
message/getList接口: 返回数据到前端

因此我们可以这样约定前后端接口

public接口

    @RequestMapping(value = "/public", method = RequestMethod.POST)public Boolean publish(@RequestBody MessageInfo messageInfo) {list.add(messageInfo);System.out.println("日志: 后端存储数据成功");return true;}

getList接口

我们来测试一下接口是否正确

这样后端的代码就没问题了, 接下来我们来写, 前端页面如何通过接口来获取后端数据的代码

前端获取后端数据的代码

分成两步:

首先将以前的留言记录显示到下面, 不能每次打开都要重新留言

由于html代码从上向下执行, 所以这串逻辑代码必须写在script的开头

创建新的留言, 将新的留言数据交给后端保存, 同时将留言显示到下方

显示留言记录

保存并显示新的留言

我们来验证一下效果吧

所有代码

留言板所有代码

<!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="jquery-3.7.0.min.js"></script><script>//$.ajax({url: "message/getList",type: "get",success: function(messages) {if(messages != null) {for(var message of messages) {var tmp = "<div>" + message.from +"对" + message.to + "说:" + message.say +"</div>";$(".container").append(tmp);}}}});//获取留言数据function submit(){let from = $("#from").val();let to = $("#to").val();let say = $("#say").val();//不为空if(from == "" || to == "" || say == ""){return;}//保存并显示新的留言$.ajax({url: "message/public",type: "post",contentType: "application/json",data: JSON.stringify ( {"from": from,"to": to,"say": say} ),success: function(result) {if(result) {//保存成功//将留言信息显示到页面上let message = "<div>" + from +"对" + to + "说:" + say +"</div>";$(".container").append(message);//清空输入信息$("#from").val("");$("#to").val("");$("#say").val("");} else {//保存失败alert("留言失败");}}});}</script>
</body></html>

后端代码

Message对象代码

import lombok.Data;@Data
public class MessageInfo {private String from;private String to;private String say;
}

后端接口代码

import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;import java.util.ArrayList;
import java.util.List;@RestController
@RequestMapping("/message")
public class MessageController {private List<MessageInfo> list = new ArrayList<MessageInfo>();@RequestMapping(value = "/public", method = RequestMethod.POST)public Boolean publish(@RequestBody MessageInfo messageInfo) {list.add(messageInfo);System.out.println("日志: 后端存储数据成功");return true;}@RequestMapping(value = "/getList", method = RequestMethod.GET)public List<MessageInfo> getList() {System.out.println("日志: 前端获取数据成功");return list;}
}

图书管理系统

界面

约定前后端接口

我们先来写登录接口: 判断账号密码是否正确, 首先要有账号密码的属性

import lombok.Data;
@Data
public class UserInfo {private String username;private String password;
}

hasLength()方法: 参数为null或者长度为空, 返回false

equal()方法: 判断二个参数是否相等

@RestController
@RequestMapping("/user")
public class UserController {@RequestMapping("/login")public String login(String username, String password) {//判断账号或密码是否为空或者长度为0, 为空或0,方法返回falseif (!StringUtils.hasLength(username) || !StringUtils.hasLength(password)) {return "账号或密码不能为空";}//硬编码方式if (!"zhangsan".equals(username) || !"123456".equals(password)) {return "账号或密码错误";}return "";}
}

图书列表: getList接口

我们通过链表存储图书, 先创建图书的属性

状态码, 因为图书状态只有可借阅和不可借阅两种情况, 所以可以用数字代替中文, 企业开发用状态码, 显示成借阅和不可借阅是前端的事情

@Data
public class BookInfo {private Integer bookId;  // 图书idprivate String bookName; // 书名private String author;   // 作者private Integer number;  // 数量private BigDecimal price;// 定价private  String publishName;// 出版社private Integer status;  // 状态码, 因为图书状态只有可借阅和不可借阅两种情况, 企业开发用状态码, 变成中文是前端的事情private String statusCN; // (可有可无)状态码对应的中文, 现在我们写项目前后端都是自己, 需要显示一下
}

getList接口, 以及接口测试

package com.white.demo;import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;@RestController
@RequestMapping("/book")
public class BookController {private List<BookInfo> list = new ArrayList<BookInfo>();@RequestMapping("/getList")public List<BookInfo> getList() {list = mockData(); //mock测试(模拟测试)return list;}private List<BookInfo> mockData() {  //mock测试(从数据库调用数据进行测试),for (int i = 0; i < 15; i++) {   //由于咱们没数据库, 所以使用mockData方法模拟数据库BookInfo bookInfo = new BookInfo();bookInfo.setBookId(i);bookInfo.setBookName("书名: " + i);bookInfo.setAuthor("作者: " + i);bookInfo.setNumber(3*i+1);bookInfo.setPrice(new BigDecimal(new Random().nextInt(100)));bookInfo.setPublishName("出版社: " + i);bookInfo.setStatus(i%2==0?1:2);bookInfo.setStatusCN(i%2==0?"可借阅":"不可借阅");list.add(bookInfo);}return list;}}

使用postman测试

前端页面

我们要实现从后端拿到数据放到前端, 通过ajax拿到数据后, 如何展示页面呢?

使用HTML的话, 只能一个一个的拼接

拼接方法:

1. 先只写一对单引号''

例如:

var tmp = '<tr>123<tr>';

2. 然后把123替换成一对单引号, 变成这样

tmp = '<tr>''<tr>'; (中间两个单引号)

3.在中间两个单引号之间加上两个+号, 变成这样

tmp = '<tr>'++'<tr>';

4. 再两个 + 号中间填上属性变量即可

tmp = '<tr>'+要替换的变量+'<tr>';

比如这种形式: tmp = '<tr>'+bookId+'<tr>';

拼接结果就是前面两个单引号是一对

根据上述方法, 可以得到以下界面

运行结果

应用分层(重点)

应用分层是一种设计架构, 将代码分为多个独立的层次, 可以提高代码的可阅读性, 可维护性、可扩展性和灵活性, 并且代码出现问题非常容易找到出错的部分

应用三层一般分为三层: 表现层(Controller), 业务逻辑层(Service), 数据层(Dao), 有时候还会加入实体类层(model, pojo, DTO, VO.....)

表现层(Controller)

作用: 比如用户登录例子, 表现层获取用户的输入（如用户名和密码），将这些数据传递给业务逻辑层

业务逻辑层(Service)

作用: 对用户登录的账户密码进行效验的代码属于业务逻辑层, 效验成功, 调用数据层的数据, 将页面展示出来

数据层(Dao)

作用: 接收业务逻辑层, 存储数据, 或者返回数据给业务逻辑层, 数据层一般不会调用表现层, 业务逻辑层,

三者调用关系

表现层：创建一个业务逻辑层对象,逻辑层去执行获取的操作
业务逻辑层:创建一个数据层对象,通过数据层对象调用数据库中的数据
数据层:存储数据,提供一个接口方法,让业务逻辑层调用

那我们现在来对代码进行分层吧

首先创建4个包, 用于待会存放分层的代码

我们来对这串代码进行应用分层

表现层：创建一个业务逻辑层对象,逻辑层去执行获取的操作

业务逻辑层:创建一个数据层对象,通过数据层对象调用数据库中的数据

数据层:存储数据,提供一个接口方法,让业务逻辑层调用

美图分享

Spring MVC练习(前后端分离开发实例)

White graces：个人主页 🙉专栏推荐:Java入门知识🙉 🐹今日诗词:二十五弦弹夜月，不胜清怨却飞来🐹 ⛳️点赞 ☀️收藏⭐️关注💬卑微小博主🙏 ⛳️点赞 ☀️收藏⭐️关注&#x1f4…...

编程日记 2025/7/14 16:41:44

使用 pycharm 新建不使用 python 虚拟环境( venv、conda )的工程

有时候我们发现一个好玩的 demo，想赶快在电脑上 pip install 一下跑起来，发现因为 python 的 venv、conda 环境还挺费劲的，因为随着时间的发展，之前记得很清楚的 venv、conda 的用法，不经常使用，半天跑不起…...

编程日记 2025/7/13 6:04:43

英语知识网站开发：Spring Boot框架应用

3系统分析 3.1可行性分析通过对本英语知识应用网站实行的目的初步调查和分析，提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性本英语知识应用网站采用SSM框架，JAVA作为开发语…...

编程日记 2025/7/15 2:19:37

Pandas 数据读取与导出

Pandas 是一个强大的 Python 库，用于数据处理和分析。它提供了许多函数来读取和导入数据，支持多种文件格式，如 CSV、Excel、SQL 数据库、JSON 等。以下是一些常用的数据读取和导出方法： 常用方法格式文件格式读取函数写入&…...

编程日记 2025/7/13 12:38:21

Day49 | 动态规划：线性DP 判断子序列两个字符串的删除操作

Day49 | 动态规划 ：线性DP 判断子序列&&两个字符串的删除操作动态规划应该如何学习？-CSDN博客动态规划学习： 1.思考回溯法（深度优先遍历）怎么写注意要画树形结构图 2.转成记忆化搜索看哪些地方是重复…...

编程日记 2025/7/14 11:50:29

HDR视频技术之三：色度学与颜色空间

HDR 技术的第二个理论基础是色度学。从前面的内容中可以了解到，光学以及人类视觉感知模型为人类提供了解释与分析人类感知亮度的理论基础，但是 HDR 技术不仅仅关注于提升图像与视频的亮度范围，同时也关注于提供更加丰富的色彩。因此&#xff…...

编程日记 2025/7/8 5:40:42

nginx和netcore加载常见的3D模型

背景数字孪生带火了3D版的Web世界，3D模型格式也是众多，常见的glb适合web传输，fbx，gltf，obj，unity等常用于模型编辑和处理。我们在用netcore或者wasm加载这些3D模型文件时，一般都需要手工增加M…...

编程日记 2025/7/9 16:52:13

ABAP开发学习——标准GUI状态模板的复制

补充一下创建了GUI状态后复制标准状态的方法首先创建GUI状态此时按钮全部都是空的点击顶部的附加-调整模板选择列表查看器应用成功，下一步点击激活即可另外需要注意，功能键中的三个图标的代码并不是习惯性写的”BACK、EXIT、CANCEL",在这个标…...

编程日记 2025/7/12 19:05:29

酷！用豆包MarsCode 写了一个五子棋小游戏

作者：一起重学前端前言 2017 年，当时大学三本毕业前端工作一年，去深圳找工作面试，在拉勾上海投，接到某公司前端开发团队回复询问邮箱账号，喜滋滋的以为可以有面试了。一看邮箱，抛给我一道面试…...

编程日记 2025/7/14 2:43:15

IntelliJ IDEA 中，自动导包功能

在 IntelliJ IDEA 中，自动导包功能可以极大地提高开发效率，减少手动导入包所带来的繁琐和错误。以下是如何在 IntelliJ IDEA 中设置和使用自动导包功能的详细步骤： 一、设置自动导包打开 IntelliJ IDEA： 启动 IntelliJ IDEA 并打…...

编程日记 2025/7/15 2:03:42

c#异步编程（async/await）

注：下文摘自ChatGPT，总结与案例都非常完善，可以快速理解并应用 0：使用场景在winform界面程序中，在ui操作中涉及到一些耗时的等待操作，使用线程自己处理已经显得力不从心，如何能更好的实现&am…...

编程日记 2025/7/12 13:37:56

使用vcpkg自动链接tinyxml2时莫名链接其他库（例如boost）

使用vcpkg自动链接tinyxml2时莫名链接其他库（例如boost） vcpkg的自动链接功能非常方便，但在某些情况下会出现过度链接的问题。链接错误症状以tinyxml2为例，程序中调用tinyxml2的函数后，若vcpkg中同时存在opencv和…...

编程日记 2025/7/14 17:13:14

cocoscreater3.8.4生成图集并使用

1.安装texturepacker，去官网下载https://www.codeandweb.com/texturepacker 2.将图片拖动进来，即可自动生成精灵表，这里输出选用cocos2d-x，打包用免费版的“基本”就行，高级模式是收费的，然后点击“发布精…...

编程日记 2025/7/15 2:26:26

Ettercap工具使用说明

文章目录 Ettercap 简介Ettercap 的主要功能Ettercap 的安装在 Kali Linux（或基于 Debian 的系统）上安装：在其他操作系统上： Ettercap 的使用方式1. 基本模式2. MITM 攻击ARP 欺骗DNS 欺骗 3. 嗅探模式常用插件防御建议 Ettercap…...

编程日记 2025/7/9 4:13:35

Linux 如何创建逻辑卷并使用

一、逻辑卷的介绍生成环境中逻辑卷使用率很高逻辑卷的诞生：如果对磁盘直接使用fdisk分区，那么这中分区，我们叫做Linux的标准分区，Linux的标准分区格式化成文件系统之后，挂载使用，那么一旦文件系统的空间…...

编程日记 2025/7/15 2:11:39

laravel-operate

php artisan cache:clear php artisan config:clear php artisan route:clear php artisan view:clear 1、查看artisan所有命令； php artisan list 2、查看命令描述及参数和选项； php artisan（n.工匠、技工） help migration&…...

编程日记 2025/7/15 1:50:41

探索Python WebSocket新境界：picows库揭秘

文章目录探索Python WebSocket新境界：picows库揭秘第一部分：背景介绍第二部分：picows库概述第三部分：安装picows库第四部分：简单库函数使用方法第五部分：场景应用第六部分：常见Bug及解决方案第…...

编程日记 2025/7/15 1:57:40

海康VsionMaster学习笔记（学习工具+思路）

一、前言 VisionMaster算法平台集成机器视觉多种算法组件，适用多种应用场景，可快速组合算法，实现对工件或被测物的查找测量与缺陷检测等。VM算法平台依托海康威视在图像领域多年的技术积淀，自带强大的视觉分析工具库，可…...

编程日记 2025/7/12 20:56:38

Java面试题、八股文——JVM篇最终篇

1.如何选择垃圾收集器？ 选择合适的垃圾收集器（Garbage Collector, GC）对于优化Java应用程序的性能至关重要。不同的应用场景和系统需求可能需要不同类型的垃圾收集器来满足。以下是一些考虑因素以及常见的垃圾收集器选项，帮助您做…...

编程日记 2025/7/10 8:29:51

C++ 11重点总结2

1C11多线程主要对少用的知识点进行详细描述，用的多的就给示例。照猫画虎 #include<thread> // 默认构造函数 thread() // 初始化构造函数 template<class Fn, class... Args> explicit thread(Fn&& fn, Args&&... args) // 移动构造…...

编程日记 2025/7/9 22:08:27

什么是 C++ 中的函数对象？它有什么特点？

在 C 中，函数对象（Function Object）是一种可调用对象，它允许像函数一样被调用，但实际上它可能并不是真正的函数。函数对象可以是以下几种类型之一： 普通函数： 一个普通的、定义在命名空间或类…...

编程日记 2025/7/14 19:22:24

Golang 反射

一、Go反射的应用场景 （一）对象序列化和反序列化场景描述在处理网络通信，数据存储等场景中，需要将对象转换为字节流（序列化）以便传输或存储，在接收端再将字节流转换回对象（反序列…...

编程日记 2025/7/14 7:15:44

hhdb数据库介绍(10-7)

OEM管理为方便更换管理平台的产品Logo以及产品名称信息。引入“OEM管理功能”对外提供可视化更新Logo以及产品名称信息的入口。功能入口： 具有管理权限的用户登录平台，通过 OEM管理的超链接进入功能页面，超链接路径需要在原访问页面url的…...

编程日记 2025/7/8 23:24:35

RabbitMQ的预取值详解

RabbitMQ的预取值（Prefetch Value）是一个关键概念，它决定了消费者在从队列中获取消息时，一次性可以获取的消息数量。这一机制对于优化消息分发和消费者的负载均衡至关重要。什么是RabbitMQ的预取值？ 预取值是指消费者…...

编程日记 2025/7/12 20:37:32

mysql 触发器进入历史

一、触发器 MySQL 触发器（Triggers）是一种数据库对象，它与表关联，能在特定的事件（如插入、更新或删除）发生时自动执行一些指定的操作。使用触发器可以帮助我们自动维护数据库的完整性、一致性，…...

编程日记 2025/7/10 22:42:48

通过数巅能源大模型降本增效

在能源行业中，数据的有效利用对于企业的决策和运营至关重要。随着业务的发展，企业面临着数据分散、数据分析效率低、报告生成耗时等问题，制约了企业的发展和竞争力的提升。数巅能源大模型解决方案数巅科技推出了能源大模型解决方案&#x…...

编程日记 2025/7/12 19:22:16

如何编写出色的技术文档

目录编辑 1. 明确文档目的和受众目的的重要性了解受众 2. 收集和组织信息信息收集的技巧组织信息 3. 规划文档结构结构规划的重要性结构规划的步骤 4. 编写内容语言和风格内容的组织编写技巧 5. 审阅和测试审阅的重要性测试的必要性 6. 版本控…...

编程日记 2025/7/13 21:45:29

摄像头原始数据读取——gstreamer(gst_parse_launch)

摄像头原始数据读取——gstreamer(gst_parse_launch) #include <stdio.h> #include <string.h> #include <stdlib.h>#ifdef __cplusplus extern "C" { #endif#include <gst/gst.h>#ifdef __cplusplus }; #endifstatic gboolean bus_msg_tim…...

编程日记 2025/7/15 1:12:12

矩阵/矩阵乘法/特征值/特征向量的讲解

线性代数里有很多的概念，很多概念是有几何意义的，了解了几何意义可能会更好的理解各种概念及其相互之间的关系。矩阵： 矩阵是一个变换，一个坐标系到另一个坐标系的变换。矩阵里的各个参数，代表了如何进行变换。矩阵…...

编程日记 2025/7/13 18:16:11

docker-compose搭建xxl-job、mysql

docker-compose搭建xxl-job、mysql 1、搭建docker以及docker-compose2、下载xxl-job需要数据库脚本3、创建文件夹以及docker-compose文件4、坑来了5、正确配置6、验证-运行成功 1、搭建docker以及docker-compose 略 2、下载xxl-job需要数据库脚本下载地址：https…...

编程日记 2025/7/10 23:13:24

《图像形态学运算全解析：原理、语法及示例展示》

简介： 本文详细介绍了图像形态学中的多种运算，包括腐蚀、膨胀、开运算、闭运算、形态学梯度运算、礼帽运算以及黑帽运算。分别阐述了各运算的原理、语法格式，并通过 Python 代码结合具体示例图片（如erode.JPG、dilate.JPG、close.…...

编程日记 2025/7/13 22:16:40

【面试分享】C++ 中结构体（struct）和类（class）的区别

在 C中，结构体（struct）和类（class）有一些相似之处，但也存在一些重要的区别： 一、默认访问权限结构体： 在 C中，结构体的默认成员访问权限是public（公有&…...

编程日记 2025/7/14 9:03:01

Rk3588 onnx转rknn，出现 No module named ‘rknn‘

一、操作步骤： rk3588 需要将yolo11 的模型onnx转rknn。 https://github.com/airockchip/rknn_model_zoo/tree/main/examples/yolo11 这个是用yolo11训练的模型，有80种类型。完整下载下来后，在按文档描述下载模型下来： 然后进…...

编程日记 2025/7/10 22:09:11

HarmonyOS：@Provide装饰器和@Consume装饰器：与后代组件双向同步

一、前言 Provide和Consume，应用于与后代组件的双向数据同步，应用于状态数据在多个层级之间传递的场景。不同于上文提到的父子组件之间通过命名参数机制传递，Provide和Consume摆脱参数传递机制的束缚，实现跨层级传递。其中Provi…...

编程日记 2025/7/8 18:35:17

在并发情况下，Elasticsearch如果保证读写一致？

大家好，我是锋哥。今天分享关于【在并发情况下，Elasticsearch如果保证读写一致？】面试题。希望对大家有帮助； 在并发情况下，Elasticsearch如果保证读写一致？ 1000道互联网大厂Java工程师精选面试题-Java…...

编程日记 2025/7/15 1:28:22

通过 SSH 进行WordPress网站的高级服务器管理

我在管理hostease的服务器时，时常需要通过SSH登录服务器进行修改。而在网站管理中，SSH不仅是一个基础工具，更是高级用户用来精细化管理和优化服务器的重要工具。通过SSH，你可以深入监控服务器的性能、精细管理系统资源&#xff0c…...

编程日记 2025/7/12 23:47:00

关闭AWS账号后，服务是否仍会继续运行？

在使用亚马逊网络服务（AWS）时，用户有时可能会考虑关闭自己的AWS账户。这可能是因为项目结束、费用过高，或是转向使用其他云服务平台。然而，许多人对关闭账户后的服务状态感到困惑，我们九河云和大家一起探讨…...

编程日记 2025/7/15 1:28:07

PostgreSQL数据库参数调优实践

PostgreSQL（简称PG）数据库的性能调优是一个复杂但至关重要的过程，特别是在处理大量数据和复杂查询时。通过合理设置和调整数据库参数，可以显著提升数据库的性能和响应速度。本文将从多个方面详细介绍PostgreSQL数据库参数调优的实…...

编程日记 2025/7/13 1:14:11

Leetcode - 144双周赛

目录一，3360. 移除石头游戏二，3361. 两个字符串的切换距离三，3362. 零数组变换 III 四，3363. 最多可收集的水果数目一，3360. 移除石头游戏本题直接模拟过程，可以额外使用一个布尔变量标记谁赢&…...

编程日记 2025/7/13 8:39:26

微信小程序全局配置：TabBar与页面配置详解

微信小程序全局配置：TabBar与页面配置详解引言随着移动互联网的迅猛发展，微信小程序作为一种新兴的应用形式，因其便捷性和丰富的功能而受到广泛欢迎。在小程序的开发过程中，全局配置是非常重要的一环，尤其是tabBar和页面的配置。本文将深入探讨微信小程序的全局配置，…...

编程日记 2025/7/9 20:06:32

Linux创建免密登陆（错误：Permission denied (publickey,gssapi-keyex,gssapi-with-mic)）

报错截图解决方法 1. mkdir -p ~/.ssh 2. chmod 700 ~/.ssh 3. ssh-keygen，一直回车 4. chmod 600 /root/.ssh/id_rsa 5. 将公钥内容追加到服务器上，cat ~/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys 6. chmod 600 ~/.ssh/authorized_keys…...

编程日记 2025/7/9 17:52:41

机器学习深掘临床研究中小分子代谢标志物的探索与应用

摘要随着生命科学的发展，小分子生物标志物在临床研究中的作用日益凸显。机器学习技术为挖掘小分子生物标志物提供了强大工具。本文介绍了小分子生物标志物的定义、分类及在临床医学中的应用，阐述了常用机器学习算法在生物标志物挖掘中的优势&#xff0…...

编程日记 2025/7/12 18:33:09

计算机网络第4章网络层

计算机网络 （第八版）谢希仁第 4 章网络层4.2.2 IP地址**无分类编址CIDR**IP地址的特点 4.2.3 IP地址与MAC地址4.2.4 ARP 地址解析协议4.2.5 IP数据报的格式题目2：IP数据报分片与重组题目：计算IP数据报的首部校验和(不正确未改) …...

编程日记 2025/7/12 19:22:03

Android按键点击事件三种实现方法

1. 在xml文件中为 Button 添加android:onclick属性由于没有onclick这个函数，onclick下面会提示红色波浪线错误，然后单击一下"onclick"按住键盘上AltEnter键,选择在activity中生成函数 public void onclick(View view) {Toast.makeText(this,&…...

编程日记 2025/7/13 9:57:27

微信小程序中会议列表页面的前后端实现

题外话：想通过集成腾讯IM来解决即时聊天的问题，如果含语音视频，腾讯组件一年5万起步，贵了！后面我们改为自己实现这个功能，这里只是个总结而已。图文会诊需求首先是个图文列表界面同个界面可以查看具体…...

编程日记 2025/7/13 8:06:16

决策树——基于乳腺癌数据集与cpu数据集实现

决策树——乳腺癌数据实现 4.1 训练决策树模型，并计算测试集的准确率 1. 读入数据 from sklearn import datasets from sklearn.tree import DecisionTreeClassifier from sklearn.model_selection import train_test_split from sklearn.metrics import confusion_matrix …...

编程日记 2025/7/14 14:39:15

2024年11月24日Github流行趋势

项目名称：FreeCAD 项目维护者：wwmayer, yorikvanhavre, berndhahnebach, chennes, WandererFan等项目介绍：FreeCAD是一个免费且开源的多平台3D参数化建模工具。项目star数：20,875项目fork数：4,117 项目名称&#xff1…...

编程日记 2025/7/14 20:21:14

库的操作.

创建、删除数据库创建语法： CREATE DATABASE [IF NOT EXISTS] db_name[ ]是可选项，IF NOT EXISTS 是表明如果不存在才能创建数据库 //查看数据库，假设7行 show databases; //创建数据库 --- 本质在Linux创建一个目录 create database databa…...

编程日记 2025/7/13 11:19:59

Go错误与日志处理—推荐实践

错误的分类在 Go 语言中，错误是通过实现 error 接口的类型表示的，但不同场景下的错误可以按性质和用途进行分类。以下是 Go 语言错误的常见分类，以及每类错误的解释和示例： 标准错误类型标准库中定义了许多常见的错误类型&…...

编程日记 2025/7/10 16:36:12

文件上传upload-labs-docker通关

（图片加载不出，说明被和谐了） 项目一： sqlsec/ggctf-upload - Docker Image | Docker Hub 学习过程中,可以对照源码进行白盒分析. 补充：环境搭建在Linux虚拟机上的同时，以另一台Windows虚拟机进行测试最…...

编程日记 2025/7/4 15:42:50

加法计算器

前端页面

约定前后端交互接口

用户登录

约定前后端交互接口

查询用户登录接口

前端页面

同步操作和异步操作

留言板

约定前后端接口

public接口

getList接口

图书管理系统

应用分层(重点)

美图分享

相关文章：