Design and Implementation of Stray Animal Rescue System 22 (SpringBoot+ IDEA+Thymeleaf+MySQL)

Contents
Abstract I
Abstract II
1 Introduction 1
1.1 Research Background and Significance 1 1.2
Research Status at Home and Abroad 1
2 Main Technologies 3
2.1 Java Overview 3
2.2 SpringBoot Technology 3
2.3 Intellij IDEA 3
2.4 Tomcat 3
2.5 MySQL 4
2.6 Thymeleaf 4
3 Requirements Analysis 5
3.1 Feasibility Analysis 5
3.1.1 Technical Feasibility Analysis 5
3.1.2 Economic Feasibility Analysis 5
3.1.3 Operational Feasibility Analysis 5
3.1.4 Legal Feasibility Analysis 5
3.2 Functional Requirements Analysis 5
3.2.1 Rescuer Use Case Diagram Analysis 6
3.2.2 Administrator use case diagram analysis 6
3.3 Non-functional requirements analysis 7
4 System design 8
4.1 Overall function design 8
4.2 Function module detailed design 9
4.2.1 Login module design 9
4.2.2 Login module design 9
4.2.3 Animals Adoption module design 10
4.2.4 Love donation module design 11
4.2.5 Comment post module design 12
4.2.6 User management module design 13
4.2.7 Design of animal category management module 14
4.2.8 Design of animal management module 15
4.2.9 Design of post management module 16
4.2.10 Design of adoption management module 17
4.2.11 Design of donation management module 18
4.2.12 Design of announcement management module 19
4.2 .13 Comment management module design 20
4.2.14 Personal information management module design 21
4.3 Database design 22
4.3.1 Database conceptual model design 22
4.3.2 Database physical structure design 26
5 System implementation 30
5.1 Front desk implementation 30
5.1.1 System home page 30
5.1.2 Registration module 30
5.1.3 Login module 31
5.1.4 Animal details module 32
5.1.5 Love donation module 32
5.1.6 My evaluation 33
5.1.7 Application for adoption 34
5.1.8 My application 34
5.2 Background implementation 35
5.2.1 User Management Module35
5.2.2 Animal Category Management Module36
5.2.3 Animal Information Management Module36
5.2.4 Post Management Module37
5.2.5 Announcement Management Module38
5.2.6 Adoption Management Module38
5.2.7 Animal Donation Management Module 39
5.2.8 Evaluation Management Module 39
6 System Testing 40
6.1 Purpose of Software Testing 40
6.2 Environment of Software Testing 40
6.3 Test Cases 40
Conclusions 43
Acknowledgments 44
References 45
4 System Design
4.1 Overall Functional Design
Animal rescue center management system is divided into front desk and The background is divided into two roles: rescuer and administrator. The following is the functional structure diagram of the system, as shown in Figure 4.1. Divided into website and background. The front desk mainly has a home page (display of stray animal information, with animal details page) (forum list, with details page) (bulletin board) community user roles have mobile phone number registration, login to post, and can comment on posts. My posts in the personal center: view and modify my posts, delete posts. My Comments: View and delete my comments. lAdoption management: My adoption application needs to be reviewed. Remarks: There is an application for adoption on the stray animal information details page. You can apply to adopt animals and fill in the application registration information. Love donation: Donate money. On the animal details page, there is a donation button to make a donation. A donation form appears. Select the amount of donation. You can choose 10 yuan, 20 yuan, 50 yuan, 100 yuan, other amounts, and choose the payment method Make a donation. Personal information management: View and modify personal information and avatar. Administrator: Login with the administrator's mobile phone number. Personal information management (view, modify, modify avatar, etc.). Management of stray animals: adding, deleting, modifying and checking stray animal information: Announcement management: adding, deleting, modifying and checking announcement information. Post management: query, modify, delete posts. Adoption application management: query, delete, review animal adoption information, agree or reject. Love donation management: view, modify, delete love donation information. Click to confirm whether you have received a donation. Comment management: query, modify, delete user post information.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="icon" th:href="@{/public/favicon.ico}" type="image/x-icon"/>
    <link rel="bookmark" th:href="@{/public/favicon.ico}" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css"  th:href="@{/css/bootstrap.css}">
    <link rel="stylesheet" type="text/css"  th:href="@{/css/back.css}">
    <link rel="stylesheet" type="text/css"  th:href="@{/css/bootstrap-theme.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.js}"></script>
    <script type="text/javascript" th:src="@{/js/login.js}"></script>
    <script>
        $(function() {
    
    
            //防止页面后退
            history.pushState(null, null, document.URL);
            window.addEventListener('popstate', function () {
    
    
                history.pushState(null, null, document.URL);
            });
        })
    </script>
</head>
<body οnlοad="loadTopWindow()">
<div id="magicalDragScene" class="mc-root mc-ui-absolute-pane">
    <h1 style="margin-left: 56%;margin-top: 8%;font-family: 隶书;font-size: 60px;color: white" >动物救助中心系统</h1>
    <br>
    <div id="tmd" style="width: 25%;height: 300px;">
        <form style="margin: 0 auto;width: 80%;height: 300px; line-height: 30px;" th:action="@{/loginUser}" method="post" οnsubmit="return regCheck()">
            <h1 class="h3 mb-3 font-weight-normal" style="color:white;font-family: 隶书;text-align: center;" >登录</h1>
            <input id="username" name="username" class="layui-input" type="text"  th:placeholder="请填写手机号或者用户名"/>

            <input id="password" name="password" class="layui-input" style="margin-top: 5px" type="password" th:placeholder="请填写用户密码" origin-type="password"/>


         <!--   <select name="type" class="form-control">
                <option value="1" selected>管理员</option>
                <option value="2">用户</option>
            </select>-->
            <br>
            <input  name="type" value="1" style="margin-top: 5px" type="radio" checked/>管理员
            <input  name="type" value="2" style="margin-top: 5px" type="radio" />救助者

            <!--   <input name="remember" type="checkbox" style="margin-top: 15px;">&nbsp;<span style="color: #43a047;" ></span>-->
         <span id="statusTip" style="color: #d62727;font-size: 15px;margin-left: 40%" th:text="${status}"></span>
            <br>
          <!--  <div class="form-check form-check-inline"></div>-->

            <!--<p class="mt-5 mb-3 text-muted text-sm-right" style="margin-top: 10px"><span >还没有账号,</span>
                <a class="text-info" th:href="@{/toReg}" draggable="false" style="color: #43a047" >求助者注册</a>
                <a class="text-info" th:href="@{/toReg2}" style="color: #00a1d6;margin-left: 2px" >救援者注册</a>
            </p>-->
            <button class="layui-btn1" style="width: 300px;height: 40px;font-size: 16px;color: white" type="submit">登录</button>

            <a th:href="@{/toRegister}">注册</a>
        </form>
    </div>
    <br>
 <!--   <a style="color: white;margin-left: 75%" th:href="@{/login.html(language='zh_CN')}">中文</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a style="color: white" th:href="@{/login.html(language='en_US')}">English</a>-->


</div>

</body>
</html>