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

JavaEE：Spring Web简单小项目实践二（用户登录实现）

news 2026/5/22 2:24:27

学习目的：

1、理解前后端交互过程

2、学习接口传参，数据返回以及页面展示

1、准备工作

创建SpringBoot项目，引入Spring Web依赖，添加前端页面到项目中。

前端代码：

login.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() {}</script>
</body></html>

index.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></script>
</body></html>

2、约定前后端交互接口

需求分析：

对于后端来说，不涉及前端页面展示的设计，只需要实现两个功能：

登录页面：通过获取账号和密码，校验输入的账号密码是否正确，并反馈给前端

首页：告知前端当前登录用户。如果当前已有用户登录，则返回登录的账号，没有则返回空

1、校验接口

接口定义：

请求路径：/user/login

接口描述：校验账号密码是否正确

请求参数：

响应数据：

Content-Type：text/html

响应内容：true   账号密码验证成功 / false  账号密码验证失败

2、查询用户登录接口

接口定义：

请求路径：/user/getLoginUser

接口描述：查询当前登录的用户

请求参数：

无

响应数据：

Content-Type：text/html

响应内容：zhangsan

                （返回当前登录的用户）

3、实现服务端代码

1、校验接口

写法一：

import jakarta.servlet.http.HttpSession;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController()
@RequestMapping("/user")
public class LoginController {@RequestMapping(value = "/login")public Boolean login(String userName, String password, HttpSession session) {//账号或密码为空if(userName == null || password == null) {return false;}//校验账号密码是否正确//因为没有引进数据库，所以这边先采用硬编码把它写死if("zhangsan".equals(userName) && "123456".equals(password)) {//账号密码校验成功，存储到session中session.setAttribute("username", userName);return true;}return false;}
}

写法二：

import jakarta.servlet.http.HttpSession;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController()
@RequestMapping("/user")
public class LoginController {@RequestMapping(value = "/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.setAttribute("userName", userName);return true;}
}

StringUtils.hasLength() 是Spring提供的一个工具方法，判断字符串是否有值

字符串为 null 或 "" 时，返回 false，其他情况返回 true

2、查询用户登录接口

import jakarta.servlet.http.HttpSession;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController()
@RequestMapping("/user")
public class LoginController {@RequestMapping("/getLoginUser")public String getLoginUser(HttpSession session) {//从session中获取用户登录信息String userName = (String) session.getAttribute("username");//如果用户已经登录，session不为空，则直接返回用户信息if (userName != null) {return userName;}return "";}
}

4、调整前端页面代码

1、调整登录页面login.html

        对于前端而言，当点击登录按钮时，需要把用户登录的信息传递到后端进行校验，后端校验成功，则跳转到首页 index.html；后端校验失败，则弹出警告

    <script>function login() {$.ajax({url: "/user/login",data: {"userName": $("#userName").val(),"password": $("password").val()},success: function (result) {if (result) {//返回结果为true 页面跳转location.href = "index.html";} else {//返回结果为false 报警告alert("账号或密码错误");}}});}</script>

2、调整首页代码

        调整首行代码只需显示当前登录用户即可，当前登录用户需要从后端获取，并显示到前端

    <script>$.ajax({type: "get",url: "/user/getLoginUser",success: function (result) {$("#loginUser").text(result);}});</script>

5、运行测试

session存储在内存中，只要服务器没重启，即使多次刷新，仍可以显示登录人信息~

相关文章：

JavaEE：Spring Web简单小项目实践二（用户登录实现）

学习目的&#xff1a; 1、理解前后端交互过程 2、学习接口传参&#xff0c;数据返回以及页面展示 1、准备工作 创建SpringBoot项目&#xff0c;引入Spring Web依赖&#xff0c;添加前端页面到项目中。 前端代码&#xff1a; login.html <!DOCTYPE html> <html lang&…...

编程日记 2024/7/17 6:02:19

深度学习 | CNN 基本原理

目录 1 什么是 CNN2 输入层3 卷积层3.1 卷积操作3.2 Padding 零填充3.3 处理彩色图像 4 池化层4.1 池化操作4.2 池化的平移不变性 5 全连接层6 输出层 前言 这篇博客不够详细&#xff0c;因为没有介绍卷积操作的具体计算&#xff1b;但是它介绍了 CNN 各层次的功能…...

编程日记 2024/7/17 5:59:15

解读|http和https的区别，谁更好用

在日常我们浏览网页时&#xff0c;有些网站会看到www前面是http&#xff0c;有些是https&#xff0c;这两种有什么区别呢&#xff1f;为什么单单多了“s”&#xff0c;会有人说这个网页会更安全些&#xff1f; HTTP&#xff08;超文本传输协议&#xff09;和HTTPS&#xff08;…...

编程日记 2024/7/17 5:57:13

汽车零部件制造企业MES系统主要功能介绍

随着汽车工业的不断发展&#xff0c;汽车零部件制造企业面临着越来越高的生产效率、质量控制和成本管理要求。MES系统作为一种综合信息系统&#xff0c;能够帮助企业实现从订单接收到产品交付的全流程数字化管理&#xff0c;优化资源配置&#xff0c;提高生产效率&#xff0c;确…...

编程日记 2024/7/17 5:56:13

常见的五种聚类算法总结

常见的聚类算法总结 1. K-Means 聚类 描述 K-Means 是一种迭代优化的聚类算法&#xff0c;它通过最小化样本点到质心的距离平方和来进行聚类。 思想 随机选择 K 个初始质心。分配每个数据点到最近的质心&#xff0c;形成 K 个簇。重新计算每个簇的质心。重复上述步骤&…...

编程日记 2024/7/17 5:55:11

智能车存在网络安全隐患，如何应设计出更好的安全防护技术？

智能车网络安全防护技术的研究与设计 摘要&#xff1a;随着智能车技术的迅速发展&#xff0c;车辆的网络连接性不断增强&#xff0c;然而这也带来了诸多网络安全隐患。本文深入探讨了智能车面临的网络安全威胁&#xff0c;并提出了一系列创新的安全防护技术设计&#xff0c;旨…...

编程日记 2024/7/17 5:53:08

通讯的概念

通讯的概念 文章目录 通讯的概念1.通讯的基本概念2. 串行通讯与并行通讯2. 全双工、半双工及单工通讯3. 同步通讯与异步通讯4. 通讯速率 1.通讯的基本概念 通讯是指在嵌入式系统中实现数据交换的技术手段&#xff0c;它涉及到硬件与硬件、硬件与软件之间的信息传输。基本概念包…...

编程日记 2024/7/17 5:52:06

Centos7 rpm 安装 Mysql 8.0.28

Centos7 rpm 安装 Mysql 8.0.28 一、检查系统是否已经安装了Mysql 如果安装了则卸载 [rootiZbp1byzaznzn9jncxr010Z /]# rpm -qa | grep mysql[rootiZbp1byzaznzn9jncxr010Z /]# rpm -qa | grep mariadb mariadb-libs-5.5.68-1.el7.x86_64如果安装了 mysql &#xff0c;maria…...

编程日记 2024/7/17 5:51:05

Linux 多进程编程详解

Linux 多进程编程详解 多进程编程是现代操作系统中一种重要的并发编程技术。通过在同一程序中运行多个独立的进程&#xff0c;可以实现并发处理&#xff0c;充分利用多核处理器的优势&#xff0c;提高程序的运行效率。本文将详细介绍Linux多进程的基本概念、创建方法、进程间通…...

编程日记 2024/7/17 5:50:04

C语言之大小端理解

目录 1前言2 大小端理解与区分3 大小端的识别和基本切换操作4 总结 1前言 在汽车CAN通讯报文中往往会接触到Intel类型和motorola类型&#xff0c;实际项目中涉及到多机通讯也会接触到大小端问题 2 大小端理解与区分 大端(Big_Endian) :低字节放在高地址小端(Little_Endian):…...

编程日记 2024/7/17 5:48:02

GIT相关操作，推送本地分支到远程仓库流程记录学习

git流程 切换到源文件夹&#xff1a;cd 源文件夹克隆远程仓库&#xff1a;git clone [ssh]进入项目文件夹&#xff1a;cd .\project\查看本地分支&#xff1a;git branch获取远程仓库更新&#xff0c;使远程同步&#xff1a;git fetch查看所有分支&#xff08;包括远程分支&am…...

编程日记 2024/7/17 5:47:01

网络协议 — Keepalived 高可用方案

目录 文章目录 目录Keepalived 是实现了 VRRP 协议的软件Keepalived 的软件架构VRRP StackCheckersKeepalived 的配置Global configurationvrrp_scriptVRRP Configurationvrrp synchroization groupvrrp instancevirtual ip addressesvirtual routesLVS Configurationvirtual_s…...

编程日记 2024/7/17 5:44:59

前端报错adding CSS “touch-action: none“ to this element解决方案

目录 如图所示控制台出现报错&#xff1a; 原因&#xff1a; touch-action 介绍&#xff1a; 解决方案&#xff1a; 1.手动设置touch-action&#xff1a; 2.使用条件渲染&#xff1a; 3.CSS样式隔离&#xff1a; 4.浏览器兼容性&#xff1a; 5. 忽略警告 如图所示控制台…...

编程日记 2024/7/17 5:43:58

使用phpMyAdmin操作MYSQL（四）

一. 学会phpMyAdmin&#xff1f; phpMyAdminhttp://water.ve-techsz.cn/phpmyadmin/ 虽然我我们可以用命令行操作数据库&#xff0c;但这样难免没有那么直观&#xff0c;方便。所以接下来我们使用phpMyAdmin来操作MySQL&#xff0c;phpMyAdmin是众多MySQL图形化管理工具中使用…...

编程日记 2024/7/17 5:41:56

webpack配置代理请求

在 Webpack 中&#xff0c;可以通过配置devServer中的proxy选项来设置代理请求&#xff0c;以解决开发环境中的跨域问题或实现特定的请求转发逻辑。以下是一个常见的 Webpack 配置示例&#xff0c;展示了如何设置代理&#xff1a; module.exports {// 其他配置项...devServer…...

编程日记 2024/7/17 5:39:55

热门软件缺陷管理工具2024：专业评测与建议

国内外主流的10款软件缺陷管理工具软件对比&#xff1a;PingCode、Worktile、禅道、Tapd、Teambition、Tower、JIRA、Bugzilla、MantisBT、Trac。 在软件开发过程中&#xff0c;管理缺陷和漏洞常常成为一项挑战&#xff0c;尤其是在项目规模庞大时。选择一个高效的软件缺陷管理…...

编程日记 2024/7/17 5:38:53

冒泡，选择，插入，希尔排序

目录 一. 冒泡排序 1. 算法思想 2. 时间复杂度与空间复杂度 3. 代码实现 二. 选择排序 1. 算法思想 2. 时间复杂度与空间复杂度 3. 代码实现 三.插入排序 1. 直接插入排序 (1). 算法思想 (2). 时间复杂度与空间复杂度 (3). 代码实现 2. 希尔排序 (1). 算法思想 …...

编程日记 2024/7/17 5:35:50

【HarmonyOS学习】Calendar Kit日历管理

简介 Calendar Kit提供日历与日程管理能力&#xff0c;包括日历的获取和日程的创建能力。 Calendar Kit为用户提供了一系列接口来获取日历账户&#xff0c;并使用特定的接口向日历账户中写入日程。 如果写入的日程带有提醒时间则系统会在时间到达时向用户发送提醒。 约束点…...

编程日记 2024/7/17 5:34:49

RDMA 高性能架构基本原理与设计方案

RDMA的主要优点包括低延迟、高吞吐量、减少CPU负担和支持零拷贝网络。它允许数据直接在网络接口卡&#xff08;NIC&#xff09;和内存之间传输&#xff0c;减少了数据传输过程中的中间环节&#xff0c;从而显著降低了延迟。RDMA技术能够实现高速的数据传输&#xff0c;适用于需…...

编程日记 2024/7/17 5:33:48

【Springboot】事件机制发布与订阅的使用实践

文章目录 为什么要使用事件监听机制概念和原理使用场景用户注册系统实践案例1. 创建事件类2. 发布事件3. 监听事件3.1 通过注解EventListener实现监听3.2 通过实现ApplicationListener接口实现监听 4. 测试事件机制 总结 为什么要使用事件监听机制 在Springboot中&#xff0c;…...

编程日记 2024/7/17 5:32:47

从拉灯呼叫到闭环处理：安灯管理软件操作流程能解决哪些场景痛点？一套安灯管理软件操作流程实战

在制造工厂的生产现场&#xff0c;异常就像不速之客&#xff0c;总在最忙的时候敲门。设备突然停机、物料没送到位、质量出现批量不良……这些异常发生后&#xff0c;最让人头疼的往往不是问题本身&#xff0c;而是处理问题的过程。工人发现设备停了&#xff0c;扯着嗓子喊班长…...

编程新知 2026/5/22 2:15:04

WebSocket压测实战：从协议原理到高并发稳定性验证

1. 为什么WebSocket压测不能照搬HTTP那一套&#xff1f;很多人第一次想对WebSocket服务做压力测试时&#xff0c;下意识打开JMeter&#xff0c;新建一个HTTP请求&#xff0c;把ws://地址往URL栏一填&#xff0c;点运行——然后就卡在“连接超时”或者“400 Bad Request”上&…...

编程新知 2026/5/22 2:12:54

VM振弦采集模块精度实测：从标准信号源到误差分析全流程

1. 项目概述与核心价值最近在做一个岩土工程安全监测的项目&#xff0c;其中有个环节让我琢磨了好一阵子&#xff1a;如何准确地评估我们用的那批VM振弦采集模块的测量精度。这玩意儿在结构健康监测、桥梁隧道、边坡稳定性监测里用得非常多&#xff0c;核心任务就是读取振弦式传…...

编程新知 2026/5/22 1:53:10

野兽派不是乱来：拆解Midjourney V6中色彩暴力、笔触失序与构图反叛的5层参数逻辑

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;野兽派不是乱来&#xff1a;Midjourney V6的美学暴动宣言 Midjourney V6 不是一次平滑迭代&#xff0c;而是一场蓄谋已久的视觉政变——它将“语义精确性”与“风格不可预测性”焊死在同一张提示词底片上。当 …...

编程新知 2026/5/22 1:02:45

基于STM32的温室大棚智能监控与无线调控系统设计

摘要&#xff1a;本设计了一种基于STM32的温室大棚智能监控系统。系统采用STM32F103作为主控芯片&#xff0c;集成DHT11温湿度传感器、土壤湿度传感器和C O2传感器实现环境参数采集。通过ESP32-C3 WiFi模块实现数据无线传输和远程控制&#xff0c;OLED屏幕进行本地显示。项目简…...

编程新知 2026/5/21 22:43:41

摆脱论文困扰!盘点2026年普遍认可的的降AI率软件

轻松降低论文AI率在2026年已不再是天方夜谭。最新实测数据显示&#xff0c;2026年降AI率软件正以惊人的效率和精准度颠覆传统方法&#xff0c;覆盖AI痕迹消除、文本改写润色、降重优化、学术合规检测四大核心场景&#xff0c;真正实现高效降AI率&#xff0c;帮你告别论文焦虑。…...

编程新知 2026/5/21 21:15:30

Servlet 容器 vs Spring 容器 超详细对比

目录 一、先搞懂两个容器本质 1. Servlet 容器（Web 容器） 2. Spring 容器（IoC 容器） 二、核心相同点 三、核心不同点（重点） 四、最直白通俗理解 五、Web 项目完整启动顺序（必背面试题） 容器层级关系 六、请求处理流程差异 1. 原生 Servlet 模式（只有 Servle…...

编程新知 2026/5/21 19:23:27

软考高项案例分析14：项目配置、变更管理

软考高项案例分析14：项目配置、变更管理 一、配置管理 1. 配置管理活动有哪些 制订配置管理计划 配置项识别 配置项控制 配置状态报告 配置审计 配置管理回顾与改进 2. 基线配置项和非基线配置项 基线配置项：包含所有的设计文档和源程序； 非基线配置项：包括项目的…...

编程新知 2026/5/21 19:03:53

银河麒麟V10找不到应用商店？手把手教你从源码编译安装录屏神器Capture（附ffmpeg配置避坑）

银河麒麟V10系统下从源码构建专业录屏工具Capture的全流程指南 在国产操作系统银河麒麟V10上&#xff0c;许多用户发现系统默认没有提供应用商店&#xff0c;导致无法直接安装常用的录屏工具。本文将详细介绍如何从源码编译安装功能强大的录屏软件Capture&#xff0c;并解决ARM…...

编程新知 2026/5/21 18:32:35

使用 Taotoken 管理多个 API Key 并设置访问权限与审计

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 使用 Taotoken 管理多个 API Key 并设置访问权限与审计 在开发和集成大模型应用时&#xff0c;一个常见的需求是为不同的应用、环境…...

编程新知 2026/5/21 18:20:09