Java—基于SpringBootWeb的综合小案例(智能学习辅助系统)_javaweb案例及代码-程序员宅基地

技术标签: JAVA语言  学习  MySQL数据库  

简介:这篇帖子是小编在看哔哩哔哩网课是的一个小案例,来自于黑马程序员,我觉得他们的课讲的很好,而且这个案例很有实用性,就在看视频的基础上,边温故知新,边实现了这个代码,在一些重点、难点和在编码过程中容易出问题的地方上进行了标注、做详解。

一、准备工作

        01、需求&环境搭建

                需求说明:(如下图)

       

                环境搭建:在这篇帖子中,因为小编主攻的是后端开发工程师,所以前端工程的项目代码这边直接给出了“百度网盘:前端代码”,大家点击下载就好。(如下图)展示的是一个小项目的过程。

接下来是项目的创建过程:

        首先第一步是创建数据库表(下图第一张是源代码,第二张时操作引导)

                (指导图片:源代码图片)

-- 部门管理
create table dept(
    id int unsigned primary key auto_increment comment '主键ID',
    name varchar(10) not null unique comment '部门名称',
    create_time datetime not null comment '创建时间',
    update_time datetime not null comment '修改时间'
) comment '部门表';

insert into dept (id, name, create_time, update_time) values(1,'学工部',now(),now()),(2,'教研部',now(),now()),(3,'咨询部',now(),now()), (4,'就业部',now(),now()),(5,'人事部',now(),now());



-- 员工管理(带约束)
create table emp (
  id int unsigned primary key auto_increment comment 'ID',
  username varchar(20) not null unique comment '用户名',
  password varchar(32) default '123456' comment '密码',
  name varchar(10) not null comment '姓名',
  gender tinyint unsigned not null comment '性别, 说明: 1 男, 2 女',
  image varchar(300) comment '图像',
  job tinyint unsigned comment '职位, 说明: 1 班主任,2 讲师, 3 学工主管, 4 教研主管, 5 咨询师',
  entrydate date comment '入职时间',
  dept_id int unsigned comment '部门ID',
  create_time datetime not null comment '创建时间',
  update_time datetime not null comment '修改时间'
) comment '员工表';

INSERT INTO emp
	(id, username, password, name, gender, image, job, entrydate,dept_id, create_time, update_time) VALUES
	(1,'jinyong','123456','金庸',1,'1.jpg',4,'2000-01-01',2,now(),now()),
	(2,'zhangwuji','123456','张无忌',1,'2.jpg',2,'2015-01-01',2,now(),now()),
	(3,'yangxiao','123456','杨逍',1,'3.jpg',2,'2008-05-01',2,now(),now()),
	(4,'weiyixiao','123456','韦一笑',1,'4.jpg',2,'2007-01-01',2,now(),now()),
	(5,'changyuchun','123456','常遇春',1,'5.jpg',2,'2012-12-05',2,now(),now()),
	(6,'xiaozhao','123456','小昭',2,'6.jpg',3,'2013-09-05',1,now(),now()),
	(7,'jixiaofu','123456','纪晓芙',2,'7.jpg',1,'2005-08-01',1,now(),now()),
	(8,'zhouzhiruo','123456','周芷若',2,'8.jpg',1,'2014-11-09',1,now(),now()),
	(9,'dingminjun','123456','丁敏君',2,'9.jpg',1,'2011-03-11',1,now(),now()),
	(10,'zhaomin','123456','赵敏',2,'10.jpg',1,'2013-09-05',1,now(),now()),
	(11,'luzhangke','123456','鹿杖客',1,'11.jpg',5,'2007-02-01',3,now(),now()),
	(12,'hebiweng','123456','鹤笔翁',1,'12.jpg',5,'2008-08-18',3,now(),now()),
	(13,'fangdongbai','123456','方东白',1,'13.jpg',5,'2012-11-01',3,now(),now()),
	(14,'zhangsanfeng','123456','张三丰',1,'14.jpg',2,'2002-08-01',2,now(),now()),
	(15,'yulianzhou','123456','俞莲舟',1,'15.jpg',2,'2011-05-01',2,now(),now()),
	(16,'songyuanqiao','123456','宋远桥',1,'16.jpg',2,'2007-01-01',2,now(),now()),
	(17,'chenyouliang','123456','陈友谅',1,'17.jpg',NULL,'2015-03-21',NULL,now(),now());



                (知道图片:操作引导)

        接下来是创建SpringBoot项目,并且添加相关依赖,操作引导如下图。

                (引导图一)

                (引导图二)

                (引导图三)

                (以上图片中对应的项目代码,大家下载后直接导入就好,点击下载。但是注意要把项目中“application.properties”文件的数据库名称和密码换成自己的。)

        02、开发规范

当前主流的开发规范就是前后端分离开发,前端与后端通过阅读接口文档相互约定规则后进行开发。(如下图所示)

编码规则—ResultFul:(如下图所示)

规定一个返回规则:通过定义一个Result类,制定统一的返回结果(如下图所示)

代码详情如下:

package com.itheima.tliaswebmanagement.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Result {
    private Integer code; //响应码: 1. 代表成功  2. 代表失败
    private String msg; //响应信息: 描述字符串
    private Object data; //返回的数据

    public static Result success(){ // 增删改 成功响应
        return new Result(1, "success", null);
    }
    public static Result success(Object data){ // 查询 成功响应
        return new Result(1, "success", data);
    }
    public static Result error(String msg){ // 失败响应
        return new Result(0, msg, null);
    }
}

二、部门管理

01、查询部门

整体思路“如下图”:首先是浏览器端发送的请求被Controller接收—>将请求发送至Service层进行逻辑处理—>处理后发送到Mapper层访问数据库—>数据库将响应的结果返回给Mapper层—>Mapper层返回给Service层—>Service层返回给Controller层—>Controller层返回给浏览器。

02、前后端联调试

前后端联调指的是将前端工程,后端工程都启动起来,通过前端工程来访问后端工程,进而进行调试。

这边小编已经将前端工程项目上传到我的网盘中,大家(点击下载),并且将其解压缩,然后运行nginx.exe可执行文件就好。

之后使用浏览器访问http://localhost:90。

03、删除部门

此功能是通过点击前端的删除部门按钮,将数据库中的对应部门数据删除掉(如下配图)。

04、新增部门

此功能是通过点击前端的新增部门按钮,将数据库中的对应部门数据增加一条(如下配图)

05、部分核心代码展示(详情代码在下面的最终代码展示)

Controller页面

package com.itheima.tliaswebmanagement.controller;

import com.itheima.tliaswebmanagement.pojo.Dept;
import com.itheima.tliaswebmanagement.pojo.Result;
import com.itheima.tliaswebmanagement.service.DeptService;
import lombok.extern.slf4j.Slf4j;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@Slf4j
// 一个完整的请求路径,应该是类上的@RequestMapping的value属性+方法上的@RequestMapping的value属性。
@RequestMapping("/depts")
public class DeptController {

    @Autowired
    private DeptService deptService;

    // 获取日志对象
    //private static Logger logger = LoggerFactory.getLogger(DeptController.class);

    /*@RequestMapping(value = "/depts", method = RequestMethod.GET)*/
    /**
     * 遍历部门数据
     * @return
     */
    @GetMapping()
    public Result list(){
        /*logger.info("通过日志工厂,获取的日志对象: " + );*/

        log.info("查询全部部门数据");

        List<Dept> deptList = deptService.list();

        return Result.success(deptList);
    }

    /**
     * 根据id删除部门
     * @return
     */
    @DeleteMapping("/{id}")
    public Result deleteByID(@PathVariable Integer id){
        log.info("根据部门ID删除部门:{}", id);
        deptService.deleteByID(id);
        return Result.success();
    }

    /**
     * 向部门插入数据
     * @return Result
     */
    @PostMapping()
    public Result insert(@RequestBody Dept dept){
        log.info("新增部门: {}", dept);
        deptService.insert(dept);
        return Result.success();
    }
}

Service层

package com.itheima.tliaswebmanagement.service.impl;

import com.itheima.tliaswebmanagement.mapper.DeptMapper;
import com.itheima.tliaswebmanagement.pojo.Dept;
import com.itheima.tliaswebmanagement.service.DeptService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.time.LocalDateTime;
import java.util.List;

@Service
public class DeptServiceImpl implements DeptService {

    @Autowired
    private DeptMapper deptMapper;

    @Override
    public List<Dept> list() {
        return deptMapper.list();
    }

    @Override
    public void deleteByID(Integer id) {
        deptMapper.deleteByID(id);
    }

    @Override
    public void insert(Dept dept) {
        //补全Dept表中的时间属性
        dept.setCreateTime(LocalDateTime.now());
        dept.setUpdateTime(LocalDateTime.now());
        deptMapper.insert(dept);
    }

}

Dao层

package com.itheima.tliaswebmanagement.mapper;

import com.itheima.tliaswebmanagement.pojo.Dept;
import org.apache.ibatis.annotations.Delete;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;

import java.util.List;

/**
 * 部门管理
 */

@Mapper
public interface DeptMapper {

    /**
     * 查询全部部门数据
     * @return
     */
    @Select("select * from dept")
    List<Dept> list();

    /**
     * 通过部门ID删除部门
     * @param id
     */
    @Delete("delete from dept where id = #{id}")
    void deleteByID(Integer id);

    /**
     * 向部门表插入一个数据
     * @param id
     */
    @Insert("insert into dept(name, create_time, update_time ) values(#{name}, #{createTime}, #{updateTime})")
    void insert(Dept dept);
}

三、员工管理

01、分页查询

此功能是通过点击前端的查询员工按钮,将数据库中的对应员工数据按照约定的格式返回给前端(如下配图)

在项目前端中就能看到我们从数据库中查到的员工数据如下。

小结如下:

02、条件分页查询

这里主要的的难点在于将SQL查询语句统一书写到XMl文件中。如下图所示,在这里使用了动态SQL语句,用以实现条件查询。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.itheima.tliaswebmanagement.mapper.EmpMapper">
    
    <select id="list" resultType="com.itheima.tliaswebmanagement.pojo.Emp">

    select * from emp
    <where>
        <if test="name != null and name != '' ">
            name like concat('%', #{name}, '%')
        </if>
        <if test="gender != null">
           and gender = #{gender}
        </if>
        <if test="begin != null and end != null">
            and entrydate between #{begin} and #{end}
        </if>
    </where>
    order by update_time desc
    </select>
</mapper>

03、删除员工

这里主要是通过动态SQL实现批量删除员工表中的员工信息,这里只展示一些核心代码,最终完整项目在文章底部提供链接。

Controller层

package com.itheima.tliaswebmanagement.controller;

import com.itheima.tliaswebmanagement.pojo.PageBean;
import com.itheima.tliaswebmanagement.pojo.Result;
import com.itheima.tliaswebmanagement.service.EmpService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.*;

import java.time.LocalDate;
import java.util.List;

/**
 * 员工管理类
 */

@Slf4j
@RestController
@RequestMapping("/emps")
public class EmpController {

    @Autowired
    private EmpService empService;

    /**
     * 员工管理-分页查询
     * @param page 页码
     * @param pageSize 每页多少数据
     */
    @GetMapping()
    public Result page(@RequestParam(defaultValue = "1") Integer page, @RequestParam(defaultValue = "10") Integer pageSize,
                       String name, Short gender,
                       @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,
                       @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end){
        PageBean pageBean = empService.page(page, pageSize, name, gender, begin, end);
        log.info("分页查询参数: {},{},{}, {}, {}", page, pageSize, name, gender, begin, end);
        return Result.success(pageBean);
    }

    /**
     * 员工管理-删除员工数据
     * @param
     * @return
     */
    @DeleteMapping("/{ids}")
    public Result deleteById(@PathVariable List<Integer> ids){

        log.info("要删除员工数据id: {}", ids);
        empService.deleteById(ids);
        return Result.success();
    }
}

Service层

package com.itheima.tliaswebmanagement.service;

import com.itheima.tliaswebmanagement.pojo.PageBean;
import org.springframework.format.annotation.DateTimeFormat;

import java.time.LocalDate;
import java.util.List;

/**
 * 员工管理
 */
public interface EmpService {

    /**
     * 分页查询
     * @param page
     * @param pageSize
     * @return
     */
    PageBean page(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end);

    /**
     * 根据id删除用户
     */
    void deleteById(List<Integer> ids);
}

Dao层

package com.itheima.tliaswebmanagement.mapper;

import com.itheima.tliaswebmanagement.pojo.Emp;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;

import java.time.LocalDate;
import java.util.List;

/**
 * 员工管理
 */

@Mapper
public interface EmpMapper {

    // 以下代码是使用PageHelper插件进行增删查改的代码。
    /**
     * 查询员工表所有数据
     * @return
     */
/*    @Select("select * from emp")*/
    public List<Emp> list(String name, Short gender, LocalDate begin, LocalDate end);

    /**
     * 根据id删除用户
     */
    void deleteById(List<Integer> ids);


    // 以下代码是不使用PageHelper插件进行增删查改的代码。
    /*    *//**
     * 查询消息记录数
     * @return
     *//*
    @Select("select count(*) from  emp")
    public Long count();

    *//**
     * 分页查询,获取列表数据
     * @return
     *//*
    @Select("select * from emp limit #{page}, #{pageSize}")
    List<Emp> page(Integer page, Integer pageSize);*/
}

XML配置文件。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.itheima.tliaswebmanagement.mapper.EmpMapper">

    <select id="list" resultType="com.itheima.tliaswebmanagement.pojo.Emp">

        select * from emp
        <where>
            <if test="name != null and name != '' ">
                name like concat('%', #{name}, '%')
            </if>
            <if test="gender != null">
                and gender = #{gender}
            </if>
            <if test="begin != null and end != null">
                and entrydate between #{begin} and #{end}
            </if>
        </where>
        order by update_time desc
    </select>

    <delete id="deleteById">
        delete from emp
        <where>
            id in
            <foreach collection="ids" item="id" separator="," open="(" close=")">
                #{id}
            </foreach>
        </where>
    </delete>
</mapper>

        总结:因为只是一个小项目,而且后面的功能要么就是简单的重复操作,要么就是更深层次的技术点,例如账号管理(注册、登录等),这个小编打算作为单独的一个文章讲解,所以目前为止只提供这么多讲解,如果继续文章就太杂乱了。

        这边也建议如果打算想更深层次的学习,可以去哔哩哔哩里面系统的观看他们的网课,然后有不懂得问题或者BUG可以随时给我留言,会非常热心的给出解答,甚至如果出现多人问同一问题,我这边也能在写一篇帖子做解答。

        小编的QQ:2917281717

        希望大家给个点赞、留言、关注,你的认可就是我坚持下去的动力。

        项目的百度链接如下(点击下载)。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Wang_ning__/article/details/134742321

智能推荐

c# 调用c++ lib静态库_c#调用lib-程序员宅基地

文章浏览阅读2w次,点赞7次,收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加 外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案,在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建:添加Visual C++ , Win32 项目这......_c#调用lib

deepin/ubuntu安装苹方字体-程序员宅基地

文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体,挺好看的。注重颜值的网站都会使用,例如知乎:font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang

html表单常见操作汇总_html表单的处理程序有那些-程序员宅基地

文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--action,当提交表单时,向何处发送表单中的数据,地址可以是相对地址也可以是绝对地址--><!--method将表单中的数据传送给服务器处理,get方式直接显示在url地址中,数据可以被缓存,且长度有限制;而post方式数据隐藏传输,_html表单的处理程序有那些

PHP设置谷歌验证器(Google Authenticator)实现操作二步验证_php otp 验证器-程序员宅基地

文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证(即Google Authenticator服务)后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器

【Python】matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距-程序员宅基地

文章浏览阅读4.3k次,点赞5次,收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距

docker — 容器存储_docker 保存容器-程序员宅基地

文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节,实现了多层数据的堆叠,为用户 提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制(CoW)策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的,不建议用于生成环境。_docker 保存容器

随便推点

网络拓扑结构_网络拓扑csdn-程序员宅基地

文章浏览阅读834次,点赞27次,收藏13次。网络拓扑结构是指计算机网络中各组件(如计算机、服务器、打印机、路由器、交换机等设备)及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式,也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn

JS重写Date函数,兼容IOS系统_date.prototype 将所有 ios-程序员宅基地

文章浏览阅读1.8k次,点赞5次,收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时,通常的做法是:new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠,也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑,需要做一些额外的特殊处理,笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数,一劳永逸,避免每次ne_date.prototype 将所有 ios

如何将EXCEL表导入plsql数据库中-程序员宅基地

文章浏览阅读5.3k次。方法一:用PLSQL Developer工具。 1 在PLSQL Developer的sql window里输入select * from test for update; 2 按F8执行 3 打开锁, 再按一下加号. 鼠标点到第一列的列头,使全列成选中状态,然后粘贴,最后commit提交即可。(前提..._excel导入pl/sql

Git常用命令速查手册-程序员宅基地

文章浏览阅读83次。Git常用命令速查手册1、初始化仓库git init2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,包括untracked的文件...

分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120-程序员宅基地

文章浏览阅读202次。分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120

【C++缺省函数】 空类默认产生的6个类成员函数_空类默认产生哪些类成员函数-程序员宅基地

文章浏览阅读1.8k次。版权声明:转载请注明出处 http://blog.csdn.net/irean_lau。目录(?)[+]1、缺省构造函数。2、缺省拷贝构造函数。3、 缺省析构函数。4、缺省赋值运算符。5、缺省取址运算符。6、 缺省取址运算符 const。[cpp] view plain copy_空类默认产生哪些类成员函数

推荐文章

热门文章

相关标签