https://www.bilibili.com/video/BV1mw4m1R7Dz/
演示视频:
第四章 系统实现
4.1首页:
首页界面划分清晰,功能明确。
页面左上角是本站的名称“数码产品电子商力网”,没有夸张难认的LOGO,明晰清楚。在其右侧是网站的功能导航栏,分别有“首页”、“站内新闻”、“用户注册”及“在线留言”。功能界定明确,没有错综复杂的关系。 “在线留言”是系统提供给读者进行读者间的交流及读者与系统管理员进行互动的平台。
页面左下角,分别是用户信息(未登陆时显示登陆界面,登陆后显示用户信息,用户注册界面的入口设置在此处)、系统公告及相关友情链接。
在此右侧,则是新书推荐及最新商品的列表介绍界面。。
整体来说,数码产品电子商力网首页设计大气,操作人性化。
4. 2 站内新闻浏览页:
此页面为站内新闻,可随时了解最新的新闻,双击可查看详细内容,实现本模块的主要代码如下所示:
4.3 在线留言页面:
此图所示的界面是本系统的主要交流互动的承载页面。可明确分为两部分,第一部分为已有的留言信息,以列表的形式展列,可分页显示,详细列举用户名称、头像、发表时间、内容及相关操作工具。第二部分为留言信息发表处,自动调取用户名,要求用户输入Email、主页、QQ等信息,写入要发表的信息,并选择好头像及填写正确的校验码,点击“提交”按钮后,系统自动将信息存入系统数据库,并即时显示在上方的列表中。
4.4推荐产品页面
实现本模块的主要代码如下所示:
4.5用户注册页面
此页面为用户注册,包括用户名,密码,姓名,电话,邮箱,QQ,头像,籍贯,地址,性别,等,实现本模块的主要代码如下所示:
4.6个人后台管理页面
个人资料管理包括:用户名,密码,姓名,性别,电话,身份证,地址,职位,备注等,
同时还加入了购物车功能,用来进行支付如下图。
实现本模块的主要代码如下所示
4.7 管理员登陆界面
在“用户名”和“密码”两个输入框中输入正确的信息后,方可安全登录网站后台。而为了安全考虑,不设注册,管理员帐号是在数据库内部设置的。
4.8 管理员操作界面
输入正确的管理员帐号密码的,可进入管理员操作界面。
管理员操作界面采取区块形式安排操作。
左下角为操作菜单,展开后可进行所有后台操作,简便易懂。
右下角为操作区块,当点击左边的链接后,在这个区块会显示所进行的具体操作功能详情。
展开后的功能列表,明了,清晰。功能一应俱全,没有任何冗余,也没有任何遗漏。
4.9管理员操作详解
数码产品电子商力网强调最小信息冗余度,最大信息传达率,所以,撤销一切可能造成空间浪费或给网友造成不便的多余功能。一切操作全由管理员完成。现将管理员的操作过程详细说明如下。
从以上功能列表展开图可以看出,管理员的操作可分为:
1、 管理员帐号管理
A:用户帐号管理
2、 站内新闻管理
3、 商品类别管理
4、 商品信息管理
5、 注册用户管理
6、 留言管理
7、 友情链接
8、 退出
为贯彻本站信息处理的“不冗余,不遗漏”原则,下面就用户帐号管理、管理行业类别、管理行业信息、修改密码和退出四项操作进行说明解释,其他几项与戏剧艺术相类似,故不多作解释。
4.9.1 用户帐号管理操作说明
如图,当管理员点击“用户帐号管理”的链接时,右边的窗口出现了此界面。
上半部分是增加用户的操作界面,在输入用户名、密码和确认密码后即可完成操作。
下半部分是已有管理员列表,所有已有管理员的所有信息都可以在这里查找到,包括权限。当然,也可以在这里进行删除操作。
4.9.2 站内新闻编辑操作说明
此界面即是编辑新闻信息界面,管理可在些添加新闻内容。完成后点击确定编辑,系统便自动将信息存入后台数库。
4.9.3 商品类别操作说明
此界面是添加商品信息页面,当输入所有正确的相关信息后,系统自动存储。
第二个图为所有在库的商品信息,以列表的方式显示,可以进行章节添加、删除等相关操作
4.9.4 商品管理操作说明
此页面与新闻添加差不多,就不一一说明了.
4.3.5 用户注册管理
此页面为用户注册,包括用户名,密码,姓名,电话,邮箱,QQ,头像,籍贯,地址,性别,等,实现本模块的主要代码如下所示:
4.9.6 留言管理操作说明
此页面为留言板页面,用户可在些留言,查看留言。实现本模块的主要代码如下所示: