第八次作业

基于springboot+mybatis+Vue+element的数据增删改查实现

小组课程设计部分

我们的课程设计的小组题目是图书管理系统，我的小组长是辜心玉，

我认领的功能模块是公告管理模块。

1、建立的表结构

2、环境准备和实现对表的内容查询

 (一开始出现的问题：

连接数据库的时候把应该连接的是数据库名book写成了表名notice，

导致后面不能正确加载资源 显示查询结果

修改之后编写了一个测试类，结果能成功显示数据库中的信息

能够在Controller层实现数据信息的返回（部分截图）

3、编写notice.html实现查询功能

 

4、分页功能实现--使用xml文件映射解析

出现的问题：

启动程序后，打开notice.html文件前端无法显示数据，控制台报错不能读rows

而idea中能返回公告信息

html文件中不能识别rows, 说明是Axios获取的数据的格式出了问题，于是查看了controller层返回的数据信息，发现确实是数据转换出错了，Result实体类中写的是notice，而我用成了data来获取rows层的信息，所以控制台显示rows undefined

Result实体类

修改之后能成功实现查询和分页的功能

初始界面

实现查询功能和分页功能

上课案例完成情况

一、不分页 固定数据 test1.html

需要在vue中给出数据

直接从文件目录下打开，固定的数据信息可以显示

二、显示数据库中获取的数据 test2.html

如果直接从文件目录下打开html文件到浏览器会出现下面的问题，不能正确加载数据

解决方法

三、实现分页 test3.html

需要在当前每页数量或当前页面变化时 调用查询的方法重新进行数据的查询

分页查询结果

右侧搜索框查询结果

四、分页+搜索 实现条件查询功能 test4.html

实现条件查询功能

首先需要在前端实现输入显示表单，并绑定到Vue数据

点击查询按钮后进行数据查询

实现结果

五、使用xml映射实现条件查询--两个条件可填可不填

测试xml映射文件是否正确，结果返回条件查询的结果结果

两个查询条件都填写

分别只填写一个查询条件