springboot之登录注册
目录结构
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://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>lubanDemo</groupId> <artifactId>demo</artifactId> <version>1.0-SNAPSHOT</version> <dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.1.5.RELEASE</version> <scope>compile</scope> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>5.1.5.RELEASE</version> <scope>compile</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> <version>2.1.3.RELEASE</version> </dependency> <!-- https://mvnrepository.com/artifact/org.mybatis.spring.boot/mybatis-spring-boot-starter --> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.0.0</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.15</version> </dependency> </dependencies> </project>
Aplication
package com; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.context.annotation.Bean; import org.springframework.jdbc.datasource.DriverManagerDataSource; import javax.sql.DataSource; @SpringBootApplication public class Application { public static void main(String[] args) { SpringApplication.run(Application.class,args); } //数据库连接 @Bean public DataSource dataSource() { DriverManagerDataSource driverManagerDataSource = new DriverManagerDataSource(); driverManagerDataSource.setUsername("root"); driverManagerDataSource.setPassword("root"); driverManagerDataSource.setUrl("jdbc:mysql://localhost:3306/demo?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai"); driverManagerDataSource.setDriverClassName("com.mysql.jdbc.Driver"); return driverManagerDataSource; } }
MyTomcat
//内嵌Tomcat @Component public class MyTomcat implements WebServerFactoryCustomizer<TomcatServletWebServerFactory> { public void customize(TomcatServletWebServerFactory factory) { factory.setPort(9001); } }
UserController
@Controller public class UserController { @Autowired UserService userService; @RequestMapping("/login") public String login(){ return "login.html"; } @RequestMapping("/loginsuc") @ResponseBody public String loginsuc(String name,String password){ System.out.println(name); System.out.println(userService.query(name, password)); System.out.println("login controller"); Map<String,String> map = new HashMap<String, String>(); map.put("success","success"); return "success"; } @RequestMapping("/regist") public String regist(){ return "regist.html"; } @RequestMapping("/registsuc") @ResponseBody public String registsuc(String name,String password){ System.out.println(name); System.out.println(userService.add(name, password)); System.out.println("login controller"); Map<String,String> map = new HashMap<String, String>(); map.put("success","success"); return "success"; }
UserMapper
@Mapper public interface UserMapper { //写一下你的sql @Select("select * from user where user_name=#{uname} and pass_word=#{password}") public List<Map<String,Object>> query(@Param("uname") String uname, @Param("password") String password); @Select("insert into user(user_name,pass_word) values (#{uname},#{password})") public List<Map<String,Object>> add(@Param("uname") String uname, @Param("password") String password); }
UserService
@Component public class UserService { @Autowired UserMapper userMapper; public List<Map<String,Object>> query(String uname, String password){ return userMapper.query(uname,password); } public List<Map<String,Object>> add(String uname, String password){ return userMapper.add(uname,password); } }
login
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <script src="jquery.js"></script> <script> function login() { $.ajax({ url: '/loginsuc', type: 'get', dataType: 'text', data: {"name": $('#name').val(), "password": $('#password').val()}, success: function (d) { console.log(d) if (d === "success") { window.location.href = 'show.html'; } else { window.location.href = 'error.html'; } } }) } </script> <body> <p> 请输入用户名和密码</p> <form> <table> <tr> <td>用户名</td> <td><input type="text" id="name" ></td> </tr> <tr> <td>密 码</td> <td><input type="password" id="password" ></td> </tr> <tr> <td colspan="2"> <input type="button" onclick="login()" value="登陆"> </td> </tr> </table> </form> </body> </html>