https://www.bilibili.com/video/BV1gH4y1W7VQ/
演示视频:
4.2 系统各个功能模块实现
由于本系统功能模块较多,以下选取前台和后台管理员部分功能进行详细介绍。
4.2.1 首页
网站前台页面中包括了头部的logo,导航栏上有首页、学院概况、学校新闻、学术报告、招生工作、招标信息、联系我们、在线留言,下方采用小模块搭配,整体颜色搭配适当,效果美观。
图4-1前台界面
4.2.2 学院概况
学院概况里面介绍了本校的简介信息,页面左边是学校公告,信息在右边显示。界面如下图所示。
图4-2学院概况
4.2.3 学校新闻
学院新闻模块采用列表形式并有分页效果来展示,包括了标题和发布时间,页面左边是学校公告,信息在右边显示。界面如下图所示。
图4-3学院新闻
4.2.4 学术预告
学术预告模块采用列表形式并有分页效果来展示,包括了标题和发布时间,页面左边是学校公告,信息在右边显示。界面如下图所示。
图4-4学术报告
4.2.5招生工作
招生工作模块采用列表形式并有分页效果来展示,包括了标题和发布时间,页面左边是学校公告,信息在右边显示。界面如下图所示。
图4-5招生工作
4.2.6在线留言
游客可以进行匿名留言,输入上标题、昵称、留言内容,点击提交按钮后即可保存到数据库中。界面如下图所示。
图4-6在线留言
4.2.7日历
本日历模块采用js脚本来是,代码主要在js1文件夹下的datouwang.js。界面如下图所示。
图4-7日历界面
4.2.8管理员登录
管理员输入用户名和密码点击确认按钮后,将会进行用户验证,验证通过后将进入管理员主界面。界面如下图所示。
图4-8管理员登录界面
4.2.9管理员主界面
采用左右布局结构,功能在左边菜单中,点击左边的功能模块后,将在右边进行显示。界面如下图所示。
图4-9管理员主界面
4.2.10编辑介绍
编辑介绍中包括了关于我们、联系我们,在此以关于我们为例说明下。界面如下图所示。
图4-10修改关于我们界面
4.2.11信息管理
信息管理模块中包含了本网站中的所有文章类型的信息,例如:通知公告、学校新闻、学生预告、招生工作、媒体视角、热点采集,功能、界面都是一样的,在此以通知公告为例说明下。界面如下图所示。
图4-11添加信息界面
4.2.12留言管理
留言管理中可以看到游客用户发布的留言信息,可以及时的进行回复和删除操作。界面如下图所示。
图4-12回复留言界面
4.2.13友情链接管理
管理员可以对本网站中的友情链接信息进行添加、修改、删除操作。界面如下图所示。
图4-13添加友情链接界面