当前课程知识点：软件开发实训--动态网站开发 > 15 网站前端页面实现 > 15.3首页完善 > 15.3.1首页完善

返回《软件开发实训--动态网站开发》慕课在线视频课程列表

15.3.1首页完善在线视频

下一节:15.4.1Vue组件放入单文件

返回《软件开发实训--动态网站开发》慕课在线视频列表

15.3.1首页完善课程教案、知识点、字幕

同学你好

欢迎回到软件开发实训课堂

上节课咱们把首页的内容区和公告

从后台获得数据展示在首页

那么这节课咱们来看一下版权曲该怎么去获取

那么获取版权

那么从数据库里边

是来自咱们的网站配置信息表

所以我们要去网站配置信息里获取版权

好

我们找到我们的客户端控制器以及客户端服务

来实现我们的网站信息获取

我们只需要一个方法就可以了

它获取的是站点信息

find

我们这里就Bysite

它获取的实际上是所有的站点信息

因为站点信息它是有限的

而且是固定的

然后我们实现我们的客户端服务

把没有实现的方法给它实现了

这里边我们只需要调用它的数据库

这里不能是数据库的对象了

是站点的数据库对象了

我们把它得拿过来

siteRepository

查找所有的站点设置

就可以了

这样我们在控制器里面就可以去获取它

控制器里边GetMapping

site

responsebody

site信息

那么一样的

这里边是站点的相关内容

那么通过集合传递到前台时

前台呢它需要去进行检索

比如说它想获得logo

那么它就要去检索logo

这样的话对前台来讲

其实负担就比较重了

那么我们在传递给前台之前

我们先把数据给它分解好

然后存储到一个映射对象里面

映射对象的定义是map

用它的关键字作为键

然后存储站点对象

我们可以看一下

配置信息里需要的内容

第一个是skey

skey呢就是我们所说的关键字

这个关键字是唯一的

而且是固定的

不能变的

这样呢我们就可以用skey作为我们查询的

关键字

那么如何来实现在这里

我们把服务这里给它返回一个

map对象就可以了

在这里来处理

服务它本身就是为了处理我们需要的业务

现在我们需要的是一个map对象

所以我们就要构造一个map

同样的我们要把接口的也改过来

我们这里应该返回的是这个对象

而不是list

这和我们需要的数据要匹配上

现在我们来循环它

对于每一个站点信息

我们只需要put把它放进去

用它的键作为映射的键

然后把它自己作为映射的值就可以了

最后把集合返回去

这样我们在

控制器调用就简单了

只需要return一下它的调用就可以了

然后我们到index页面

在index页面的view实例化

请求后台数据的位置

加上一个请求

get

这里边请求的是site

请求完成后

我们执行这个函数

它会返回一个对象

map对象

然后我们通过map对象

就可以得到我们需要的相关数据了

好

我们把它写成这样

这个的结构要注意

它是一个映射对象

也就是说它实际上是个对象

比如说logo

它对应的一个对象

copyright

它对应一个对象这样的一个结构

那么对于站点这一块

site我们需要在这里进行初始化一下

它是个对象

那么它返回的数据就有我们需要的内容

实际上我们就需要它的建所对应的值就可以了

那么如何来使用我们在这里

找到我们的logo的位置

把SRC给它绑定一下

绑定成什么呢

sites

点logo

点svalue

alt

然后是版权信息

我们找到最底部

把版权信息显示出来

用P标签就可以了

版权信息你可以用html格式加超链接

所以我们这里就用V杠html指令来

获取它的数据

sites点

copyright

注意数据库的关键字用小写

svalue如果你数据库用大写把它改正过来

这样我们的版权信息也就有了

我们打开数据库的命令行工具

查看一下我们的站点信息

一个logo一个copyright都有了

现在我们刷新界面

来看一下

版权已经出现了

但是logo图片并没有出现

我们需要去后台看一下

在我们的网站配置里面

我们需要重新登录一下

网站配置里边

你看一下logo已经没有了

这每次我们会重新去上传图片

好

保存它

刷新界面

这样logo就出来了

版权也有

这是我们关于首页站点配置信息的内容

关于网页的美化

还有公告的获取

作为下去训练的内容

把这块单独的训练一下

好

有关首页的编写就讲到这里

好

有关网站首页我们就实现完成了

下去以后一定要好好的去理解整个实现过程

好

这节课我们就到这里

下节课

再见

软件开发实训--动态网站开发课程列表：

1 前端需求分析

-1.1课程介绍

--1.1.1课程介绍

--1.1.2课程介绍PPT

--1.1.3随堂测试

-1.2网站需求分析

--1.2.2网站需求分析

--1.2.3需求PPT

--1.2.4随堂测试

-1.3网站首页分析

--1.3.1网站首页分析

--1.3.2首页分析PPT

--1.3.3随堂测试

-1.4导航菜单分析

--1.4.1导航菜单分析

--1.4.2课程PPT

--1.4.3随堂测试

-1.5内容区域分析

--1.5.1内容区域分析

--1.5.2课程PPT

--1.5.3随堂测试

-1.6内容副页面分析

--1.6.1副页面分析

--1.6.2课程PPT

--1.6.3软件系统需求分析

-1.7编写需求文档

-1.8需求分析理解

2 后端分析

-2.1后端页面总体分析

--2.1.1后端页面总体设计

--2.1.2课程PPT

--2.1.3随堂测试

-2.2用户管理功能设计

--2.2.1用户管理功能分析

--2.2.2课程PPT

--2.2.3随堂测试

-2.3内容与分类功能分析

--2.3.1内容与分类功能分析

--2.3.2课程PPT

--2.3.3随堂测试

-2.4网站配置功能设计

--2.4.1网站配置功能设计

--2.4.2课程PPT

--2.4.3软件系统设计

--2.4.4随堂测试

-2.5数据库及表结构分析

--2.5.1数据库及表结构分析

--2.5.2课程PPT

--2.5.3数据库设计

-总体设计文档

3 接口设计

-3.1前台模板约定

--3.1.1前台模板约定

--3.1.2课程PPT

--3.1.3随堂测试

-3.2网站配置接口设计

--3.2.1网站配置接口设计

--3.2.2课程PPT

--3.2.3随堂测试

-3.3菜单接口设计

--3.3.1菜单接口设计

--3.3.2课程PPT

--3.3.3随堂测试

-3.4内容接口设计

--3.4.1内容接口设计

--3.4.2课程PPT

--3.4.3随堂测试

-3.5幻灯片接口设计

--3.5.1幻灯片接口设计

--3.5.2课程PPT

--3.5.3随堂测试

-补充设计文档

-3.7接口设计

4 功能设计

-4.1用户管理功能设计

--4.1.1用户管理功能设计

--4.1.2课程PPT

--4.1.3随堂测试

-4.2菜单管理功能设计

--4.2.1菜单管理功能设计

--4.2.2课程PPT

--4.2.3随堂测试

-4.3内容管理功能设计

--4.3.1内容管理功能设计

--4.3.2课程PPT

--4.3.3随堂测试

-4.4网站配置信息设计

--4.4.1网站配置信息设计

--4.4.2课程PPT

--4.4.3随堂测试

-完成设计文档

-4.6随堂测试

5 环境搭建与开发

-5.1开发环境搭建

--5.1.1环境搭建

--5.1.2随堂测试

-5.2Web前端环境搭建

--5.2.1Web前端环境

-5.3创建用户实体

--5.3.1用户实体创建

--5.3.2随堂测试

-5.4用户实体表创建与初始化

--5.4.1用户实体表创建与初始化

--5.4.2随堂测试

-5.5用户数据访问接口实现

--5.5.1用户数据访问接口实现

--5.5.2随堂测试

-5.6环境搭建问题

-5.7环境搭建问题

6 用户管理功能实现

-6.1用户服务层接口实现

--6.1.1用户服务层接口实现

--6.1.2随堂测试

-6.2用户列表和编辑控制器实现

--6.2.1用户列表和编辑控制器实现

--6.2.2随堂测试

-6.3用户存储和删除控制器实现

--6.3.1用户存储和删除控制器实现

-6.4用户添加、编辑界面实现

--6.4.1用户添加、编辑界面实现

-6.5用户管理添加用户调试

--6.5.1用户管理添加用户调试

7 用户管理功能实现二

-7.1用户查询模板实现

--7.1.1用户查询模板实现

--7.1.2随堂测试

-7.2用户信息编辑的实现

--7.2.1用户信息编辑的实现

-7.3单个用户删除实现

--7.3.2单个用户删除实现

-7.4多个用户删除实现

--7.4.1多个用户删除实现

8 用户管理功能实现三

-8.1用户列表分页基本实现

--8.1.1用户列表分页基本实现

-8.2用户列表查询结果分页实现

--8.2.1用户列表查询结果分页实现

-8.3通用日期处理

--8.3.1通用日期处理

-8.4整型日期处理

--8.4.1整型日期处理

--8.4.2随堂测试

-8.5枚举数据的应用

--8.5.1枚举数据的应用

--8.5.2Spring Boot开发

9 后台主界面实现

-9.1登录逻辑实现

--9.1.1登录逻辑实现

--9.1.2随堂测试

-9.2登录界面及流程调试

--9.2.1登录界面及流程调试

--9.2.2随堂测试

-9.3管理主界面实现

--9.3.1管理主界面实现

--9.3.2随堂测试

-9.4授权验证拦截器实现

--9.4.1授权验证拦截器实现

--9.4.2随堂测试

-9.5拦截器调试

--9.5.1拦截器调试

10 分类管理实现

-10.1分类接口实现

--10.1.1分类接口实现

-10.2分类添加、编辑实现

--10.2.1分类添加、编辑实现

-10.3分类树结构实现

--10.3.1分类树结构实现

-10.4分类删除实现

--10.4.1分类删除实现

--10.4.2随堂测试

11 内容管理实现

-11.1内容实体定义

--11.1.1内容实体定义

-11.2相关接口定义

--11.2.1相关接口定义

-11.3服务接口实现

--11.3.1服务接口实现

-11.4内容添加、编辑模板实现

--11.4.1内容添加、编辑模板实现

-11.5内容添加、编辑控制器实现

--11.5.1内容添加、编辑控制器实现

-11.6内容检索页面实现

--11.6.1内容检索页面实现

-11.7内容分类树实现

--11.7.1内容分类树实现

12 UEditor富文本编辑器

-12.1修改UEditor相关问题

--12.1.1修改UEditor相关问题

-12.2整合UEditor到内容编辑界面

--12.2.1整合UEditor到内容编辑界面

-12.3UEditor图片对话框应用

--12.3.1UEditor图片对话框应用

-12.4文件上传问题处理

--12.4.1文件上传问题处理

13 网站配置管理实现

-13.1网站配置相关类实现

--13.1.1网站配置相关类实现

-13.2网站配置界面模板实现

--13.2.1网站配置界面模板实现

-13.3网站配置调试

--13.3.1网站配置调试

14 网站前端组件实现

-14.1网站首页布局实现

--14.1.1网站首页布局实现

-14.2菜单Vue组件实现

--14.2.1菜单Vue组件实现

--14.2.2随堂测试

-14.3幻灯片Vue组件实现

--14.3.1幻灯片Vue组件实现

-14.4滚动Vue组件实现

--14.4.1滚动Vue组件实现

--14.4.2随堂测试

-14.5滚动接口实现

--14.5.1滚动接口实现

-14.6滚动接口调试

--14.6.1滚动接口调试

-14.7幻灯片接口实现

--14.7.1幻灯片接口实现

15 网站前端页面实现

-15.1首页区域实现

--15.1.1首页区域实现

-15.2首页内容脚本实现

--15.2.1首页内容脚本实现

-15.3首页完善

--15.3.1首页完善

-15.4Vue组件放入单文件

--15.4.1Vue组件放入单文件

-15.5详细页面实现

--15.5.1详细页面实现

-15.6前端问题

16 测试与发布

-16.1网站测试介绍

--16.1.1网站测试介绍

--16.1.2课程PPT

-16.2功能测试

--16.2.1功能测试

--16.2.2课程PPT

-16.3打包发布

--16.3.1打包发布

-16.4部署运行

--16.4.1部署运行

--16.4.2随堂测试

15.3.1首页完善笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航课程版权归原始院校所有，
本网站仅通过互联网进行慕课课程索引，不提供在线课程学习和视频，请同学们点击报名到课程提供网站进行学习。