[Spring] Spring Web MVC案例实战_Java

1. 加法计算器

需求:输入两个整数,点击"点击相加"按钮,显示计算结果.

1.1 约定前后端交互的接口(接口文档)

这是web开发中的关键一环.接口又叫api,我们一般讲到的api或者接口,指的都是同一个东西.如今我们的开发一般采用前后端分离的方式,所以我们在开发之前,前端开发人员和后端开发人员会约定好前后端交互的方式.我们一般会把约定的内容写在文档上,就是"接口文档".接口文档可以理解为是应用程序中的"操作说明书".
在项目开发之前.我们需要先更具需求拟写接口文档,前后端必须都准寻接口文档中的标准.**接口文档通常由服务提供方来写,有服务使用方确认,也就是客户端.**关于接口文档怎么写,每个公司有不同的标准,一般是需求分析和接口定义(接口名称,url),传递参数,返回参数下面我们来拟写这个案例的简单接口文档:

1.2 前端代码

首先,我们需要准备前端的代码.把前端的代码calc.html放在项目的static目录中.
在这里插入图片描述

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>document</title>
</head>
<body>
     <form action="calc/sum" method="post">
<!--上面的action部分就表示的是与后端交互的接口,可以从这个接口中给前端返回数据-->
        <h1>计算器</h1>
        数字1：<input name="num1" type="text"><br>
        数字2：<input name="num2" type="text"><br>
        <input type="submit" value=" 点击相加 ">
    </form>
</body>

</html>

1.3 后端代码

package com.example.demo;

import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;

@requestmapping("/calc")
@restcontroller
public class calc {
    @requestmapping("/sum")
    public string sum(integer num1,integer num2){
        integer sum = num1 + num2;
        return "<h1>加和结果</h1>" + sum;
    }
}

首先使用查询字符串来给参数传递值来测试后端代码的正确性.后端代码的逻辑没有问题.
在这里插入图片描述
之后我们连带前端代码一起运行起来.

2. 用户登录

需求:用户输入账号和密码,后端进行校验密码是否正确.

如果正确,跳转到首页,首页显示当前登录用户的用户名
如果错误,前端进行用户告知.
后续在访问首页,可以获取到登录用户信息.

2.1 接口文档

需求分析:

用户输入账号和密码,后端进行校验密码是否正确.

如果正确,跳转到首页,首页显示当前登录用户的用户名
如果错误,前端进行用户告知.
后续在访问首页,可以获取到登录用户信息.

登录页面

接口定义:

请求路径: /user/login
请求方式: post
接口描述: 校验账号和密码的正确性.

请求参数:

参数名	类型	是否必须	备注
username	string	是	校验的账号
password	string	是	校验的密码

响应数据:

content-type : text/html
响应内容: 
账号密码正确:true
账号密码错误:false

主页
接口定义:

请求路径: /user/getloginuser
请求方式: get
接口描述: 显示当前登录用户的主页,主页上显示用户名.

请求参数:
无
响应数据:

content-type:text/html
响应内容: 登录的用户名.

2.2 前端代码

对于前端而言,点击登录按钮的时候,需要把用户传递的信息传递到后端进行校验,后端校验成功之后,则跳转到首页:index.html,后端校验失败之后,直接弹窗.

2.2.1 登录页面

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="username" type="text" id="username"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
    function login() {
      //使用ajax进行前后端交互
      $.ajax({
      //小括号中是一个对象,对象用大括号括起来
        type:"post",
        url:"/user/login",
        data:{
          "username":$("#username").val(),
          "password":$("#password").val()//通过id获取值,给后端传递参数
        },
        success: function (result) {//参数名任意,用于接收后端返回的参数
          if (result){
            location.href = "/index.html"//跳转页面
          }else {
            alert("账号或密码有误");//弹窗
          }
        }
      });
    }

  </script>
</body>

</html>

这里我们使用ajax来进行信息传递,不用form表单的原因,是为了在输入错误的时候,不让页面发生跳转,如果使用form表单的话,页面一定会发生跳转.再者,因为ajax是异步调用的,在ajax的头部把信息先留下,之后再说对信息如何处理以及如何做.

success: function (result)其中的success表示的是接口返回结果的成功和失败,而不是业务结果返回true或者是false.

页面跳转的三种方式:

window.location.href=index.html
window.location.assign(“index.html”)
window.location.replace(“index.html”)
我们一般把window省略.1,2是等价的,在进入新的页面之后,都可以回退回上一个页面,而3无法回退到上一个页面.

2.2.2 首页

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>用户登录首页</title>
</head>

<body>
    登录人: <span id="loginuser"></span>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script>
        $.ajax({
            type : "get",
            url : "/user/getloginuser",
            success:function (result) {
                $("#loginuser").text(result);//给loginuser参数赋值为后端返回的result值
            }
        })
    </script>
</body>

</html>

2.3 后端代码

2.3.1 登录页面

package com.example.demo;

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 login {
    @requestmapping("/login")
    public boolean login(string username, string password, httpsession session){
        //确保输入的密码和账号都不为空
        //也为了保证前端传递信息成功,不会传递一个null过来
        if (!stringutils.haslength(username) ||
                !stringutils.haslength(password)){
            return false;
        }
        if (!"zhangsan".equals(username) ||
                ! "123456".equals(password)){
            return false;
        }
        //密码和账号都正确,设置session
        session.setattribute("username",username);
        return true;
    }
}

其中stringutils.haslength()方法是spring中提供的一个工具方法,判断字符串是否有值.字符串为null或者是""时,返回false,其他返回true.

public static boolean haslength(@nullable string str) {
    return str != null && !str.isempty();
}

2.3.2 主页

package com.example.demo;

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 getuserlogin {
    @requestmapping("/getuserlogin")
    public string getuserlogin(httpsession httpsession){
        //从session中获取用户名
        string username = (string) httpsession.getattribute("username");
        if (stringutils.haslength(username)){//确保username有值
            return username;
        }
        return null;
    }
}

运行代码:
在这里插入图片描述
登录成功:

登录失败:

3. 留言板

3.1 接口文档

需求分析:

提交留言:用户输⼊留言信息之后,后端需要把留言信息保存起来
展示留言:页面展示时,需要从后端获取到所有的留言信息

接口定义:

获取全部留言
全部留言信息,我们用list来表示,可以用json来描述这个list数据.
请求:
```
get /message/getlist
```
响应:json格式
```
[
 {
 "from": "黑猫",
 "to": "白猫",
 "message": "喵"
},{
 "from": "黑狗",
 "to": "白狗",
 "message": "汪"
 },
 //...
]
```
浏览器给服务器发送⼀个get /message/getlist 这样的请求,就能返回当前⼀共有哪些留言记录.结果以json的格式返回过来.
发表新留言
请求:body也为json格式.
```
post /message/publish
{
 "from": "黑猫",
 "to": "白猫",
 "message": "喵"
}
响应:json格式.
{
 ok: 1
}
```
我们期望浏览器给服务器发送⼀个post /message/publish 这样的请求,就能把当前的留言提交给服务器.

3.2 前端代码

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>留言板</title>
    <style>
        .container {
            width: 350px;
            height: 300px;
            margin: 0 auto;
            /* border: 1px black solid; */
            text-align: center;
        }

        .grey {
            color: grey;
        }

        .container .row {
            width: 350px;
            height: 40px;

            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .container .row input {
            width: 260px;
            height: 30px;
        }

        #submit {
            width: 350px;
            height: 40px;
            background-color: orange;
            color: white;
            border: none;
            margin: 10px;
            border-radius: 5px;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div class="container">
        <h1>留言板</h1>
        <p class="grey">输入后点击提交, 会将信息显示下方空白处</p>
        <div class="row">
            <span>谁:</span> <input type="text" name="" id="from">
        </div>
        <div class="row">
            <span>对谁:</span> <input type="text" name="" id="to">
        </div>
        <div class="row">
            <span>说什么:</span> <input type="text" name="" id="say">
        </div>
        <input type="button" value="提交" id="submit" onclick="submit()">
        <!-- <div>a 对 b 说: hello</div> -->
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script>
        load();//每次在重新加载页面之后,都要从后端的list中调动数据,保证上次添加的数据不会丢失
        function load(){
            $.ajax({
                type: "get",
                url:"message/getlist",
                success:function (result){
                    for (var message of result){
                        var dive = "<div>"+message.from +"对" + message.to + "说:" + message.say+"</div>";
                        $(".container").append(dive);
                    }
                }
            });
        }
        function submit(){
            //1. 获取留言的内容
            var from = $('#from').val();
            var to = $('#to').val();
            var say = $('#say').val();
            if (from== '' || to == '' || say == '') {
                return;
            }
            $.ajax({
                type : "post",
                url : "message/publish",
                contenttype: "application/json",
                //传递的值是json类型,data就是在向后端传递数据
                data:json.stringify({
                    from : from,
                    to : to,
                    say : say//从前端参数的id中获取对应的值传递给后端
                }),
                //后端返回结果
                success:function (result) {
                    if (result){
                        //2. 构造节点
                        var dive = "<div>"+from +"对" + to + "说:" + say+"</div>";
                        //3. 把节点添加到页面上
                        $(".container").append(dive);

                        //4. 清空输入框的值
                        $('#from').val("");
                        $('#to').val("");
                        $('#say').val("");
                    }else{
                        alert("提交留言失败")
                    }
                }
            });
        }
    </script>
</body>

</html>

3.3 后端代码

package com.example.demo;

import org.springframework.util.stringutils;
import org.springframework.web.bind.annotation.requestbody;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;

import java.util.arraylist;
import java.util.list;

@requestmapping("/message")
@restcontroller
public class messagewall {
    public list<messageinfo> messageinfolist = new arraylist<>();
    @requestmapping("/publish")
    public boolean messagecontroller(@requestbody messageinfo messageinfo){
        system.out.println(messageinfo);//打印日志
        if (stringutils.haslength(messageinfo.from) &&
        stringutils.haslength(messageinfo.to) &&
        stringutils.haslength(messageinfo.say)){
            messageinfolist.add(messageinfo);
            return true;//都有长度,添加成功,返回true
        }
        //添加失败,返回false
        return false;
    }
    @requestmapping("/getlist")
    public list<messageinfo> getlist(){
        return messageinfolist;
    }
}

package com.example.demo;

import lombok.data;

@data
public class messageinfo {
    public string from;
    public string to;
    public string say;
}

3.3.1 lombok介绍

lombok是⼀个java工具库，通过添加注解的方式，简化java的开发.

引入依赖

<dependency>
    <groupid>org.projectlombok</groupid>
    <artifactid>lombok</artifactid>
    <optional>true</optional>
</dependency>

使用
lombok通过使用一些注释的方式,可以帮我们消除一些冗长的代码,让代码看起来更简洁.
比如我们之前的person对象就可以简化为:

package com.example.demo;

import lombok.data;

@data
public class person {
    public string name;
    public int age;
    public string sex;
}

其中,@data注解会帮助我们自动⼀些方法,包含getter/setter,equals,tostring等.
3. 更多使用方法
@data生成的方法太多,lombok页为我们提供了一些颗粒度更细的注解.

注解	作用
@getter	自动添加getter方法
@setter	自动添加setter方法
@tostring	自动添加tostring方法
@equalsandhashcode	自动添加equals和hashcode方法
@noargsconstructor	自动添加无参构造方法
@allargsconstructor	自动添加全属性构造方法，顺序按照属性的定义顺序
@nonnull	属性不能为null
@requiredargsconstructor	自动添加必需属性的构造方法，final+@nonnull的属性为必需

其中@data = @getter+@setter+@tostring+@noargsconstructor+@requiredargsconstructor

下面来测试运行:
在这里插入图片描述

4. 图书管理系统

4.1 接口文档

需求;
登录:用户输入账号和密码完成登录功能.
列表展示:展示图书

接口定义
登录接口

[url]
post /user/login
[请求参数]
name=admin&password=admin
[响应]
true //账号密码验证成功
false//账号密码验证失败

图书列表展示

[url]
post /book/getlist
[请求参数]
⽆
[响应]
返回图书列表
[
 {
 "id": 1,
 "bookname": "活着",
 "author": "余华",
 "count": 270,
 "price": 20,
 "publish": "北京⽂艺出版社",
 "status": 1,
 "statuscn": "可借阅"
 },
 ...

字段说明:

id	图书id
bookname	图书名称
author	作者count 数量
price	定价
publish	图书出版社
status	图书状态 1-可借阅,2-不可借阅
statuscn	图书状态中文含义

4.2 前端代码

登录页面

<!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() {
            $.ajax({
                type:"post",
                url:"/user/login",
                data:{
                    name:$("#username").val(),
                    password:$("#password").val()
                },
                success:function (result) {
                    if (result){
                        location.href = "book_list.html";
                    }else{
                        alert("账号或密码错误")
                    }
                }
            });
        }
    </script>
</body>

</html>

图书列表

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图书列表展示</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/list.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="js/jq-paginator.js"></script>

</head>

<body>
    <div class="bookcontainer">
        <h2>图书列表展示</h2>
        <div class="navbar-justify-between">
            <div>
                <button class="btn btn-outline-info" type="button" onclick="location.href='book_add.html'">添加图书</button>
                <button class="btn btn-outline-info" type="button" onclick="batchdelete()">批量删除</button>
            </div>
        </div>

        <table>
            <thead>
                <tr>
                    <td>选择</td>
                    <td class="width100">图书id</td>
                    <td>书名</td>
                    <td>作者</td>
                    <td>数量</td>
                    <td>定价</td>
                    <td>出版社</td>
                    <td>状态</td>
                    <td class="width200">操作</td>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>

        <div class="demo">
            <ul id="pagecontainer" class="pagination justify-content-center"></ul>
        </div>
        <script>

            getbooklist();
            function getbooklist() {
                $.ajax({
                    type: "get",
                    url: "/book/getlist",
                    success: function (result) {
                        console.log(result);
                        if (result != null) {
                            var finalhtml = "";//构造字符串
                            for (var book of result) {
                                finalhtml += '<tr>';
                                finalhtml += '<td><input type="checkbox" name="selectbook" value="' + book.id + '" id="selectbook" class="book-select"></td>';
                                finalhtml += '<td>' + book.id + '</td>';
                                finalhtml += '<td>' + book.bookname + '</td>';
                                finalhtml += '<td>' + book.author + '</td>';
                                finalhtml += '<td>' + book.count + '</td>';
                                finalhtml += '<td>' + book.price + '</td>';
                                finalhtml += '<td>' + book.publish + '</td>';
                                finalhtml += '<td>' + book.statuscn + '</td>';
                                finalhtml += '<td><div class="op">';
                                finalhtml += '<a href="book_update.html?bookid=' + book.id + '">修改</a>';
                                finalhtml += '<a href="javascript:void(0)"οnclick="deletebook(' + book.id + ')">删除</a>';
                                finalhtml += '</div></td>';
                                finalhtml += "</tr>";
                            }
                            $("tbody").html(finalhtml);
                        }
                    }
                });
            }
    
            //翻页信息
            $("#pagecontainer").jqpaginator({
                totalcounts: 100, //总记录数
                pagesize: 10,    //每页的个数
                visiblepages: 5, //可视页数
                currentpage: 1,  //当前页码
                first: '<li class="page-item"><a class="page-link">首页</a></li>',
                prev: '<li class="page-item"><a class="page-link" href="javascript:void(0);">上一页<\/a><\/li>',
                next: '<li class="page-item"><a class="page-link" href="javascript:void(0);">下一页<\/a><\/li>',
                last: '<li class="page-item"><a class="page-link" href="javascript:void(0);">最后一页<\/a><\/li>',
                page: '<li class="page-item"><a class="page-link" href="javascript:void(0);">{{page}}<\/a><\/li>',
                //页面初始化和页码点击时都会执行
                onpagechange: function (page, type) {
                    console.log("第"+page+"页, 类型:"+type);
                }
            });
            function deletebook(id) {
                var isdelete = confirm("确认删除?");
                if (isdelete) {
                    //删除图书
                    alert("删除成功");
                }
            }
            function batchdelete() {
                var isdelete = confirm("确认批量删除?");
                if (isdelete) {
                    //获取复选框的id
                    var ids = [];
                    $("input:checkbox[name='selectbook']:checked").each(function () {
                        ids.push($(this).val());
                    });
                    console.log(ids);
                    alert("批量删除成功");
                }
            }

        </script>
    </div>
</body>

</html>

4.3 后端代码

登录页面

package com.jrj.library;

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 login {
    @requestmapping("/login")
    public boolean login(string name, string password, httpsession session){
        if (!stringutils.haslength(name) || !stringutils.haslength(password)){
            return false;
        }
        if ("zhangsan".equals(name) && "123456".equals(password)){
            session.setattribute("username",name);
            return true;
        }
        return false;
    }
}

图书列表
创建图书的属性

package com.jrj.library;

import lombok.data;

@data
public class bookinfo {//构造一本书所有的属性
    public integer id;
    public string bookname;
    public string author;
    public integer count;
    public integer price;
    public string publish;
    public integer status;//1-可借阅,2-不可借阅
    public string statuscn;
}

返回图书列表:

package com.jrj.library;

import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;

import java.util.arraylist;
import java.util.list;
import java.util.random;

@requestmapping("/book")
@restcontroller
public class bookcontroller {
    @requestmapping("/getlist")
    public list<bookinfo> getlist(){
        list<bookinfo> list = mockdata();
        for (bookinfo bookinfo:list){
            if (bookinfo.status == 1){
                bookinfo.setstatuscn("可借阅");
            }else{
                bookinfo.setstatuscn("不可借阅");
            }
        }
        return list;
    }
    //模拟数据
    private list<bookinfo> mockdata(){
        list<bookinfo> list2 = new arraylist<>();
        for (int i = 0; i < 5; i++) {
            bookinfo bookinfo = new bookinfo();
            bookinfo.setid(i);
            bookinfo.setbookname("java编程思想"+i);
            bookinfo.setcount(1);
            bookinfo.setpublish("机械工业出版社");
            bookinfo.setprice(new random().nextint(100));
            bookinfo.setauthor("高斯林");
            bookinfo.setstatus(1);
            list2.add(bookinfo);
        }
        return list2;
    }
}

测试运行:
在这里插入图片描述
登录页面正常

可正常登录,图书列表页面展示正确.

5. 应用分层

通过上面的几个案例,我们看到我们的代码平铺在我们的项目中,显得非常杂乱.所以我们要使用应用分层.
在这里插入图片描述

4.1 介绍

常见的应用分层结构如下:
在这里插入图片描述
我们之前提到的"mvc",就是把整体的系统分成了model（模型），view（视图）和controller（控制器）三个层次.现在我们主流开发的方式是"前后端分离"的方式,后端开发不再需要关心前端的实现,所以对java后端开发者,又有了一种新的分层架构:把整体架构分为表现层、业务逻辑层和数据层.这种分层方式也称之为"三层架构".

表现层:就是展示数据结果和接受用户指令(接收参数和返回结果)的，是最靠近用户的⼀层；
业务逻辑层:负责处理业务逻辑,里面有复杂业务的具体实现(拿到参数之后进行方法的具体实现)；
数据层:负责存储和管理与应用程序相关的数据(比如数据库交互)

4.2 具体在项目中的体现

在我们创建spring项目中,具体对分层的实现就是创建一个一个不同的目录,把代码分层管理起来.其中不同层面的目录一般用以下的命名方式:
• controller：控制层。接收前端发送的请求，对请求进行处理，并响应数据。
• service：业务逻辑层。处理具体的业务逻辑。
• dao：数据访问层，也称为持久层。负责数据访问操作，包括数据的增、删、改、查.
• model: 用于存储对实物属性的描述
下面我们对之前的图书管理的代码进行拆分重构:

表现层

package com.jrj.library.controller;

import com.jrj.library.service.loginservice;
import jakarta.servlet.http.httpsession;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;

@requestmapping("/user")
@restcontroller
public class logincontroller {
    @requestmapping("/login")
    public boolean login(string name, string password, httpsession session){
        loginservice loginservice = new loginservice();
        return loginservice.login(name,password,session);
    }
}

package com.jrj.library.controller;

import com.jrj.library.bookinfo;
import com.jrj.library.service.bookservice;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;

import java.util.arraylist;
import java.util.list;

@requestmapping("/book")
@restcontroller
public class bookcontroller {
    bookservice bookservice = new bookservice();
    @requestmapping("/getlist")
    public list<bookinfo> getlist(){
        list<bookinfo> bookinfos = new arraylist<>();
        bookinfos = bookservice.getlist();
        return bookinfos;
    }
}

业务逻辑层

package com.jrj.library.service;

import com.jrj.library.bookinfo;
import com.jrj.library.dao.data;

import java.util.list;

public class bookservice {
    public list<bookinfo> getlist(){
        data data = new data();
        list<bookinfo> list = data.mockdata();
        for (bookinfo bookinfo:list){
            if (bookinfo.status == 1){
                bookinfo.setstatuscn("可借阅");
            }else{
                bookinfo.setstatuscn("不可借阅");
            }
        }
        return list;
    }
}

package com.jrj.library.service;

import jakarta.servlet.http.httpsession;
import org.springframework.util.stringutils;

public class loginservice {
    public boolean login(string name, string password, httpsession session){
        if (!stringutils.haslength(name) || !stringutils.haslength(password)){
            return false;
        }
        if ("zhangsan".equals(name) && "123456".equals(password)){
            session.setattribute("username",name);
            return true;
        }
        return false;
    }
}

数据访问层

import java.util.random;

public class data {
    //向业务逻辑端提供数据
    public list<bookinfo> mockdata(){
        list<bookinfo> list2 = new arraylist<>();
        for (int i = 0; i < 5; i++) {
            bookinfo bookinfo = new bookinfo();
            bookinfo.setid(i);
            bookinfo.setbookname("java编程思想"+i);
            bookinfo.setcount(1);
            bookinfo.setpublish("机械工业出版社");
            bookinfo.setprice(new random().nextint(100));
            bookinfo.setauthor("高斯林");
            bookinfo.setstatus(1);
            list2.add(bookinfo);
        }
        return list2;
    }
}

实物描述

package com.jrj.library.model;

import lombok.data;

@data
public class bookinfo {//构造一本书所有的属性
    public integer id;
    public string bookname;
    public string author;
    public integer count;
    public integer price;
    public string publish;
    public integer status;//1-可借阅,2-不可借阅
    public string statuscn;
}

上面的"三层架构",遵循了一种软件设计的原则,叫做"高内聚,低耦合".
高内聚指的是⼀个模块中各个元素之间的联系比较紧密.如果各个元素(语句、程序段)之间的联系程度越高，则内聚性越高，即"高内聚".
低耦合指的是软件中各个层、模块之间的依赖关联程序越低越好。修改⼀处代码,其他模块的代码改动越少越好.
在这里插入图片描述

[Spring] Spring Web MVC案例实战

2024年08月02日 • Java •我要评论

目录