[关闭]
@Jayfeather 2018-12-23T15:08:03.000000Z 字数 12426 阅读 745

简单的登录模块

Spring

1. 更新记录

更新时间 更新内容
20181223 创建该笔记，实现简单的登录模块

2. 问题

-

3. 总结

项目未结
使用了Spring MVC + Spring Boot + RESTful实现了一个简单的登录模块
依赖管理使用了maven
总体来说是前后端分离的思想，后端仅仅提供静态HTML文件和动态json内容，路由和页面渲染在前段完成
仅仅是完成了简单的登录+注册功能，还没有添加权限验证

4. 依赖包

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3.     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  4.     <modelVersion>4.0.0</modelVersion>
  5.     <parent>
  6.         <groupId>org.springframework.boot</groupId>
  7.         <artifactId>spring-boot-starter-parent</artifactId>
  8.         <version>2.1.1.RELEASE</version>
  9.         <relativePath/> <!-- lookup parent from repository -->
  10.     </parent>
  11.     <groupId>com.heiyu</groupId>
  12.     <artifactId>blog</artifactId>
  13.     <version>0.0.1-SNAPSHOT</version>
  14.     <name>blog</name>
  15.     <description>Demo project for Spring Boot</description>
  17.     <properties>
  18.         <java.version>1.8</java.version>
  19.     </properties>
  21.     <dependencies>
  22.         <dependency>
  23.             <groupId>org.springframework.boot</groupId>
  24.             <artifactId>spring-boot-starter-data-rest</artifactId>
  25.         </dependency>
  26.         <dependency>
  27.             <groupId>org.springframework.boot</groupId>
  28.             <artifactId>spring-boot-starter-integration</artifactId>
  29.         </dependency>
  30.         <!--<dependency>-->
  31.             <!--<groupId>org.springframework.boot</groupId>-->
  32.             <!--<artifactId>spring-boot-starter-security</artifactId>-->
  33.         <!--</dependency>-->
  34.         <dependency>
  35.             <groupId>org.springframework.boot</groupId>
  36.             <artifactId>spring-boot-starter-web</artifactId>
  37.         </dependency>
  39.         <dependency>
  40.             <groupId>org.springframework.boot</groupId>
  41.             <artifactId>spring-boot-starter-test</artifactId>
  42.             <scope>test</scope>
  43.         </dependency>
  44.         <dependency>
  45.             <groupId>org.springframework.security</groupId>
  46.             <artifactId>spring-security-test</artifactId>
  47.             <scope>test</scope>
  48.         </dependency>
  49.             <dependency>
  50.                 <groupId>org.springframework.boot</groupId>
  51.                 <artifactId>spring-boot-devtools</artifactId>
  52.                 <optional>true</optional>
  53.             </dependency>
  54.         <dependency>
  55.             <groupId>com.fasterxml.jackson.core</groupId>
  56.             <artifactId>jackson-core</artifactId>
  57.             <version>2.9.7</version>
  58.         </dependency>
  59.         <dependency>
  60.             <groupId>com.fasterxml.jackson.core</groupId>
  61.             <artifactId>jackson-annotations</artifactId>
  62.             <version>2.9.7</version>
  63.         </dependency>
  64.         <dependency>
  65.             <groupId>com.fasterxml.jackson.core</groupId>
  66.             <artifactId>jackson-databind</artifactId>
  67.             <version>2.9.7</version>
  68.         </dependency>
  69.         <dependency>
  70.             <groupId>org.springframework.boot</groupId>
  71.             <artifactId>spring-boot-starter-data-jpa</artifactId>
  72.         </dependency>
  73.         <dependency>
  74.             <groupId>org.hsqldb</groupId>
  75.             <artifactId>hsqldb</artifactId>
  76.             <scope>runtime</scope>
  77.         </dependency>
  78.         <dependency>
  79.             <groupId>mysql</groupId>
  80.             <artifactId>mysql-connector-java</artifactId>
  81.             <version>8.0.11</version>
  82.         </dependency>
  84.     </dependencies>
  86.     <build>
  87.         <plugins>
  88.             <plugin>
  89.                 <groupId>org.springframework.boot</groupId>
  90.                 <artifactId>spring-boot-maven-plugin</artifactId>
  91.             </plugin>
  92.         </plugins>
  93.     </build>
  95. </project>

5. 文件目录：

image.png-26.5kB

包解释：

6. 具体代码：

--Controller
 |—MainController

  1. package com.heiyu.blog.controller;
  3. import com.heiyu.blog.domain.User;
  4. import com.heiyu.blog.service.UserService;
  5. import org.springframework.beans.factory.annotation.Autowired;
  6. import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
  7. import org.springframework.web.bind.annotation.*;
  8. import org.springframework.web.servlet.ModelAndView;
  9. import com.heiyu.blog.domain.LoginUser;
  11. import javax.servlet.http.HttpServletRequest;
  13. import static org.springframework.web.bind.annotation.RequestMethod.*;
  15. @EnableAutoConfiguration
  16. @RestController
  17. @RequestMapping
  18. public class MainController {
  20.     @Autowired
  21.     private UserService userService;
  23.     @Autowired
  24.     private HttpServletRequest request;
  27.     @RequestMapping(value = "/login",method = GET)
  28.     public ModelAndView login(){
  29.         return new ModelAndView("login");
  30.     }
  32.     @RequestMapping(value = "/login",method = POST)
  33.     @ResponseBody
  34.     public String loginPost(@RequestBody LoginUser loginUser) {
  35.         System.out.println(loginUser.toString());
  36.         if (userService.isLoginMatch(loginUser)) {
  37.             return "{\"login\":1}";
  38.         } else {
  39.             return "{\"login\":0}";
  40.         }
  41.     }
  43.     @RequestMapping(value = "/resign",method = GET)
  44.     public ModelAndView resign(){ return new ModelAndView("resign");}
  46.     @RequestMapping(value = "/resign",method = POST)
  47.     @ResponseBody
  48.     public String resignPost(@RequestBody User user){
  49.         request.getHeader("x-forwarded-for");
  50.         System.out.println(user.toString());
  51.         System.out.println( request.getHeader("x-forwarded-for"));
  53.         return "{\"login\":1}";
  54.     }
  55. }

--Domain
 |--loginUser

  1. package com.heiyu.blog.domain;
  4. import java.util.Objects;
  7. public class LoginUser {
  9.     private String username;
  10.     private String password;
  13.     public String getUsername() {
  14.         return username;
  15.     }
  17.     public void setUsername(String username) {
  18.         this.username = username;
  19.     }
  21.     public String getPassword() {
  22.         return password;
  23.     }
  25.     public void setPassword(String password) {
  26.         this.password = password;
  27.     }
  29.     public LoginUser(){}
  31.     public LoginUser(String username, String password){
  32.         this.username=username;
  33.         this.password=password;
  34.     }
  36.     @Override
  37.     public String toString(){
  38.         return "{\"username\":\""+username+"\",\"password\":\""+password+"\"}";
  39.     }
  41.     @Override
  42.     public boolean equals(Object o) {
  43.         if (this == o) return true;
  44.         if (o == null || getClass() != o.getClass()) return false;
  45.         LoginUser loginUser = (LoginUser) o;
  46.         return Objects.equals(username, loginUser.username) &&
  47.                 Objects.equals(password, loginUser.password);
  48.     }
  50.     @Override
  51.     public int hashCode() {
  52.         return Objects.hash(username, password);
  53.     }
  56.     /** todo 将loginUser与User合并 
  57.      *
  58.      */
  59. }

--domain
 |-User

  1. package com.heiyu.blog.domain;
  3. import jdk.nashorn.internal.objects.annotations.Getter;
  4. import jdk.nashorn.internal.objects.annotations.Setter;
  6. import javax.validation.constraints.Email;
  7. import java.util.Date;
  9. public class User extends LoginUser {
  11.     private String email;
  12.     private String phoneNumber;
  13.     private String lastIp;
  14.     private Date lastLoginTime;
  15.     private Date creatTime;
  16.     private Date updatTime;
  18.     public String getEmail() {
  19.         return email;
  20.     }
  22.     public void setEmail(String email) {
  23.         this.email = email;
  24.     }
  26.     public String getPhoneNumber() {
  27.         return phoneNumber;
  28.     }
  30.     public void setPhoneNumber(String phoneNumber) {
  31.         this.phoneNumber = phoneNumber;
  32.     }
  34.     public String getLastIp() {
  35.         return lastIp;
  36.     }
  38.     public void setLastIp(String lastIp) {
  39.         this.lastIp = lastIp;
  40.     }
  42.     public Date getLastLoginTime() {
  43.         return lastLoginTime;
  44.     }
  46.     public void setLastLoginTime(Date lastLoginTime) {
  47.         this.lastLoginTime = lastLoginTime;
  48.     }
  50.     public Date getCreatTime() {
  51.         return creatTime;
  52.     }
  54.     public void setCreatTime(Date creatTime) {
  55.         this.creatTime = creatTime;
  56.     }
  58.     public Date getUpdatTime() {
  59.         return updatTime;
  60.     }
  62.     public void setUpdatTime(Date updatTime) {
  63.         this.updatTime = updatTime;
  64.     }
  66.     public User(){}
  68.     User(String username, String password) {
  69.         super(username, password);
  70.     }
  72.     @Override
  73.     public String toString() {
  74.         return "User{" +
  75.                 "userName='"+getUsername()+'\''+
  76.                 ", password='"+getPassword()+'\''+
  77.                 ", email='" + email + '\'' +
  78.                 ", phoneNumber='" + phoneNumber + '\'' +
  79.                 ", lastIp='" + lastIp + '\'' +
  80.                 ", lastLoginTime=" + lastLoginTime +
  81.                 ", creatTime=" + creatTime +
  82.                 ", updatTime=" + updatTime +
  83.                 '}';
  84.     }
  86. /**TODO 重写hash和equal方法
  87.  *
  88.  */
  89. }

--repository
 |-UserResitory

  1. package com.heiyu.blog.repository;
  4. import com.heiyu.blog.domain.User;
  5. import com.mysql.cj.result.Row;
  6. import org.springframework.beans.factory.annotation.Autowired;
  7. import org.springframework.jdbc.core.JdbcTemplate;
  8. import org.springframework.jdbc.core.RowMapper;
  9. import org.springframework.stereotype.Repository;
  10. import com.heiyu.blog.domain.LoginUser;
  12. import javax.validation.constraints.Email;
  13. import java.sql.ResultSet;
  14. import java.sql.SQLException;
  16. /**
  17.  * @author Jayfeather
  18.  *
  19.  */
  21. @Repository
  22. public class UserRepository {
  24.     private JdbcTemplate jdbcTemplate;
  26.     @Autowired
  27.     public void setJdbcTemplate(JdbcTemplate jdbcTemplate) {
  28.         this.jdbcTemplate = jdbcTemplate;
  29.     }
  33.     public int LoginUserMatch (String username,String password){
  34.         String sql=("SELECT COUNT(*) FROM user_admin WHERE admin_name=? and admin_password=?;");
  35.         return (int)jdbcTemplate.queryForObject(sql,new Object[]{username,password}, Integer.class);
  36.     }
  38.     public void UserWrite(User user){
  39.         String sql=("INSERT INTO user_admin VALUE(?,?,?,?,?,?,?,?)");
  40.         jdbcTemplate.update(sql,new Object[]{
  41.                 user.getUsername(),
  42.                 user.getPassword(),
  43.                 user.getCreatTime(),
  44.                 user.getUpdatTime(),
  45.                 user.getEmail(),
  46.                 user.getPhoneNumber(),
  47.                 user.getLastIp(),
  48.                 user.getLastLoginTime()
  49.         });
  51.     }
  53.     public User UserRead(String username){
  54.         String sql=("SELECT * FROM user_amdin WHERE username=?;");
  55.         return (User)jdbcTemplate.queryForObject(sql, new Object[]{username}, UserRowMapper);
  56.     }
  58.     protected RowMapper UserRowMapper = new RowMapper() {
  59.         @Override
  60.         public Object mapRow(ResultSet resultSet, int rowNum) throws SQLException {
  61.             User user = new User();
  62.             user.setEmail(resultSet.getString("admin_email"));
  63.             user.setLastIp(resultSet.getString("admin_last_ip"));
  64.             user.setLastLoginTime(resultSet.getTime("admin_last_time"));
  65.             user.setPhoneNumber(resultSet.getString("admin_phone_number"));
  66.             return user;
  67.         }
  68.     };
  69. }

--Service
&emps;|-UserService

  1. package com.heiyu.blog.service;
  3. import com.heiyu.blog.domain.LoginUser;
  4. import com.heiyu.blog.domain.User;
  5. import com.heiyu.blog.repository.UserRepository;
  6. import org.springframework.beans.factory.annotation.Autowired;
  7. import org.springframework.stereotype.Service;
  10. @Service
  11. public class UserService {
  13.     private UserRepository userRepository;
  15.     @Autowired
  16.     public void setUserRepository(UserRepository userRepository) {
  17.         this.userRepository = userRepository;
  18.     }
  20.     public boolean isLoginMatch(LoginUser loginUser){
  21.         return userRepository.LoginUserMatch(loginUser.getUsername(),loginUser.getPassword())>0;
  22.     }
  24.     public void resignUser(User user){
  27.         userRepository.UserWrite(user);
  28.     }
  29.     /**  TODO 注册功能对象User的字段补全，并且写入数据库
  30.      *
  31.      */
  32. }

BlogApplication

  1. package com.heiyu.blog;
  3. import org.springframework.boot.SpringApplication;
  4. //import static org.springframework.web.bind.anno
  5. import org.springframework.boot.autoconfigure.SpringBootApplication;
  6. import org.springframework.web.servlet.config.annotation.EnableWebMvc;
  8. @SpringBootApplication
  9. public class BlogApplication {
  11.     public static void main(String[] args) {
  12.         SpringApplication.run(BlogApplication.class, args);
  13.     }
  15. }

--Static
 |-login.html

  1. <!DOCTYPE html>
  2. <html lang="ch-zn">
  3. <script type="text/javascript">
  4.     var request= new XMLHttpRequest();
  6.     function check() {
  7.         var userName = document.getElementById("userName").value;
  8.         var password = document.getElementById("password").value;
  9.         if (userName == null || userName == "" || password == null || password == "") {
  10.             alert("请输入用户名或密码");
  11.             return false;
  12.         }
  14.         var url="/login"
  15.         var requestData = JSON.stringify({username:userName,password:password});
  18.         request.open('POST',url,true);
  19.         request.setRequestHeader('Content-Type','application/json');
  21.         request.send(requestData);
  22.         request.onreadystatechange=handleResult;
  23.     }
  25.     function handleResult() {
  26.         if (request.readyState == 4 && request.status == 200) {
  27.             var response = request.responseText;
  28.             var json = JSON.parse(response)
  29.             if (json.login == 1)
  30.                 window.location.href = "/user/${login.userName}";
  31.             else if (json.login == 0)
  32.                 alert("用户名或密码错误");
  33.             return false;
  34.         }
  35.     }
  38. </script>
  39. <head>
  40.     <meta charset="UTF-8">
  41.     <title>管理登录</title>
  42. </head>
  43. <body>
  45. <form id="login_form">
  46.     用户名： <input name="username" type="text" id="userName" placeholder="用户名" /><br>
  47.    密码： <input name="passwore" type="password" id="password" placeholder="密码"/><br>
  48.    <input id="login" type="button" class="loginbtn" onclick="check()" value="登录"/>
  49.     <input id="resign" type="button" class="resiginbtn" onclick="location='/resign'" value="注册"/>
  50. </form>
  52. </body>
  53. </html>

--Static
 |-resign.html

  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>注册</title>
  6. </head>
  7. <body>
  8. <form>
  9. 用户名： <input name="username" type="text" id="userName" placeholder="用户名" /><br>
  10. 密码： <input name="password" type="password" id="password" placeholder="密码"/><br>
  11. 确认密码：<input name="password" type="password" id="password2" placeholder="确认密码"/><br>
  12. 邮箱：<input name="E-mail" type="email" id="e-mail" placeholder="E-mail"/><br>
  13. 手机号：<input name="phoneNumber" type="text" id="phoneNumber" placeholder="手机号"/><br>
  15. <input id="login" type="button" class="loginbtn" onclick="resign()" value="注册"/>
  16. </form>
  18. </body>
  19. <script type="text/javascript">
  20.     var request= new XMLHttpRequest();
  22.     function resign() {
  23.         var userName = document.getElementById("userName").value;
  24.         var password = document.getElementById("password").value;
  25.         var password2 = document.getElementById("password2").value;
  26.         var email = document.getElementById("e-mail").value;
  27.         var phoneNumber = document.getElementById("phoneNumber").value;
  28.         if (userName == null || userName == "" || password == null || password == "") {
  29.             alert("请输入用户名或密码");
  30.             return false;
  31.         }
  33.         if (password2 == null || password2 == "") {
  34.             alert("请确认密码");
  35.             return false;
  36.         }
  38.         if (password != password2) {
  39.             alert("第一次和第二次密码输入不一致")
  40.             return false;
  41.         }
  43.         if (email == null || email == "") {
  44.             alert("请输入邮箱");
  45.             return false;
  46.         }
  48.         if (phoneNumber == null || phoneNumber == ""){
  49.             alert("请输入手机号");
  50.         return false
  51.     }
  52.         var url="/resign"
  53.         var requestData = JSON.stringify({username:userName,password:password,email:email,phoneNumber:phoneNumber});
  56.         request.open('POST',url,true);
  57.         request.setRequestHeader('Content-Type','application/json');
  59.         request.send(requestData);
  60.         request.onreadystatechange=handleResult;
  61.     }
  63.     function handleResult(){
  64.         if(request.readyState==4 && request.status==200){
  65.             var response = request.responseText;
  66.             var json = JSON.parse(response)
  67.             if(json.login==1)
  68.                 window.location.href="/user/${login.userName}";
  69.             else if(json.login==0)
  70.                 alert("未知错误？？？？");
  71.             return false;
  72.         }
  73.     }
  76. </script>
  77. </html>
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注