springboot实现登录界面

最新推荐文章于 2024-06-20 17:04:37 发布
最新推荐文章于 2024-06-20 17:04:37 发布
阅读量4.5k 收藏 26
点赞数 2
分类专栏： springboot 文章标签： spring boot
本文链接：https://blog.csdn.net/weixin_52514567/article/details/115493139
版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言

提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、springboot是什么？

简单来说：它是一个服务于spring框架的框架，能够简化配置文件，快速构建web应用， 内置tomcat，无需打包部署，直接运行。

核心原理：自动装配

二、如何创建springboot登陆界面

1.在bootstore下载一个index登陆界面，好多都是免费的，

这里放置静态资源
在这里插入图片描述
html页面放在templates模板里里面
在这里插入图片描述

代码如下（示例）：

2.配置config

在config包下面创建
在这里插入图片描述
用来访问跳转

代码如下（示例）：

3.写controller登录控制类

在这里插入图片描述

4.修改index.html里面的超链接

springboot有专门的模板：
在这里插入图片描述
依据上面的可以看出 要用@{} 的形式修改

修改的方面  ：
 一：

在这里插入图片描述
要加上这段， “en” 表示用中文
二：
在这里插入图片描述

修改类似的连接 ，要加上th 标签和 @{}
原始的<link rel=“stylesheet” href=“css/style2.css”

最后运行就行了：
在这里插入图片描述

在这里插入图片描述

!](https://img-blog.csdnimg.cn/20210407192905362.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MjUxNDU2Nw==,size_16,color_FFFFFF,t_70)

该处使用的url网络请求的数据。

总结

如果运行出现异常的话 如：500 多半是pom依赖错了 多换几个版本 最新的最好，亲测有效
清晨001
关注
  • 2
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
springboot实现简单的注册登录功能
m0_67402731的博客
06-12 8736
通过spring官网初始化SpringBoot项目 使用idea工具打开Springboot项目，项目结构 添加pom依赖 添加maven远程仓库阿里云镜像 application.yml相关配置 使用navicat数据库可视化管理工具管理MySQL数据库 实体类User mapper接口实现类 UserMapper.xml IUserService:用户注册方法在这个接口中实现 UserServiceImpl：实现用户注册功能相关逻辑 ServiceException ：业务异常处理基类 I
基础学习1：Springboot+MyBatis实现简单的登录功能
qq_46354648的博客
11-27 2961
学习springboot和mybatis的第一天
Spring Boot实战——登录页
nanshenjiang的博客
08-04 3万+
导言：制作登录页是web开发中的第一步，而这次实战就要说一下编写登录页的主要步骤：   1）登录页的基础准备   2）访问登录页（重构SpringMVC）   3）账号密码登录并跳转页面   4）设置拦截器   5）页面国际化   6）多用户登录   7）remember me   （1）登录页的基础准备 首先我们就要上网找登录页的资源，下载到电脑中，里面包含了html页面...
SpringBoot登录认证
qq_51773341的博客
06-20 794
什么是会话？在我们日常生活当中，会话指的就是谈话、交谈。在web开发当中，会话指的就是浏览器与服务器之间的一次连接，我们就称为一次会话。在用户打开浏览器第一次访问服务器的时候，这个会话就建立了，直到有任何一方断开连接，此时会话就结束了。在一次会话当中，是可以包含多次请求和响应的。比如：打开了浏览器来访问web服务器上的资源（浏览器不能关闭、服务器不能断开）第1次：访问的是登录的接口，完成登录操作第2次：访问的是部门管理接口，查询所有部门数据第3次：访问的是员工管理接口，查询员工数据。
spring boot简单注册登陆页面
01-06
spring boot + mybatis +thymeleaf简单的注册登陆页面,其中设置密码加盐和哈希，用的是h2数据库，html5和js，jquery等，
Springboot实现简单登录
weixin_58696998的博客
04-27 6687
全部代码: 链接：https://pan.baidu.com/s/1dFQOXLhVwQyHHqVTUvQFEw 提取码：thk6 登录流程 1.浏览器发起请求获取验证码 2.接收请求，生成验证码，保存到redis中，设置过期时间5分钟，返回浏览器 3.浏览器输入用户名，密码，验证码，uuid 4.接收请求，通过用户名到数据库中查询用户 5.数据库返回数据库，判断用户是否存在 6.从通过uuid到redis中查询验证码和浏览器传入的验证码进行对比，判断验证码是否一样 7.判断密码是..
SpringBoot入门项目：搭建登录页面
qq_41386541的博客
12-10 5333
目的：熟悉SpringBoot目录结构、搭建流程 需求：用SpringBoot搭建登录页面 1- html页面 欢迎页、登录页、登陆结果页、Error页 2- Controller层，也叫Web层，实现与web前端的交互。 路由—网页 @Controller public class indexController { @RequestMapping("/") public String helloYou(){ return "index"; // index是页
springboot的登录
小张博客
09-17 330
验证码 导入jar包 <dependency> <groupId>com.github.axet</groupId> <artifactId>kaptcha</artifactId> <version>0.0.9</version> </dependency> config的配置 import com.baomidou.mybatisplus.annotation.DbType; import
SpringBoot实现免登录
weixin_43434961的博客
12-02 5255
最近公司有个需求，用户在以前的项目里登录了之后，跳转到新项目可以不用登录 为了实现这个需求，在旧项目跳转到新项目的时候需要把token带过来，新项目后台调用旧项目的接口，通过token获取登录用户信息，将登录信息存入redis实现免登录，具体代码如下： import java.io.IOException; import javax.servlet.FilterChain; import javax.servlet.ServletException; import javax.servlet.http
SpringBoot 实现扫码登录
06-23
手机端登录接口 生成PC端二维码接口 PC端监听二维码session状态接口，...调用登录接口，跳转到扫描二维码界面 扫描二维码，发送扫描通知 二维码有效，跳转到确认登录界面 在确认登录界面点击确认登录，发送确认登录通知
如何通过SpringBoot实现商城秒杀系统
08-25
"如何通过SpringBoot实现商城秒杀系统" 本文主要介绍了如何通过SpringBoot实现商城秒杀系统。该系统主要包括用户登陆、商品秒杀、订单生成和邮件通知等功能。下面将对该系统的实现进行详细的介绍。 系统架构 该...
springboot整合Oauth2,GateWay实现网关登录授权验证
12-14
SpringBoot整合OAuth2和Gateway实现网关登录授权验证是一个复杂而关键的过程，它涉及到现代微服务架构中的安全性设计。OAuth2是一种授权框架，用于保护API并允许第三方应用访问受保护的资源，而Spring Gateway作为...
spring boot + 漂亮的登陆界面
08-21
创建一个带有漂亮登录界面的 Spring Boot 应用程序，首先你需要在 IntelliJ IDEA（Idea）中初始化一个 Spring Boot 项目。在创建项目时，选择 "Web" 和 "Thymeleaf" 依赖，确保 Spring Boot Starter Web 和 ...
基于SpringBoot实现的类似于闲鱼二手交易应用
最新发布
07-23
一、登陆界面 需要注册功能、登录功能和学生、管理员身份选择功能 学生注册：学生学号、姓名、年级选择（大一到大四）、电话号码、宿舍楼选择、密码、再次确认密码 管理员无需注册，数据库内存档几个帐号密码，登陆...
SpringBoot项目登录与主页面（从建项目开始详细教程）
每日一记，每周一结。
06-20 3541
1.配置有mp代码生成器的依赖。2.配置有swagger文件。前端需要的静态配置文件。controller层。
简单制作一个基于springboot的登录页面
tangfan__的博客
05-12 1036
在application中建立和数据库的连接以及设置端口号，这里的mapper的地址一定要写，不然会找不到文件导致报错。第五步：在resource下创建装**Mapper.xml的文件夹，并创建***Mapper.xml。先创建一个数据库来存放我们的登录账号和密码，然后我们先往数据库中存放两个数据。直接已经讲过了如何用springboot框架创建项目，这个我们直接创建项目。前端的代码就不详细的解释了，直接看代码。最后输入网址查看效果。
springboot + mybaits plus + js实现简单登录注册首页页面
m0_62876664的博客
05-30 1994
基于SpringBoot + MyBaitsPlus实现的登录注册页面
SpringBoot实现简单的登录注册（超级详细）
热门推荐
我的青春一去不复返
05-22 5万+
第一步：建立简单的项目 第二步：建一个简单的数据表 第三步：配置文件如下： pom.xml文件配置： <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://mav
springboot登陆界面
09-07
对于Spring Boot的登录界面，你可以使用Spring Security来实现。下面是一个简单的示例代码： 首先，在pom.xml文件中添加Spring Security的依赖： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency> ``` 然后，创建一个登录页面的HTML模板（例如login.html），并放置在src/main/resources/templates目录下： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login</title> </head> <body> <h1>Login</h1> <form action="/login" method="post"> <div> <label for="username">Username:</label> <input type="text" id="username" name="username"> </div> <div> <label for="password">Password:</label> <input type="password" id="password" name="password"> </div> <div> <button type="submit">Login</button> </div> </form> </body> </html> ``` 接下来，在Spring Boot应用程序的配置类（如Application.java）上添加@EnableWebSecurity注解，并实现一个WebSecurityConfigurerAdapter： ```java import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Configuration; import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder; import org.springframework.security.config.annotation.web.builders.HttpSecurity; import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity; import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter; @Configuration @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { http .authorizeRequests() .antMatchers("/login") .permitAll() .anyRequest() .authenticated() .and() .formLogin() .loginPage("/login") .defaultSuccessUrl("/home") .permitAll() .and() .logout() .permitAll(); } @Autowired public void configureGlobal(AuthenticationManagerBuilder auth) throws Exception { auth .inMemoryAuthentication() .withUser("user") .password("{noop}password") // 添加 {noop} 前缀表示密码不加密，仅用于示例 .roles("USER"); } } ``` 在这个示例中，配置类中的configure方法定义了访问权限和登录页面的路径。configureGlobal方法定义了一个简单的用户认证。 最后，在控制器中添加处理登录请求的方法： ```java import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class LoginController { @GetMapping("/login") public String login() { return "login"; } } ``` 这样就完成了一个简单的Spring Boot登录界面的实现。用户访问"/login"路径时会显示login.html页面，输入用户名和密码后可以登录。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值