【Spring】Springｍvc学习Ⅲ

#　Springｍvc学习Ⅲ

文章目录

- 一、图书管理系统
- 1. 功能
- - 1.1 登录
  - - 前端接口
    - 前端代码
    - 后端接口
    - 后端代码
  - 1.2 图书列表展示
  - - 步骤:
    - 图书类代码
    - mock数据代码
    - 控制层调用代码
    - 服务层代码（存储除数据库中需要存储的数据）
- 2. 分层控制
- - 2.1 三层架构
  - 2.2 代码重构
- 二、MVC总结
- - 1. 注解
  - 2. 获取请求和响应

一、图书管理系统

1. 功能

1.1 登录

能够对于用户输入的账号密码进行验证，正确则登录成功，错误则登录失败。

前端接口

路径: /user/login

方式 : post

请求 : 账号密码

响应 : 正确错误

前端代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="css/login.css"><script type="text/javascript" src="js/jquery.min.js"></script>
</head><body><div class="container-login"><div class="container-pic"><img src="pic/computer.png" width="350px"></div><div class="login-dialog"><h3>登陆</h3><div class="row"><span>用户名</span><input type="text" name="userName" id="userName" class="form-control"></div><div class="row"><span>密码</span><input type="password" name="password" id="password" class="form-control"></div><div class="row"><button type="button" class="btn btn-info btn-lg" onclick="login()">登录</button></div></div></div><script src="js/jquery.min.js"></script><script>function login() {console.log($("#userName").val());console.log($("#password").val());$.ajax({url:"/user/login",type:"post",data:{userName:$("#userName").val(),password:$("#password").val()},success : function (result) {if(result==""){location.href = "book_list.html";}else{alert("密码错误");}}});}</script>
</body></html>

后端接口

响应数据：成功-“” 失败-“登录错误”

数据类型：String

后端代码

package com.example.springbook.controller;import jakarta.servlet.http.HttpSession;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RequestMapping("/user")
@RestController
public class UserController {@RequestMapping("/login")public String login(String userName, String password, HttpSession httpSession) {if (!StringUtils.hasLength(userName) || !StringUtils.hasLength(password)) {return "账号或密码为空";}// 校验if (!"admin".equals(userName) || !"admin".equals(password)){return "密码错误";}System.out.println(userName + " " + password);httpSession.setAttribute("userName", userName);return "";}
}

1.2 图书列表展示

正规的方式应该是将图书数据保存到数据库中，然后每次都是从数据库中读取，此处只使用mock进行测试。

步骤:

创建用于描述图书信息的实体类
创建List用于存储图书列表
在控制层将列表读出
反馈给前端

图书类代码

package com.example.springbook.model;import lombok.Data;import java.math.BigDecimal;@Data
public class BookInfo {private Integer id;private String bookName;private String author;private Integer num;private BigDecimal price;private String publish;private Integer status;// 1-正常 2-不可借阅private String statusCN;
}

mock数据代码

package com.example.springbook.dao;import com.example.springbook.model.BookInfo;import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;public class BookDao {/*** 模拟数据* @return*/public List<BookInfo> mockData() {List<BookInfo> bookInfos = new ArrayList<>();for (int i = 0; i < 15; i++) {BookInfo bookInfo = new BookInfo();bookInfo.setId(i);bookInfo.setBookName("图书" + i);bookInfo.setAuthor("作者" + i);bookInfo.setNum(i * 2 + 1);bookInfo.setPrice(new BigDecimal(i * 3));bookInfo.setPublish("出版社" + i);if (i % 5 == 0) {bookInfo.setStatus(2);} else {bookInfo.setStatus(1);}bookInfos.add(bookInfo);}return bookInfos;}
}

控制层调用代码

package com.example.springbook.controller;import com.example.springbook.dao.BookDao;
import com.example.springbook.model.BookInfo;
import com.example.springbook.service.BookService;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;@RequestMapping("/book")
@RestController
public class BookController {@RequestMapping("getBookList")public List<BookInfo> getBookList() {BookService bookService = new BookService();return bookService.getBookList();}
}

服务层代码（存储除数据库中需要存储的数据）

package com.example.springbook.service;import com.example.springbook.dao.BookDao;
import com.example.springbook.model.BookInfo;import java.util.List;public class BookService {public List<BookInfo> getBookList() {BookDao bookDao = new BookDao();// 从dao层获取数据List<BookInfo> bookInfos = bookDao.mockData();for (BookInfo book : bookInfos) {if (book.getStatus() == 1) {book.setStatusCN("可借阅");} else {book.setStatusCN("不可借阅");}}return bookInfos;}
}