简洁版用户登录系统
前端页面：
用户登录首页：
<!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>登录页面：
<!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>
后端代码：
@RestController
@RequestMapping("/user")
public class UserController {@RequestMapping("/login")public boolean login(String userName, String password , HttpSession session){if (userName==null || userName.length()==0 || password==null || password.length()==0){return false;}if ("admin".equals(userName) && "admin".equals(password)){//设置sessionsession.setAttribute("username","admin");return true;}return false;}@RequestMapping("/getUserInfo")public String getUserInfo(HttpServletRequest request){//从session获取登录用户HttpSession session = request.getSession(false);String userName=null;if (session !=null){userName = (String)session.getAttribute("username");}return "当前登录用户:"+userName;}
}前端代码：
<!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() {console.log("登录")$.ajax({url:"user/login",type:"post",data:{"userName":$("#userName").val(),"password":$("#password").val()},success:function(result){if(result){location.href="/index.html";//location.assign();}else{alert("密码错误！");}}});}</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="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>//页面加载时，就去调用后端请求$.ajax({url:"/user/getUserInfo",type:"get",success:function(username){$("#loginUser").text(username);}});</script>
</body></html>
成果展示：
简洁版用户登录
相关文章：
简洁版用户登录系统
前端页面： 用户登录首页： <!doctype html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport"content"widthdevice-width, user-scalableno, initial-scale1.0, maximu…...
Android 监听网络状态变化
文章目录 Android 监听网络状态变化封装工具类使用 Android 监听网络状态变化 封装工具类 <uses-permission android:name"android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name"android.permission.ACCESS_WIFI_STATE"…...
【LeetCode】一周中的第几天+ 一年中的第几天
2023-12-30 文章目录 一周中的第几天方法一：模拟思路步骤 方法二：调用库函数方法三：调用库函数 [1154. 一年中的第几天](https://leetcode.cn/problems/day-of-the-year/)方法一：直接计算思路： 方法二：调用…...
深度学习 精选笔记（10）简单案例：房价预测
学习参考： 动手学深度学习2.0Deep-Learning-with-TensorFlow-bookpytorchlightning ①如有冒犯、请联系侵删。 ②已写完的笔记文章会不定时一直修订修改(删、改、增)，以达到集多方教程的精华于一文的目的。 ③非常推荐上面（学习参考&#x…...
DBGridEh 的排序
DBGridEh 可以点列抬头使得记录按该列排序 不需要写代码，只需要设置好，它就能排序。 网上的文章一般写了如何设置。但一般都少说了一条。 先说如何设置： 1. OptionsEh.AutoSortMarking 设置为 True，如果是设计期属性面板&…...
spring-boot-starter-parent和spring-boot-dependencies介绍
springboot项目的pom文件中，我们经常看见这样(下图)两种springboot的版本依赖管理方式；图片中的这两种依赖声明方式任意用其中一种都可以。文章后面会简单阐述一下区别和使用场景。 事例中完整的pom文件 <?xml version"1.0" encoding&quo…...
缓存穿透解决方案之布隆过滤器
布隆过滤器可以快速判断数据是否存在，避免从数据库中查询数据是否存在，减轻数据库的压力 布隆过滤器是由一个初值为0的bit数组和N个哈希函数，可以用来快速的判断某个数据是否存在 当我们想要标记某个数据是否存在时，布隆过滤器会…...
pptx和ppt有什么区别？了解两者之间的微妙差异
在现代办公和学习环境中，PowerPoint已成为我们生活中不可或缺的一部分。随着技术的不断进步，PowerPoint的格式也在不断更新。对于许多初学者，可能会对PPT和PPTX这两种格式感到困惑。本文旨在深入探讨PPTX与PPT之间的主要差异，帮助…...
LabVIEW水下温盐深数据一体化采集与分析
LabVIEW水下温盐深数据一体化采集与分析 开发一个基于LabVIEW的水下温盐深数据一体化采集与分析系统，实现海洋环境监测的自动化和精确化。通过集成温度、盐度和深度传感器，结合USB数据采集卡，利用LabVIEW软件开发的图形化界面，实…...
适配器模式 详解 设计模式
适配器模式 适配器模式是一种结构型设计模式，其主要作用是解决两个不兼容接口之间的兼容性问题。适配器模式通过引入一个适配器来将一个类的接口转换成客户端所期望的另一个接口，从而让原本由于接口不匹配而无法协同工作的类能够协同工作。 结构 适配…...
探索rsync远程同步和SSH免密登录的奥秘
目录 集群分发脚本xsyncscp（secure copy）安全拷贝rsync 远程同步工具集群分发脚本 SSH免密登录免密登录原理SSH免密登录配置生成公钥和私钥授权测试 在现代科技飞速发展的时代，数据的备份和迁移成为了一个重要的课题。其中，rsync远…...
JavaScript new、apply call 方法
new、apply、call、bind JavaScript 中的 apply、call和 bind 方法是前端代码开发中相当重要的概念，并且与 this 的指向密切相关 new new 关键词的主要作用 就是执行一个构造函数、返回一个实例对象 根据构造函数的情况，来确定是否可以接受参数的传递…...
助力智能化农田作物除草，基于YOLOv5全系列【n/s/m/l/x】参数模型开发构建农田作物场景下玉米苗、杂草检测识别分析系统
在我们前面的系列博文中，关于田间作物场景下的作物、杂草检测已经有过相关的开发实践了，结合智能化的设备可以实现只能除草等操作，玉米作物场景下的杂草检测我们则少有涉及，这里本文的主要目的就是想要基于DETR模型来开发构建玉米…...
转移线性dpLeetCode 2369. 检查数组是否存在有效划分)
O(1)转移线性dpLeetCode 2369. 检查数组是否存在有效划分
一、题目 1、题目描述 给你一个下标从 0 开始的整数数组 nums ，你必须将数组划分为一个或多个 连续 子数组。 如果获得的这些子数组中每个都能满足下述条件 之一 ，则可以称其为数组的一种 有效 划分： 子数组 恰 由 2 个相等元素组成…...
【力扣hot100】刷题笔记Day17
前言 今天竟然不用开组会！天大的好消息，安心刷题了 46. 全排列 - 力扣（LeetCode） 回溯（排列） class Solution:def permute(self, nums: List[int]) -> List[List[int]]:# 回溯def backtrack():if len(…...
leetcode日记（34）通配符匹配
这道题做了很久很久……一开始我想用的方法是使用双指针，分别指向两数组，然后依次按照题目中的规则遍历，做了很久发现时间超限了！这是我最后超时的代码！ class Solution { public:bool isMatch(string s, string p) {…...
一张图读懂人工智能
一、生成人工智能的概念和应用，以及如何使用大型语言模型进行聊天和创造原创内容。这项技术将会对人类和企业产生深远影响。 计算机获得学习、思考和交流的能力，被称为生成人工智能。生成人工智能可以立即获得人类所有知识的总和，并回答任何…...
5.37 BCC工具之uflow.py解读
一，工具简介 uflow工具用于跟踪方法的进入和退出事件，并打印一个可视化的流程图，显示方法是如何进入和退出的，类似于带有断点的跟踪调试器。这对于理解Java、Perl、PHP、Python、Ruby和Tcl等高级语言中的程序流非常有用，这些语言为方法调用提供了USDT探测。 二，代码示例…...
R语言简介，R语言开发环境搭建步骤，R基础语法以及注释详解
R语言是一种用于统计计算与绘图的编程语言，由新西兰奥克兰大学的统计学家罗斯伊哈卡和罗伯特杰特曼于1993年发明。R语言是一种自由、免费、源代码开放的软件，属于GNU系统的一个分支，如今被广泛地应用于统计分析、数据挖掘等领域。 R语言的特…...
【Django】执行查询—检索对象
检索对象 以下述模型为基础，讨论检索对象的方式方法： from datetime import datefrom django.db import modelsclass Blog(models.Model):name models.CharField(max_length100)tagline models.TextField()def __str__(self):return self.nameclass …...
别再只会用授权码模式了！聊聊OAuth 2.0的四种授权类型（授权码/隐式/密码/客户端凭证）到底该怎么选？
OAuth 2.0授权类型深度指南：从原理到实战选型 在当今的互联网应用中，OAuth 2.0已经成为授权领域的黄金标准。但很多开发者往往只熟悉授权码模式，对其他三种授权类型（隐式、密码、客户端凭证）的应用场景和安全考量知之甚…...
Android离屏渲染：从原理到性能优化的全景解析
1. 什么是Android离屏渲染？ 离屏渲染（Offscreen Rendering）是图形处理中的一个重要概念。简单来说，当系统无法直接在屏幕上绘制某些复杂视觉效果时，会先在内存中创建一个临时缓冲区进行绘制，然后再将这个缓…...
模型训练中的缩放法则：原理与实战应用全解析
一、核心原理：从经验观察到数学规律1.1 基本定义缩放法则 (Scaling Laws) 是深度学习领域的经验规律，定量描述模型性能（通常以测试集损失 Loss 或困惑度 Perplexity 衡量）与三大核心资源（模型参数量 N、训练数据量 D、…...
Vivado IP核归档避坑指南：为什么你的xci文件总是路径错误？
Vivado IP核归档避坑指南：为什么你的xci文件总是路径错误？ 在FPGA开发中，Vivado的IP核管理一直是让开发者又爱又恨的功能。特别是当项目需要归档、迁移或团队协作时，那些看似简单的xci文件往往会变成路径错误的"定时炸弹&quo…...
从0到1搭建Multi-Agent分析平台：LangGraph完整实战
从0到1搭建Multi-Agent分析平台：LangGraph完整实战 关键词：LangGraph、多智能体系统、Multi-Agent、LLM应用开发、状态管理、工具调用、可视化平台 摘要：本文将以**“像搭乐高积木一样组建AI分析团队”**为核心理念，从零开始一步步构建一个面向企业营销数据的Multi-Agent分…...
MedGemma 1.5医疗AI助手：基于Linux系统的部署与优化
MedGemma 1.5医疗AI助手：基于Linux系统的部署与优化 1. 引言 医疗AI正在改变传统的诊疗方式，但很多医疗机构面临数据隐私和网络安全的挑战。MedGemma 1.5作为谷歌开源的医疗多模态模型，提供了完全本地化部署的解决方案，让医院和…...
多线程UI异常捕获实战 --- 解决Invoke与BeginInvoke的窗口句柄陷阱
1. 多线程UI编程的窗口句柄陷阱 刚接触Windows Forms多线程开发时，我经常遇到一个让人抓狂的错误："在创建窗口句柄之前，不能在控件上调用Invoke或BeginInvoke"。这个错误就像个幽灵，有时候程序运行几天都不出现…...
这是我的第一篇文章
以后将会发布一些有关我Java的学习过程...
如何将Style Dictionary与React无缝集成：打造现代化前端样式管理系统
如何将Style Dictionary与React无缝集成：打造现代化前端样式管理系统 【免费下载链接】style-dictionary A build system for creating cross-platform styles. 项目地址: https://gitcode.com/gh_mirrors/st/style-dictionary Style Dictionary 是一个强大的…...
500W无桥PFC开关电源设计资料详解：硬件原理与C语言源码揭秘
500W 无桥PFC开关电源设计资料，C语言源码。 硬件原理 500W 无桥PFC开关电源设计资料，C语言源码。 硬件原理无桥PFC这玩意儿现在在电源圈子里火得不行，相比传统拓扑，它直接把整流桥给扬了，效率提升不是一点半点。今天…...