SpringBoot全网最详细学习笔记06

最新推荐文章于 2024-11-07 09:58:36 发布
最新推荐文章于 2024-11-07 09:58:36 发布
阅读量85 收藏
点赞数
分类专栏： SpringBoot 文章标签： spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43955644/article/details/117230771
版权

SpringBoot学习笔记06

员工管理系统

5. 展示员工列表

  1. 修改菜单名为员工管理

    image-20210518153604466

    修改成功:

    image-20210518153702044

  2. 编写员工管理的Controller, EmployeeController

    @Controller
public class EmployeeController {

    @Autowired
    EmployeeDao employeeDao;

    @RequestMapping("/emps")
    public String list(Model model){
        Collection<Employee> employees = employeeDao.getAll();

        model.addAttribute("emps", employees);

        return "emp/list";
    }

}

    将list.html移到新建的emp文件夹中<项目规范>

    image-20210518154528355

    在dashboard.html中修改以下内容, 实现跳转

    运行, 跳转成功.

    image-20210518155011750

  3. 抽取公共部分,实现复用

    在templates下新建一个commons下新建一个commons并在其下面新建一个commons.html

    将头部导航栏以及侧边栏代码写入

    image-20210518163309379

    修改部分:

    image-20210518163511525

    在dashboard.html以及list.html中引入

    image-20210518164015835

    运行, 复用成功.

  4. 高亮实现

    active属性代表高亮

    在dashboard.html以及list.html增加传递参数以识别是哪一个菜单高亮

    dashboard.html

    image-20210518170644075

    list.html

    image-20210518170711750

    修改commons.html内容

    员工管理:

    image-20210518170753093

    首页:

    image-20210518170926076

  5. 员工管理页面显示自己的数据

    修改list页面

    image-20210518172340878

    <table class="table table-striped table-sm">
							<thead>
								<tr>
									<th>id</th>
									<th>lastName</th>
									<th>email</th>
									<th>gender</th>
									<th>department</th>
									<th>birth</th>
								</tr>
							</thead>
							<tbody>
								<tr th:each="emp:${emps}">
									<td th:text="${emp.getId()}"></td>
									<td th:text="${emp.getLastName()}"></td>
									<td th:text="${emp.getEmail()}"></td>
									<td th:text="${emp.getGender()}"></td>
									<td th:text="${emp.getDepartment().getDepartmentName()}"></td>
									<td th:text="${emp.getBirth()}"></td>
								</tr>
							</tbody>
						</table>

    运行,如下

    image-20210518172417124

  6. 增加功能按键

    list.html增加下列代码

    image-20210518172615527

    运行, 成功

    image-20210518172745966

  7. 男女&生日列显示问题

    修改list.html下列内容:

    image-20210518173103503

    运行, 解决成功

    image-20210518173137218

6. 添加员工实现

  1. 增加添加按钮

    在list.html中添加如下内容

    image-20210519223535895

  2. 在EmployeeController中添加下列内容

    image-20210519224018360

        @GetMapping("/emp")
    public String toAddpage(){
        return "emp/add";
    }

  3. 在emp下编写add.html

    <!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dashboard Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">
    <style type="text/css">
        /* Chart.js */

        @-webkit-keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        @keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        .chartjs-render-monitor {
            -webkit-animation: chartjs-render-animation 0.001s;
            animation: chartjs-render-animation 0.001s;
        }
    </style>
</head>

<body>
<!--头部导航栏-->
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
    <div class="row">
        <!--侧边栏-->
        <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
            <form action="">
                <div class="form-group">
                    <label>LastName</label>
                    <input type="text"class="form-control"placeholder="祝怡睿">
                </div>
                <div class="form-group">
                    <label>Email</label>
                    <input type="email"class="form-control"placeholder="3289913719@qq.com">
                </div>
                <div class="form-group">
                <label>Gender</label>
                <br>
                <div class="form-check form-check-inline">
                    <input class="form-check-input"type="radio"name="gender"value="1">
                    <label class="form-check-label">男</label>
                </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input"type="radio"name="gender"value="0">
                        <label class="form-check-label">女</label>
                    </div>
                </div><div class="form-group">
                <label>department</label>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div><div class="form-group">
                <label>Birth</label>
                <input type="text"class="form-control"placeholder="2000-03-28">
            </div>
                <button type="submit"class="btn btn-primary">添加</button>
            </form>
        </main>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="asserts/js/popper.min.js"></script>
<script type="text/javascript" src="asserts/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="asserts/js/feather.min.js"></script>
<script>
    feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="asserts/js/Chart.min.js"></script>
<script>
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            datasets: [{
                data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
                lineTension: 0,
                backgroundColor: 'transparent',
                borderColor: '#007bff',
                borderWidth: 4,
                pointBackgroundColor: '#007bff'
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: false
                    }
                }]
            },
            legend: {
                display: false,
            }
        }
    });
</script>

</body>

</html>

  4. 编写完成运行, 如下

    image-20210519231650509

    点击添加:

    image-20210519231708317

  5. 将add.html 的name标签与Employee类对应

    image-20210519232244817

    修改后的html如下:

    <!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dashboard Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">
    <style type="text/css">
        /* Chart.js */

        @-webkit-keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        @keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        .chartjs-render-monitor {
            -webkit-animation: chartjs-render-animation 0.001s;
            animation: chartjs-render-animation 0.001s;
        }
    </style>
</head>

<body>
<!--头部导航栏-->
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
    <div class="row">
        <!--侧边栏-->
        <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
            <form action="">
                <div class="form-group">
                    <label>LastName</label>
                    <input type="text"class="form-control"placeholder="祝怡睿" name="lastName">
                </div>
                <div class="form-group">
                    <label>Email</label>
                    <input type="email"class="form-control"placeholder="3289913719@qq.com" name="email">
                </div>
                <div class="form-group">
                <label>Gender</label>
                <br>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="gender" value="1">
                    <label class="form-check-label">男</label>
                </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="gender" value="0">
                        <label class="form-check-label">女</label>
                    </div>
                </div>
                <div class="form-group">
                <label>department</label>
                <select class="form-control" name="department.id">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div>
                <div class="form-group">
                <label>Birth</label>
                <input type="text"class="form-control"placeholder="2000-03-28" name="birth">
                </div>
                <button type="submit"class="btn btn-primary">添加</button>
            </form>
        </main>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="asserts/js/popper.min.js"></script>
<script type="text/javascript" src="asserts/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="asserts/js/feather.min.js"></script>
<script>
    feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="asserts/js/Chart.min.js"></script>
<script>
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            datasets: [{
                data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
                lineTension: 0,
                backgroundColor: 'transparent',
                borderColor: '#007bff',
                borderWidth: 4,
                pointBackgroundColor: '#007bff'
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: false
                    }
                }]
            },
            legend: {
                display: false,
            }
        }
    });
</script>

</body>

</html>

    运行发现部门框全部为数字,需要修改:

    image-20210519232517621

    需要从后端获取部门, 修改EmployeeController

    image-20210519232807109

    代码如下:

    package com.zyr.controller;

import com.zyr.dao.DepartmentDao;
import com.zyr.dao.EmployeeDao;
import com.zyr.pojo.Department;
import com.zyr.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Collection;

/**
 * @Author: ZYR
 * @Date: 2021/5/18 15:38
 * @Version 1.0
 */

@Controller
public class EmployeeController {

    @Autowired
    EmployeeDao employeeDao;

    @Autowired
    DepartmentDao departmentDao;

    @RequestMapping("/emps")
    public String list(Model model){
        Collection<Employee> employees = employeeDao.getAll();

        model.addAttribute("emps", employees);

        return "emp/list";
    }

    @GetMapping("/emp")
    public String toAddpage(Model model){
        //查处部门所有信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments", departments);
        return "emp/add";
    }

}

    对应前端需要接收departments信息

    image-20210519233246227

    运行结果如下:

    image-20210519233341199

  6. 添加结果提交

    • 修改add.html的form表单提交跳转位置

      image-20210519233804621

    • 在EmployeeController里添加功能实现内容

          @PostMapping("/emp")
    public String addEmp(Employee employee){
        //添加操作
        employeeDao.save(employee);
        System.out.println("save"+employee);

        return "redirect:/emps";
    }

    • 运行, 添加成功

      image-20210520000641976

  7. 默认时间格式修改

    在application.yaml中修改

    spring:
  mvc:
    date-format: yyyy-MM-dd

7. 修改员工实现

  1. 在list.html的编辑按钮添加如下内容

    image-20210520015705167

    代码如下:

    <a class="btn btn-sm btn-primary" th:href="@{/emp/{id}(id = ${emp.getId()})}">编辑</a>

  2. EmployeeController跳转实现

        //去员工修改页面
    @GetMapping("/emp/{id}")
    public String toUpdateEmp(@PathVariable("id") Integer id, Model model){
        //查出原来数据
        Employee employeeById = employeeDao.getEmployeeById(id);
        //将员工信息传给前端
        model.addAttribute("emp", employeeById);
        //查出部门所有信息
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments", departments);

        return "emp/update";
    }

  3. 前端将选中的员工信息回显到修改页update.html

    image-20210520022741622

    具体代码:

    <!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dashboard Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">
    <style type="text/css">
        /* Chart.js */

        @-webkit-keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        @keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        .chartjs-render-monitor {
            -webkit-animation: chartjs-render-animation 0.001s;
            animation: chartjs-render-animation 0.001s;
        }
    </style>
</head>

<body>
<!--头部导航栏-->
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
    <div class="row">
        <!--侧边栏-->
        <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
            <form th:action="@{/updateEmp}" method="post">
                <div class="form-group">
                    <label>LastName</label>
                    <input th:value="${emp.getLastName()}" type="text"class="form-control"placeholder="祝怡睿" name="lastName">
                </div>
                <div class="form-group">
                    <label>Email</label>
                    <input th:value="${emp.getEmail()}" type="email"class="form-control"placeholder="3289913719@qq.com" name="email">
                </div>
                <div class="form-group">
                <label>Gender</label>
                <br>
                <div class="form-check form-check-inline">
                    <input th:checked="${emp.getGender()==1}" class="form-check-input" type="radio" name="gender" value="1">
                    <label class="form-check-label">男</label>
                </div>
                    <div class="form-check form-check-inline">
                        <input th:checked="${emp.getGender()==0}" class="form-check-input" type="radio" name="gender" value="0">
                        <label class="form-check-label">女</label>
                    </div>
                </div>
                <div class="form-group">
                <label>department</label>
                <select class="form-control" name="department.id">
                    <option th:selected="${dept.getId()==emp.getDepartment().getId()}" th:each="dept:${departments}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}"></option>
                </select>
            </div>
                <div class="form-group">
                <label>Birth</label>
                <input th:value="${#dates.format(emp.getBirth(), 'yyyy-MM-dd HH:mm')}" type="text"class="form-control"placeholder="2000-03-28" name="birth">
                </div>
                <button type="submit"class="btn btn-primary">修改</button>
            </form>
        </main>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="asserts/js/popper.min.js"></script>
<script type="text/javascript" src="asserts/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="asserts/js/feather.min.js"></script>
<script>
    feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="asserts/js/Chart.min.js"></script>
<script>
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            datasets: [{
                data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
                lineTension: 0,
                backgroundColor: 'transparent',
                borderColor: '#007bff',
                borderWidth: 4,
                pointBackgroundColor: '#007bff'
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: false
                    }
                }]
            },
            legend: {
                display: false,
            }
        }
    });
</script>

</body>

</html>

  4. 在EmployeeController添加修改功能

    //修改员工信息
    @PostMapping("/updateEmp")
    public String updateEmp(Employee employee){

        employeeDao.save(employee);

        return "redirect:/emps";
    }

  5. 日期问题

    image-20210520023155600

  6. 运行,修改

    image-20210520023409293

    发现修改后只是新增了一条

  7. 解决, 使用隐藏域解决

    update.html添加如下内容

    image-20210520023702033

    再次修改<将B性别修改为女>, 成功.

    image-20210520024120906

8. 删除员工实现

  1. 修改list.html删除按钮内容

    image-20210520193820309

    代码:

    <a class="btn btn-sm btn-danger" th:href="@{/deleemp/{id}(id = ${emp.getId()})}">删除</a>

  2. 添加EmployeeController删除功能

        //删除员工信息
    @GetMapping("/deleemp/{id}")
    public String deleEmp(@PathVariable("id") Integer id){
        employeeDao.delete(id);
        return "redirect:/emps";
    }

  3. 测试删除功能, 删除1005, 成功

    image-20210520195007890

9. 其他问题

  1. 404页面

    SpringBoot中404页面只需要在templates下新建一个error文件夹，然后其中建一个404.html，就生效了。

    image-20210520195503187

    其他错误页面方法一致（例如500等），运行测试

    image-20210520195546019

  2. 账号注销

    • 修改commons.html相关内容

      image-20210520195816733

      <a class="nav-link" th:href="@{/user/logout}">注销</a>

    • 在LoginController中添加相关内容

      @RequestMapping("/user/logout")
    public String logout(HttpSession session){
        session.invalidate();
        return "redirect:/index";
    }

    • 运行测试

10. 如何写一个网站

  1. 前端搞定：页面长什么样： 数据

  2. 设计数据库 （难点）

  3. 前段让他能独立运行，独立化工程

  4. 数据接口如何对接：json， 对象all in one！
    s";
    }

  5. 测试删除功能, 删除1005, 成功

    [外链图片转存中…(img-2qfFnTHY-1621856890171)]

9. 其他问题

  1. 404页面

    SpringBoot中404页面只需要在templates下新建一个error文件夹，然后其中建一个404.html，就生效了。

    [外链图片转存中…(img-vo6wSsty-1621856890171)]

    其他错误页面方法一致（例如500等），运行测试

    [外链图片转存中…(img-3T8bMpEM-1621856890172)]

  2. 账号注销

    • 修改commons.html相关内容

      [外链图片转存中…(img-iWgpau5o-1621856890174)]

      <a class="nav-link" th:href="@{/user/logout}">注销</a>

    • 在LoginController中添加相关内容

      @RequestMapping("/user/logout")
    public String logout(HttpSession session){
        session.invalidate();
        return "redirect:/index";
    }

    • 运行测试

10. 如何写一个网站

  1. 前端搞定：页面长什么样： 数据
  2. 设计数据库 （难点）
  3. 前段让他能独立运行，独立化工程
  4. 数据接口如何对接：json， 对象all in one！
  5. 前后端联调测试！
小猪乔治猪
关注
专栏目录
Thymeleaf显示表格
天高任鸟飞
08-30 1万+
Controller 获取用户请求，返回list //查询所有员工返回列表页面 @GetMapping(&quot;/emps&quot;) public String list(Model model) { Collection&amp;lt;Employee&amp;gt; employees = employeeDao.getAll(); //放在请求域中 model.addAttribute...
@DeleteMapping跳转方法，要加斜杠，否则是从当前路径跳
Fire_Sky_Ho的博客
08-13 3433
@GetMapping("emps") public String getAll(Model model) { Collection<Employee> employees = employeeDao.getAll(); model.addAttribute("employees", employees); System....
SpringBoot创建员工管理系统（四）员工页面设置
zhangc
08-23 1217
设置员工展示页面 在dashboard.html中设置员工地址请求 因为现在没有办法处理请求,所以创建一个处理请求的EmpController类来处理请求 @Controller public class EmpController { @Autowired EmployeeDao employeeDao; // 查询员工跳转到列表页 @Request...
详细SpringBoot教程之Web开发（二）
BoCong-Deng的博客
02-25 5649
写在前面 鉴于有人留言说想要学习SpringBoot相关的知识，我这里打算写一个SpringBoot系列的相关博文，目标呢是想让看了这一系列博文的同学呢，能够对SpringBoot略窥门径，这一系列的博文初步都定下来包括SpringBoot介绍、入门、配置、日志相关、web开发、数据访问、结合docker、缓存、消息队列、检索、任务安全、分布式等等一系列的博文，工作量很大，是个漫长的过程，每一步我...
SpringBoot全网最详细学习笔记05
qq_43955644的博客
05-24 154
SpringBoot学习笔记05 员工管理系统 1. 准备工作 静态资源下载 网址: https://pan.baidu.com/s/1kkr_TNtmMkKBJr1DYMguAw 提取码: zyr2 下载解压得到下图文件: 导入SpringBoot项目中 将html页面全部导入到templates中 将asserts里的文件全部导入到static中 编写pojo类 部门类: package com.zyr.pojo; import lombok.AllArgsConstructor;
SpringBoot全网最详细学习笔记07
qq_43955644的博客
10-09 225
SpringBoot学习笔记07 SpringBoot整合 1. 整合Druid数据源 1. 创建新SpringBoot项目 勾选相关框架< 未勾选后面也可以自己导入依赖> 创建成功: 2. 连接数据库 新建数据库 运行sql文件, 下载连接如下: 链接：https://pan.baidu.com/s/1JHEtuVryzPOp3ogTItTDeA 提取码：zyr2 运行后如下图: 在resources下新建一个application.yaml<功能比applicati
SpringBoot全网最详细学习笔记01
qq_43955644的博客
05-24 146
SpringBoot最详细学习笔记01 1.SpringBoot定义 ​ 什么是SpringBoot呢，就是一个javaweb的开发框架，和SpringMVC类似，对比其他javaweb框架的好处，官方说是简化开发，约定大于配置， you can “just run”，能迅速的开发web应用，几行代码开发一个http接口。自动装配 ​ Spring Boot 基于 Spring 开发，Spirng Boot 本身并不提供 Spring 框架的核心特性以及扩展功能，只是用于快速、敏捷地开发新一代基于 S
SpringBoot全网最详细学习笔记04
qq_43955644的博客
05-24 100
SpringBoot学习笔记04 MVC自动配置原理 1.官网阅读 在进行项目编写前，我们还需要知道一个东西，就是SpringBoot对我们的SpringMVC还做了哪些配置，包括如何扩展，如何定制。 只有把这些都搞清楚了，我们在之后使用才会更加得心应手。途径一：源码分析，途径二：官方文档！ 它可以很好地与大多数应用程序一起工作。 Spring Boot provides auto-configuration for Spring MVC that works well with most applicat
SpringBoot全网最详细学习笔记02
qq_43955644的博客
05-24 104
SpringBoot学习笔记02 yaml语法学习 1.配置文件 SpringBoot使用一个全局的配置文件 ， 配置文件名称是固定的 application.properties 语法结构 ：key=value application.yml 语法结构 ：key：空格 value **配置文件的作用 ：**修改SpringBoot自动配置的默认值，因为SpringBoot在底层都给我们自动配置好了； 比如我们可以在配置文件中修改Tomcat 默认启动的端口号！测试一下！ s
编程不良人SpringSecurity资料学习，整合SpringBoot与Security的整合资料全网最全
01-28
这个资料包中的"笔记"部分，可能包含了详细的步骤讲解、示例代码以及对SpringSecurity核心概念的解析，帮助你理解如何配置和使用这个框架。"代码"部分则可能是实际的示例代码，供你参考和实践。 学习SpringSecurity...
SpringBoot教程(十六) SpringBoot集成swagger（全网最全）
m0_54850825的博客
06-12 1585
swagger是当下比较流行的实时接口文文档生成工具。接口文档是当前前后端分离项目中必不可少的工具，在前后端开发之前，后端要先出接口文档，前端根据接口文档来进行项目的开发，双方开发结束后在进行联调测试。所以接口文档其实就是开发之前双方之间的一种约定。通常接口文档分为离线的和实时的。离线的接口文档工具有： word(相当于没说)， YAPI, 小幺鸡等，这种文档需要程序员在上面编写，也一般具备接口测试功能。通常是由开发人员先在离线接口文档上编写信息，然后交给前端人员参照开发。最大的弊端是当我们的接口程序发生变
108页《SpringBoot 学习笔记完整教程》PDF附下载
uuqaz的博客
05-30 1298
今天Hydra分享给大家一本108页的《SpringBoot 学习笔记完整教程》，从SpringBoot的基本入门使用，到搭建项目进行代码实战，最终研究底层实现原理，基本涵盖了各个环节，可以说是一份非常齐全的资料了，能够帮助你快速打通SpringBoot的任督二脉。 目录 大家首先可以来看一下目录，全书共108页分为33个章节： 简要浏览 集成JdbcTemplate： 实现基于Scheduled的任务调度： 拦截器Interceptor实战： 集成redis缓存： ...
全网最细的SpringBoot3系列教程
热门推荐
m0_63021062的博客
06-11 1万+
最新SpringBoot从入门到精通系列
现代化水电管理：Spring Boot在大学城的实践
2402_85758349的博客
11-02 1313
在概念模式的设计中，E-R模型法是最常见的设计方法。B/S架构的运行方式是在远程的服务器上把开发的软件系统部署在远程的服务器上，在部署好软件系统之后就可以实现在任何接入互联网的电脑上访问部署好的软件系统。6、网络上的客户端和服务器可以用来编程任何独立的编程环境，也有中国，GB2312，BIG5，日文写作，一般基金，用于支持多国语言，并且可以嵌入在数据表和其他软件shift_jis访问柱可以用作的名称。编程语言，如C, C ++，Python和Java的，的Perl，PHP，埃菲尔铁塔，Ruby和Tcl的。
Spring Boot中集成MyBatis操作数据库详细教程
cooldream2009的博客
11-04 760
在Java开发中，MyBatis是一款轻量级且灵活的持久层框架，支持SQL语句和自定义映射，尤其适合需要复杂SQL操作的应用场景。结合Spring Boot，我们可以更加方便地使用MyBatis进行数据操作。本篇文章将手把手地介绍如何在Spring Boot项目中集成MyBatis，并实现基础的增删改查操作。我们会从依赖配置开始，到实体类、Mapper接口、Service和Controller的创建，最终形成一个简洁易用的应用结构。
Spring Boot 与 Vue 共筑卓越租车管理新平台
Yaml4的博客
11-02 991
随着人们生活水平的不断提高和出行需求的日益多样化，汽车租赁市场呈现出蓬勃发展的态势。然而，传统的租车管理方式面临着诸多挑战。一方面，在传统模式下，租车业务的流程繁琐，从车辆信息登记、客户预订、合同签订到车辆交接、费用结算等环节，大多依赖人工操作，容易出现错误和效率低下的问题。同时，对于车辆的状态监控、调度安排等也缺乏有效的手段，难以满足客户对便捷、高效租车服务的需求。另一方面，随着信息技术的飞速发展，客户对于租车服务的期望也在不断提高。
智能化健身房管理：Spring Boot与Vue的创新解决方案
最新发布
Yaml4的博客
11-07 731
在现代社会，人们对健康和健身的重视程度不断提高。健身房作为人们进行体育锻炼和追求健康生活的重要场所，其数量和规模也在不断增长。然而，传统的健身房管理方式面临着诸多挑战。一方面，随着健身房会员数量的增加和业务的不断扩展，传统的人工管理方式变得越来越繁琐和低效。例如，会员信息的登记、课程安排、教练分配、设备管理等工作都需要大量的人力和时间，而且容易出现错误和漏洞。此外，传统的管理方式也难以满足会员对个性化服务和便捷体验的需求。另一方面，随着科技的不断进步，人们对智能化、数字化的服务需求也越来越高。
Java版企业电子招标采购系统源码Spring Cloud + Spring Boot +二次开发+ MybatisPlus + Redis
m0_66404702的博客
11-05 370
主要功能包含：招标公告管理、变更公告管理、终止公告管理、中标候选人公告管理、中标公告管理、采购公告管理、采购结果公告管理、单一来源采购结果公告管理。3、采购项目管理：可对项目采购过程全流程管理，包含功能有：评审人员的选取/抽取、基准价维护、供应商缴费审核、投标过程记录查询、供应商报价维护、项目评审查询、线下项目管理、采购计划制定与维护。主要功能包含：公告模板管理、评审人员管理、第三方机构管理、供应商管理、采购类别设置、评审模板管理、考核模板管理。主要板块包含：招标公告、非招标公告、系统通知、政策法规。
Spring Boot框架下的水电管理系统开发
2401_85743969的博客
11-02 1183
同时，一个大型的计算机网站系统，必须有一个正确的设计指导思想，通过合理选择数据结构、网络结构、操作系统以及开发环境，构成一个完善的网络体系结构，才能充分发挥计算机信息管理的优势。随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重要场所，二十一世纪是信息的时代，所以信息的管理显得特别重要。随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。2.高可靠性：一个实用的网站同时必须是可靠的，本设计通过合理而先进的网络设计以及软、硬件的优化选型，可保证网站的可靠性与容错性。
掌握SpringBoot实战：深度学习笔记解析
资源摘要信息: "SpringBoot实战4" 知识点： 1. SpringBoot简介 SpringBoot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。SpringBoot提供了一种新的编程范式，通过自动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值