演示视频:
https://www.bilibili.com/video/BV1Qy421q7ap/
5 管理模块界面设计
会员界面的大部分功能都是以管理模块为前提的,因为客户模块所显示的数据大部分需要通过管理模块来添加。因此,我们首先要来介绍管理模块的设计与开发。管理模块相对客户模块要复杂一些,因为在这里需要对所有信息进行维护,包括浏览、增加、修改和删除等操作。为了便于系统维护,页面的命名才用“模块名+功能名”的方式。概括起来,管理模块具有以下功能:
* 会员信息管理。
* 相册维护。
* 音乐信息维护。
* 管理员维护。
下面分别说明这些页面的功能实现方法。
5.1 用户界面
5.1.1 系统首页界面
系统首页界面清晰,功能模块划分科学,使会员一见就有种亲切感。首面由如下几部分组成:
功能导航栏(以长方形排列,分为首页、相册查看、新闻通知、会员注册及后台登录);
分类信息(位于首页的其他地方,分别列出主要的及最新的相册)。
5.1.2 会员操作界面
当会员在首页的导航栏里点击“会员注册”时,系统跳转至此页。
此页面为系统会员的注册界面,用户仅需填写少量信息即可成功注册成会员。
实现本模块的主要代码如下所示:
5.1.3 相册查看界面
此界面为相册展示界面,用户可在此页面进行信息浏览。当会员选定某信息后后,可进行相册的具体内容查看:
该界面为查看像册的详细界面,该界面中列出了某个像片的详细信息。实现本模块的主要代码如下所示:
5.1.4 心情驿站查看界面
此界面为新闻查看界面,用户可在此页面进行信息浏览。当会员选定某信息后后,可进行具体新闻查看操作:
5.2 管理员界面
5.2.1 管理员登陆界面
在点击系统首页导航栏右侧的链接“后台登陆”后,系统自动中转到后台登陆界面。
在界面中间的管理员登录输入框内输入正确的会员名和密码后,系统会自动跳转到后台首页。如会员输入错误的信息,与数据库中的相关数据不符,那么,系统将拒之于门外,从第一道关卡开始,严防系统安全。
5.2.2 相册管理页面
从此界面可以看出,管理员可以对相册进行管理。
实现本模块的主要代码如下所示:
5.2.3 会员管理界面
该模块主要是将前台注册的所有会员信息以列表的形式列出,让人可以一目了然地看出所有已有数据,且还包括了查询、修改、删除、打印、统计和分页的各个功能。
其中查询包括了编号和姓名两个字段,两个字段均为模糊查询,即只需输入字段中的若干字符即可,不必要输入完全匹配的字段。两个条件间的关系为AND关系,如果两个条件都为空则表示查询所有数据。
5.2.4 新闻信息管理界面
此图为新闻信息管理页面