SpringBoot使用thymeleaf实现用户的登录注册（四） |
您所在的位置：网站首页 › idea实现用户登录界面总结 › SpringBoot使用thymeleaf实现用户的登录注册（四） |
SpringBoot使用thymeleaf实现用户的登录注册（四）
|
本文在上一篇SpringBoot整合多数据源jpa+mybatis（三）基础上使用thymeleaf实现用户的登录注册。 项目结构图如下： 我们只需再加入thymeleaf即可 org.springframework.boot spring-boot-starter-thymeleaf 2.修改application.properties，配置相关信息添加如下配置 #关闭thymeleaf缓存，开发时使用，否则没有实时画面 spring.thymeleaf.cache=false 3.修改功能实现 3.1修改User---->jpa为User的DAO层增加自定义查询方法 IUserDao.java //Jpa提供了增删改查的功能 public interface IUserDao extends JpaRepository { //第一个泛型为实体类，第二个为实体类的主键类型 /** * 查找是否有这样的用户名和密码用户存在 * @param name * @param password * @return */ User findUserByUserNameAndUserPassword(String name, String password); /** * 查找是否有这样的用户存在 * @param name * @return */ List findUserByUserName(String name); }为User的Service层增加自定义查询方法 IUserService.java public interface IUserService { /** * 添加新用户 * @param user */ void saveUser(User user); /** * 查找是否有这样的用户名和密码用户存在 * @param name * @param password * @return */ User findByNameAndPassword(String name, String password); /** * 查找是否有这样的用户存在 * @param name * @return */ List findByName(String name); }UserServiceImpl.java @Service public class UserServiceImpl implements IUserService { @Autowired private IUserDao userDao; /** * 添加新用户 * @param user */ @Override public void saveUser(User user) { userDao.save(user); } /** * 查找是否有这样的用户名和密码用户存在 * @param name * @param password * @return */ @Override public User findByNameAndPassword(String name, String password){ return userDao.findUserByUserNameAndUserPassword(name, password); } /** * 查找是否有这样的用户存在 * @param name * @return */ @Override public List findByName(String name){ return userDao.findUserByUserName(name); } } 3.1修改Product---->mybatis为Product的mapper增加自定义查询方法 ProductMapper.java @Qualifier("db2SqlSessionFactory") @Mapper @Component public interface ProductMapper { /** * 添加一个商品 * @param name * @param price */ @Insert("insert into product(productName, productPrice) values(#{productName}, #{productPrice})") void addProduct(@Param("productName") String name, @Param("productPrice") Double price); /** * 查询所有的商品 * @return */ @Select("select * from product") List findAll(); }为Product的Service层增加自定义查询方法 IProductService.java @Service public class ProductServiceImpl implements IProductService { @Autowired private ProductMapper productMapper; /** * 添加一个商品 * @param product */ @Override // @Transactional(transactionManager = "db2TransactionManager") public void saveProduct(Product product) { productMapper.addProduct(product.getProductName(), product.getProductPrice()); } /** * 查询所有的商品 * @return */ @Override public List findAllProducts() { return productMapper.findAll(); } } 5.修改ControllerIndexController.java @Controller public class IndexController { /** * 初始界面，选择登录或者注册 * @return */ @RequestMapping("/") public String index(){ return "index"; } }UserController.java @Controller public class UserController { @Autowired IUserService userService; /** * 登录界面 * @return */ @RequestMapping("/login") public String login(){ return "login"; } /** * 判断能否成功登录 * @param request * @return */ @RequestMapping("/dologin") public String login(HttpServletRequest request){ String name = request.getParameter("username"); String password = request.getParameter("password"); User user = userService.findByNameAndPassword(name, password); if(user != null){ return "redirect:/productList"; }else{ return "login"; } } /** * 注册界面 * @return */ @RequestMapping("/register") public String register(){ return "register"; } /** * 判断是否成功注册 * @param request * @return */ @RequestMapping("/doregister") public String register(HttpServletRequest request){ String name = request.getParameter("username"); String password = request.getParameter("password"); String password2 = request.getParameter("password2"); List userList = userService.findByName(name); if(userList.size() == 0 && password.equals(password2)){ User user = new User(); user.setUserName(name); user.setUserPassword(password); userService.saveUser(user); return "login"; }else{ return "register"; } } }ProductController.java @Controller public class ProductController { @Autowired IProductService productService; /** * 商品列表 * @param model * @return */ @RequestMapping("/productList") public String productList(Model model){ List products = productService.findAllProducts(); model.addAttribute("products", products); return "product/productList"; } } 6.使用Thymeleaf写HTML页面 1.在Resource—>templates下新建index.html Welcome 登录 注册login.html login 用户名： 密码：register.html register 用户名： 密码： 确认密码： 2.在Resource—>templates—>product下新建productList.html productList 商品列表 # productName productPrice 7.页面展示index初始界面 源代码链接 https://github.com/Qreply/springbootThymeleaf.git |
流程图如下： 
user采用JPA，product采用mybatis，html采用thymeleaf模板。
登录界面 
注册界面 
商品列表界面 
【本文地址】
今日新闻 |
推荐新闻 |