当前课程知识点：软件开发实训--动态网站开发 > 14 网站前端组件实现 > 14.5滚动接口实现 > 14.5.1滚动接口实现
同学
你好
欢迎回到软件开发实训课堂
上节课我们已经实现了前端的滚动的组建
这节课我们来看一下
如何通过后端来实现数据的提供
当前我们实现的组建是零散的
也是固定的
数据是不变的
你要想修改数据的话
必须要打开我们的文件去修改才行
那么通过后台
我们就可以通过后台来管理这些数据
那么如何实现这些数据
那么根据我们的设计
我们需要做一些接口
那么这些接口的实现专门用于提供我们需要的
菜单
还有相关的幻灯片滚动区等等内容
那么根据我们的设计
我们首先来看后台该如何实现
对于我们的系统
通过一个拦截器
我们实现了对内容的拦截
来判断是否登陆
而我们访问前端的时候是无需登录的
因此我们对于前端接口可以通过一个前缀
将它放过去
不需要登录就可以访问了
我们来看一下
什么样的前缀呢
我们先在我们的拦截器中定义一个数组
好
我们这里S2等于
这个数组我们加一个前缀C
所有斜杠C斜杠开头的访问
都属于前端的访问
我们就可以放过他
在这里我们把这个循环就可以再次做循环
但是这个路径不再是结尾的判断了
而是开始的判断
只要以指定的内容开始
我们就跳出去
不执行其他操作
好
这样的话
我们就不再拦截以斜杠C斜杠开头的内容
好
这是一个
再一个
我们需要一个控制器
我们把控制器就叫做clientControl
这个控制器专门负责向前端发送数据
他的请求、映射是以斜杠C开始
这和我们拦截时设定的是对应的
然后我们就可以取我们的数据了
这里边我们可以先去选择我们的滚动区域的内容
我们先让他返回一个字符串
那么滚动区的内容
我们直接访问的请求路径用getmapping
然后加上我们的scoll
关键字就可以了
这样我们把所有想要通过滚动去展示的内容给
它返回到前端去
那么返回时我们通常返回的是 格式的数据
所以这里边我们直接用responsebody
来返回具体的 数据
为了返回数据
我们还需要去查询
这里边我们可以定一个clientservice
clientservice它的作用是服务于这个clientcontroller
去数据库中查询需要的内容
所以它的功能主要是服务于前端
后端不涉及
好
我们来看
这里边clientservice scoll
查询我们需要的滚动内容
现在我们来实现这个服务
它是一个接口
client service
在这个个接口中我们需要定一个scoll方法
来找出所有的滚动内容
在我们的内容实体里面
当时我们在定义实体时有一个标志叫Topflag
Topflag
我们可以把它实现为我们需要的内容
好
我们来看一下
我们需要的标志都有哪些
contentflag
我们把它实现为 类型
这里首先是我们可以写成幻灯片
滚动
还有置顶
这样我们会可以根据内容的标志来查询
需要的相关内容
我们把这个标志可以给它改过来
当然了我们可以在这里用零表示什么
一表示什么
二表示什么也是可以的
还有一种方式就是为了能够更加灵活一些
把这个标志干脆就放在数据库里边把它存起来
这样你添加一个类型就可以拥有一个类型了
但实际上我们这里没有使用它
只是使用一个 类型来添加我们需要的标志
就可以了
那么在我们前端我们需要幻灯片内容
是来自内容的
这是一个
第二个我们需要滚动的内容
对于菜单
我们有菜单的表来专门来存储菜单
所以我们不需要去通过内容实体来查询它
所以这里并不需要菜单
那么还有一项就是我们查询的内容
关于分类的相关内容
那么这个也是不需要进行标志的
现在我们暂时把它定为这三个
实际上我们用到的就是幻灯片和滚动这两个标志
好
既然是改了
那么我们就把标志给他改成 类型
改完后我们把相对应的错误给他纠正一下
这样我们在实现查询时就比较容易了
我们来实现我们的clientservier
clientservice mpl
implements clientservice
实现接口
我们来实现我们需要的方法
那么我们要想实现接口
当然我们还需要对于数据库的操作的注入
这里的注入
我们就不需要再注入client的相关操作了
我们直接就把contentRepository
注进来
那么在这个接口里并没有通过标志查询的方法
所以我们需要去加一个这样的方法
public
list content
findby
Topflag
这里我们可以给出注释
通过标志查询相关内容
这样我们在服务中去调用的时候直接调用它
然后我们把内容类型
这里注意不是内容类型
是标志
这是不对的
这个参数是内容中的contentflag
这个
content
我们是滚动内容
所以只需要选择滚动就可以了
查询出来后把它直接return返回去
好
这样我们就有了得到滚动内容的操作了
好
我们来看一下
把它导入进来
调用它的滚动
查询
这样我们得到了需要的内容
把这个内容保存起来
导入需要的类
有了这些我们可以返回我们的对象
集合给返回去
那么同样的把它的返回类型给它改一下
这样我们得到的就是一个 格式的数据
它也是一个数组
好
到这里我们把这个后端就写好了
好
有关滚动组件的后端实现
我们就讲到这里
下节课我们再见
-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随堂测试
