用spring boot搭建一个最简单的用户登录界面，其艰难历程！

最新推荐文章于 2024-07-30 15:31:37 发布

yuyaoyu

最新推荐文章于 2024-07-30 15:31:37 发布

阅读量5.3w

点赞数 51

分类专栏：历练笔记文章标签： spring boot 初学者小程序

本文链接：https://blog.csdn.net/yuyaoyu/article/details/82777680

版权

历练笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

目前的Java的spring框架中，最基本的包括：controller层、service层、dao层，当然还用entity实体层。

controller层，顾名思义，就是控制器，控制各个层面的动作。

service层，其中写了具体的方法，具体怎样的实现，就在其中写着。

dao层，去数据拿取数据的地方。

就比如说我们，我们要说的这个，一个简单的用户登录界面。

首先，我们输入网址，我们首先工作的就是controller层，我们通过controller层去调用前台的HTML文件，然后我们看到了一个前台界面。

接下来，我们就要开始，输入用户名和密码了吧。我们在前台界面中输入了用户名和密码，然后点击“登录”，提交我们所填的信息。然后前台界面会根据我们预先写好的接口，又将用户信息（用户名和密码）提交到了，controller层。

然后，controller层收到前台传来的信息后，又将我们的信息，传输到了service层的方法中，与此同时，我们也通过了service层访问到了dao层。

dao层去到数据库拿到了数据库中的数据（数据库中的用户名和密码），然后又回到了service层。此时，两种不同来源的数据就要开始做比较了。若是，两组数据相同，则代表登陆成功，然后，service层告诉controller层验证通过了，可以让用户进入下一步啦，然后controller层又去调用了登录成功的页面。否则的话，就是service通知controller层验证失败，就又去调用了登陆失败的页面或者是返回原页面继续登录。

好，我们大概的说了一下具体的流程，接下来，我们看看他具体是怎样操作的？？？？？？？？？？？？？？？？？？？？？？？？？？？？

第一步新建一个spring boot 项目（我用的是sts）

取完名字后，然后选取所需要或可能需要用到的配置

我们选取了，web，JDBC，JPA，Thymeleaf。然后继续点击next，finsh，一个spring boot项目就构建完成了。

接下来，我们看到的是这样一个页面

这是spring boot项目的一个启动类，我们以后每次启动这个项目时都要在这个类里面启动。我们不妨来看一下，我们所建立的一个基本的spring boot项目，其文件内容：

其中，首先是三个文件第一个文件是存放Java代码的，其中的com.example.smalldemo就是存放启动类的包，这个包里最好不要再放入其他类了或文件了（只是一个小建议），然后其他的四个包是我们后来新建的（取名字都要在启动类所在包的下一级，不懂的看图）。第二个文件是存放各种资源的，static文件中存放的是css文件，js文件，图片等，templates文件中存放的是HTML文件，然后，application.properties是这个项目的一个配置文件。第三个文件，是测试文件，具体还没用到。

然后我们进行下一步

第二步搭建一个数据库，比在项目中配置数据库

此次搭建数据库，是我在mysql-Front中自己手动搭建的（以后会逐渐的更新搭建方法和在项目中搭建数据库的方法）。

这次建库，我只设置了五个字段，两条数据，基本的id，name，password字段，对于这个项目就足够用了，然后，在项目中配置好数据库。

在application.properties配置文件中如右图所示，即可。

然后，我们需要写入一个实体类，这次我们写在了com.example.smalldemo.model中，代码如下

package com.example.smalldemo.model;

import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;

@Entity
@Table(name="user")
public class UserBean {
	
	 @Id
	 @GeneratedValue(strategy = GenerationType.AUTO)
	
	private int id;
	private String name;
	private String sex;
	private long idcard;
	private long telphone;
	private String password;
	
	
	public String getpassword() {
		return password;
	}
	public void setpassword(String password) {
		this.password = password;
	}
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getSex() {
		return sex;
	}
	public void setSex(String sex) {
		this.sex = sex;
	}
	public long getIdcard() {
		return idcard;
	}
	public void setIdcard(long idcard) {
		this.idcard = idcard;
	}
	public long getTelphone() {
		return telphone;
	}
	public void setTelphone(long telphone) {
		this.telphone = telphone;
	}

}

注解“@Entity”说明了这是一个实体类，然后@Table(name="user")注解一定要加上，否则服务台会报出一个“找不到数据库表”的一个错误信息。“@id”是生成一个主键（@Entity与@id注解，是同时使用的，不然的话会报错），“@GeneratedValue(strategy = GenerationType.AUTO)”是一种主键生成策略。

第三步写前台页面

很简单的那种，login.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<form name="" action="/yaoyao/user" method="post">
<table align="center">
<tr>
<td>
用户名<input type="text" name="name" />
</td>
<td>
密码<input type="password" name="password"/>
</td>

<td>
<input type="submit" name="tijiao" value="登录"/>
</td>

</tr>

</table>

</form>


</body>
</html>

我们用的是form表单提交，提交给controller层“<form name="" action="/yaoyao/user" method="post">”注意路径，写相对路径即可，最好不要写绝对路径，我第一次就是写了绝对路径，最后错误报的“404”。下面的是，登录成功的界面：（wel.html)

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<h1>欢迎登录</h1>

</body>
</html>

好，我们的前台界面和实体类都已经写完了，数据库也已经配置完，连接上了。然后，我们可以开始写controller层了

第四步编写controller层

首先我们写一个前台界面的映射，前面我们说过，输入网址后，我们会首先同过controller层，去调用前台界面，映射代码如下：

package com.example.smalldemo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;


@Controller
public class IndexController {

	@RequestMapping(value={"/login.go")
	public String userLogin(){
		//System.out.println("userLogin.do");
		return "login";
	}
}

然后我们会对前台进行一些操作，然后，再编写一个controller类，用来接收前台传来的数据：

package com.example.smalldemo.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import com.example.smalldemo.model.*;

import com.example.smalldemo.service.*;

@Controller
@RequestMapping("/yaoyao/")//接口注解
public class LoginController {
		
	@Autowired  //与service层进行交互
	private LoginClservice loginClService;
	
	
	@RequestMapping("user")
	public String getLoginCl(@RequestParam("name") String name,@RequestParam("password") String password){
		
		boolean b;
		b=loginClService.Find(name, password);//调用service层的方法
		System.out.println(name);
		System.out.println(password);
		
		if(b=true){
			
			return "wel";
		}
			
			return "login";
			
		}
		
		
	}

@RequestParam注解，就是用来接收前台传回来的数据，然后传到service层，

package com.example.smalldemo.service;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.example.smalldemo.dao.*;
import com.example.smalldemo.model.*;

@Service
public class LoginClservice {
	
	
	@Autowired
	private Userdao userdao;//与dao层进行交互
	
	
	public boolean Find(String name,String password){
		boolean b=true;
		
		List <UserBean> All= userdao.findAll();//调用dao层方法，读取数据库数据
		System.out.println("================"+All);
		for(int i=0;i<=All.size();i++){//将数据库中的数据全部拿出，一个一个比较，好在数据不多
			
			
			UserBean one=All.get(i);
			if(name.equals(one.getName())&&password.equals(one.getpassword())){//两种渠道的得到的数据进行比较
				
				b=true;
				break;
			}else{
				
				b= false;
				break;
			}
						
			
		}
		
		return b;	
	}

}

在service层中，dao层获取的数据与controller层传来的数据进行比较，，，，下面是到dao层代码：

package com.example.smalldemo.dao;

import com.example.smalldemo.model.*;
import org.springframework.data.jpa.repository.JpaRepository;

public interface Userdao extends JpaRepository<UserBean,Integer>{
	
}

dao层通过jpa与数据库进行了连接，

service层中，再将数据的比较结果返回到controller层，然后根据相应的返回结果，进行不同的页面跳转。最后奉上

完成图：

初次写博客，写的不好，望各位大神见谅。！！！！

============================分割线==============================

从数据库一次性拿到全部数据可能会出现一些问题，所以做了一些修改（一些方法名字，或变量可能有些改动，大家可以自行修改）

service层

public String chick(String username,String userpassword) {
		
		
		
		UserBean b= loginDao.findByNameAndPassword(username,userpassword);
		
		if (b==null) {
			
			return "null";
			
		}
		
	
		
		
		
		String aString = b.getName();
		
		
		String bString= b.getPassword();
		
		
		System.out.println("++++++++++++++++++++++++++++++"+aString+" and "+bString);
		
		
		if (aString.equals(username)&&bString.equals(userpassword)) {
			
			System.out.println(9);
			return "success";
			
		}else {
			System.out.println(0);
			return "error";
		}
		
		
	}

dao层

@Repository
public interface LoginDao extends JpaRepository<UserBean, Integer> {

	
	UserBean findByNameAndPassword(String name,String password);
    
    //这是使用的jpa，程序运行时，会自动识别findBy后面的字段部分。

}

至于前端部分，大家可以试着用用ajax传值，较form表单传值功能更加强大。