当前课程知识点：软件开发实训--动态网站开发 > 2 后端分析 > 2.1后端页面总体分析 > 2.1.1后端页面总体设计

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

2.1.1后端页面总体设计在线视频

下一节:2.1.2课程PPT

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

2.1.1后端页面总体设计课程教案、知识点、字幕

同学你好

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

前面我们对前端进行了分析

主要包括它的三个层次的页面

一个是首页

一个是列表页

还有一个详细内容页

但是对于我们的参考网站来讲

前端实际上并没有列表页

只有一个副页的详细页

所以我们实际的参考网站只有两个主要框架的

页面

那就是首页和详细副页

从这节课开始

我们将对我们网站使用的后台页面进行分析

看看我们的后台页面都应该布局哪些内容

如何去布局

通常情况下

我们的后台第一个看到的页面往往是登录页面

通过输入用户名密码

然后进入到后台的主页面

这几乎是所有网站它的一个统一形式

当登录进来后才能看到网站后台的主页

管理员才能够在主页面里去操作相关的任务

比如说增加一个角色

增加一个用户

或者增加一篇文章等等

那么除了主页面以外

我们的后台往往还有一些副页面

他的副页面主要有两类

一个是列表页

还有一个表单页

当然了有时候我们需要去审核

或者是去做其他的用途

还需要有一个详细页面

这个就根据你的功能来增加或者删减

但主要的表现还是以列表和表单为主

那么我们这两个页面往往都不单独出现

什么意思

也就是说它只出现于主界面的某个区域

通常情况下都是中间部分的操作区

我们来看一下我们的后台

整个的界面

首先是我们的登录页面

后台所有的功能

你要想去使用它必须先进行登陆

那么在登录的时候

用户必须输入他的用户名

还有密码

然后点击它的登陆按钮才能够进入

进入后

每一个主页根据它的功能

以及它所需要展示的信息

可能布局不一样

但大同小异

通常情况下

我们说它包括了显示登录人的信息

比如说谁登录的

几点登录的或者当前时间

最后一次登录是什么时候

一次登录的ip等等都可以把它显示出来

另外一个既然是主页

就要展示出所有主要的功能

那么功能通过什么来完成

在讲前端页面的时候

我们曾经提到过

有一个对功能的展示

那就是导航的菜单

我们在这里把它叫做管理菜单

虽然名称变了

但实质是一样

都是为了导航

在管理菜单下

一般情况下

网站它涵盖的内容有

管理用户的链接

管理分类的链接以及菜单内容

站点的配置等等

所有的这些功能在主界面

你都能够找到它

而且要让用户快速的找到

你不能说为了找一个功能让它到处去翻

那是不可能的

是不明智的

所有的操作都必须简单明了

另外一个一定要给出一个退出系统的按钮或者

链接

为什么要给出它呢

后台既然是要登录才能使用

那么我们的后台有一定的保密性

限制了用户的操作

所以当用户操作完成之后

你应该让他退出系统

而不是继续让它登陆这

那样的话容易让别人趁虚而入进行操作

所以说我们一定要有一个退出的内容

这是一个

第二个

还有一个

系统信息的提示

你比如说有新通知了

或者你有什么新任务了

你都可以显示一个消息出来

在主页面上

还有当我们去执行一个表单的时候

我们的表单是执行成功了还是没有成功

这个也需要进行提示

所以这个系统的提示信息到底放在哪里

放在什么位置

这个还需要去明确地想一想

把它规划出来

那么对于每一个网站的主要界面

它类似于我们前端的副页

有三个地方是不发生变化的

顶部区域

顶部区域主要展示了后台的管理logo

或者是当前的登录人

当前的时间

这些信息

而左侧的侧边栏展示出了后台所有的导航功能

都有哪些功能

全部列在了左侧

以方便用户去选择这些功能

当我们点击这个功能每一个链接时

它对应的内容应该展示在我们的右侧的主要

区域

比如说我们添加一个内容

在右侧区域就应该展示出它的表单来

我们要查看内容

我们就可以点击一下内容管理

来进入到我们的内容列表页

这个时候你可以在列表页进行检索

删除等等操作

这就是后台的整个布局

当然了后台最下边的区域

你可以写上版权

也可以不用写

根据你的设计需要

那么对于后台来讲

使用者往往是公司内部的人

或者我们叫做管理员

这就是我们后台的整个页面的布局形式

那么对于后台的布局

你如何用htm来实现

如何用CSS来美化

最重要的是当我们点击左边的区域链接时

我们如何让右侧的内容展示出来

而不影响其他区域

这是你需要考虑的问题

当然最好把右侧的区域内容独立化

当我们点击左侧链接时

右侧的内容独立加载

这也使得我们加载的内容的大小大大的减少了

我们不需要再把已经有的内容进行加载

这就需要你考虑如何去实现

好

这就是有关后台页面的整体部分

这节课我们就讲到这里

下节课

再见

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

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随堂测试

2.1.1后端页面总体设计笔记与讨论

也许你还感兴趣的课程:

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