当前课程知识点：软件开发实训--动态网站开发 > 11 内容管理实现 > 11.6内容检索页面实现 > 11.6.1内容检索页面实现
同学
你好
欢迎回到软件开发实训课堂
上节课咱们把内容的添加和编辑已经实现了
但是还有两个问题
一个是图片的上传没有做
第二个还有副文本编辑器
也就是html编辑器
并没有把它实现
再一个内容的分类
我们也没有把它完成了
那么这节课我们先把列表
也就是查询页给它实现了
然后我们再来实现其他的问题
那么为了实现查询页
我们首先在母版目录上点击右键选择新建
html文件
文件名叫list content
加上一个S这与我们其他的文件相同
然后我们打开已经存在的文件复制一份
列表相关的内容
这样我们就不需要过多的去编辑重复性内容
改掉标题内容管理
这上面的提示信息
我们也不需要去改变它
搜索页
我们要回到contents页里边去
关键字这里我们需要改变一下
我们的关键字叫key word
这里边我们需要把他对象拿过来
object等于search
这样我们的绑定字段就可以去绑定他了
field key word
然后我们就可以接着往下看
关键字完成后我们需要两个日期框
所以我们在这里再来添加两个日期
开始日期
以通过发布的日期来进行搜索
我们来看一下sdate
日期的类型为date字段名sdate
对于日期我们可以不需要这个提示
这个按钮我们改成添加内容
edit content链接
对于多个内容的删除
我们需要把它改成这样子
删除按钮
无需变化
再加一个结束日期
那么这是edate
现在我们写完了搜索的表单
然后下面我们来看
对列表的实现
对内容
我们有标题发布者发布的日期
然后我们再有其它的操作
我们用这四个五个单元格就可以了
我们这叫c.cid把ID都给它改过来
Stat这是 它的状态时
自动增加的一个说明字段
就表示我这是在获取循环的状态
第一个
标题显示出来
第二个是用户加上它的名称
然后是我们的发布日期
cdate
下面这些我们就可以不需要把ID给它改过来
url地址
content
也给它改过来
删除一项是delete content
这里是分页
分页我们先不理会她
我们直接看一下底下的删除按钮
还有没有
已经修改好了
好
我们来看一下上面的删除
cid全选这是
当点击删除按钮时
我们看一下它的操作
我们来看打开一下我们新加的GS文件
在这里
当我们点击删除按钮时
这里边会执行Java script的脚本
我们把脚本可以根据需要给他进行修改一下
首先是对按钮添加确认操作
我们这里边就不需要改了
这里还有一个就是ID
我们传递的数据是uid
这是因为我们之前用的就是uid
这个数据
为了能使用这些个代码
我们完全可以把整体的数据用uid来操作
我们来看一下
我们获取的数据包括了check box
cuid这样一个ID而且得到他的数据是
它的值
我们来看一下
只要把他ID给它改回来就可以了
我们看一下
选项里边check box的
ID是cuid
我们把这个改掉
然后我们会得到它的值
这样子
我们就必须要改脚本了
而且也不会影响到用户的删除
这个要注意
还有一点
那就是当我们提交到后台时要注意
我们收取的是uids
这样我们的列表就实现了
我们来打开控制器
定义我们的列表
列表我们既有搜索表单的提交
又有get的请求
所以我们用request mapping
list contents
方法名我们就叫list
我们有可能会得到一个search对象
因为我们会搜索
我们把搜索对象放在model里边
所以我们还需要一个model
因为搜索的内容我们可以让他填回到表单里去
所以我们把它加起来
我们对象名search
填充的对象search
然后我们需要去检索
检索时我们是分页检索
所以我们需要用到search pagable
那么pageable我们让Spring帮我们注入进来
他会给你初始化一个值
那么它显示的就是当前第一页pageable
这得到的是一个page content对象
我们把它放到毛豆里边
以便于界面可以获得它
在界面里我们用的是pages
所以这块也要用pages
导入相关的类
最后return list contents
转向到我们的模板
这样我们就写好了
现在我们为了操作方便
在index模板上直接添加一个链接
list
后边再加一个S内容管理
我们刷新界面
重新登录
输入正确的用户名后
我们登进来看一下
点击链接之后
我们出现了一个错误消息
这种错误消息通常我们往下看一下
到最后caused by由谁引起的错误
这里有个name
我们界面上有一个name属性
我们看一下是谁
这个user是空的
我们当时添加的时候并没有去加这个user
所以我们在这里给他判一下空
如果空的话就让它显示字符串空
否则的话显示姓名
把它显示成账号
我们的列表就做好了
现在它也是可以搜索的
出现了错误
看一下我们搜索为什么会出错
属性 名字content
在内容的管理类型里面没有
也就是说我们的search里面没有这个字段了
我们把字段已经加了一个s
为了解决它冲突的问题
我们找到search
在我们的survice是里面
find by search方法里
把content字段加一个S
现在我们回过头来
刷新一下界面
看一下
当我们转向的登录界面时
登录界面并没有到达我们的主界面
而是在我们的小窗口里边
我们后边再来解决它
输入正确的名称
从外围去刷新就可以了
好
我们再次搜索
没有问题了
这就可以了
我们并没有填写发布日期
这里我们顺便把发布日期给它加上
为了添加我们的发布日期
我们需要打开survice找到它的存储方法
在这里我们来添加
我们来判断它是否有ID
只要他等于空
我们就给他设置发布时间
打开界面
我们重新登录来看一下
添加内容
保存成功
我们来看一下发布日期已经有了
添加内容进入
保存成功
这样我们就实现了这个列表的操作
好
有关内容的检索就讲到这里
下节课我们再见
-1.1课程介绍
--1.1.3随堂测试
-1.2网站需求分析
--1.2.4随堂测试
-1.3网站首页分析
--1.3.3随堂测试
-1.4导航菜单分析
--1.4.3随堂测试
-1.5内容区域分析
--1.5.3随堂测试
-1.6内容副页面分析
-1.7编写需求文档
-2.1后端页面总体分析
--2.1.3随堂测试
-2.2用户管理功能设计
--2.2.3随堂测试
-2.3内容与分类功能分析
--2.3.3随堂测试
-2.4网站配置功能设计
--2.4.4随堂测试
-2.5数据库及表结构分析
-总体设计文档
-3.1前台模板约定
--3.1.3随堂测试
-3.2网站配置接口设计
--3.2.3随堂测试
-3.3菜单接口设计
--3.3.3随堂测试
-3.4内容接口设计
--3.4.3随堂测试
-3.5幻灯片接口设计
--3.5.3随堂测试
-补充设计文档
-4.1用户管理功能设计
--4.1.3随堂测试
-4.2菜单管理功能设计
--4.2.3随堂测试
-4.3内容管理功能设计
--4.3.3随堂测试
-4.4网站配置信息设计
--4.4.3随堂测试
-完成设计文档
-4.6随堂测试
-5.1开发环境搭建
--5.1.2随堂测试
-5.2Web前端环境搭建
-5.3创建用户实体
--5.3.2随堂测试
-5.4用户实体表创建与初始化
--5.4.2随堂测试
-5.5用户数据访问接口实现
--5.5.2随堂测试
-5.6环境搭建问题
-6.1用户服务层接口实现
--6.1.2随堂测试
-6.2用户列表和编辑控制器实现
--6.2.2随堂测试
-6.3用户存储和删除控制器实现
-6.4用户添加、编辑界面实现
-6.5用户管理添加用户调试
-7.1用户查询模板实现
--7.1.2随堂测试
-7.2用户信息编辑的实现
-7.3单个用户删除实现
-7.4多个用户删除实现
-8.1用户列表分页基本实现
-8.2用户列表查询结果分页实现
-8.3通用日期处理
-8.4整型日期处理
--8.4.2随堂测试
-8.5枚举数据的应用
-9.1登录逻辑实现
--9.1.2随堂测试
-9.2登录界面及流程调试
--9.2.2随堂测试
-9.3管理主界面实现
--9.3.2随堂测试
-9.4授权验证拦截器实现
--9.4.2随堂测试
-9.5拦截器调试
-10.1分类接口实现
-10.2分类添加、编辑实现
-10.3分类树结构实现
-10.4分类删除实现
--10.4.2随堂测试
-11.1内容实体定义
-11.2相关接口定义
-11.3服务接口实现
-11.4内容添加、编辑模板实现
-11.5内容添加、编辑控制器实现
-11.6内容检索页面实现
-11.7内容分类树实现
-12.1修改UEditor相关问题
-12.2整合UEditor到内容编辑界面
-12.3UEditor图片对话框应用
-12.4文件上传问题处理
-13.1网站配置相关类实现
-13.2网站配置界面模板实现
-13.3网站配置调试
-14.1网站首页布局实现
-14.2菜单Vue组件实现
--14.2.2随堂测试
-14.3幻灯片Vue组件实现
-14.4滚动Vue组件实现
--14.4.2随堂测试
-14.5滚动接口实现
-14.6滚动接口调试
-14.7幻灯片接口实现
-15.1首页区域实现
-15.2首页内容脚本实现
-15.3首页完善
-15.4Vue组件放入单文件
-15.5详细页面实现
-16.1网站测试介绍
-16.2功能测试
-16.3打包发布
-16.4部署运行
--16.4.2随堂测试
