1、用户界面设计1. 客户端主页面图 3.5 客户端主页面主页面中有如下功能区: 公告栏:书店发布的公告信息。 精品图书栏:展示当前热销的精品图书。 最新图书栏:展示最新的图书。 图书查找栏:提供用户快速查找图书的功能,读者可以通过书名、作者、出版社等信息进行图书快速查找。 用户登录、注册栏:用户购书时,系统检查用户的登录情况,只有登录的用户才可以购买图书,用户先完成用户注册,填写必要的个人信息,得到用户名和密码。注册后书店将长期保留用户的注册信息。用户登录系统时输入自己的用户名和密码,登录用户可以查看自己的订单情况,也可以浏览自己的读者留言的反馈信息。 购书车:客户可在任何时间将图书放入购书车,
2、进入购书车查看并修改购书信息,下订单(去收银台),完成购书活动。书店职工将根据读者的订单本配送图书。2. 管理端主界面图 3.6 管理员登录界面系统管理端由本店职工使用,完成书店的各种管理业务。为保证系统的安全,管理员进入管理系统时必须输入相应的口令。进入管理员主界面系统后,其主界面如图 3-7 所示。图 3.7 网上书店管理端主界面3. 页面制作所使用的技术4主界面实现 客户端处理主界面1). 页面布局客户端业务处理主界面的页面布局Top:客户端业务处理主界面的 Top 部分的文件名是 top.jsp,使用语句把它嵌入客户端业务处理各个页面的顶部,使得系统具有统一的风格。Top 部分用来显示
3、 logo 图片、日期和客户端各功能模块的入口。 首页 精品图书 新书架 书目查找 我的订单 购书车 读者留言Left:用来显示公告栏、用户登录和图书检索等信息。Body:为当前页面的主要内容显示区域。Bottom:此部分的文件名是 bottom.jsp,使用语句把它嵌入客户端业务处理各个页面的底部,使得系统具有统一的风格。Bottom 部分主要用来显示版权信息、联系信息等。2). 主界面 index.jsp 代码清单 管理端处理主界面管理端业务处理主界面的页面布局Top:管理端业务处理主界面的 Top 部分的文件名也是 top.jsp,但与客户端业务处理的主界面文件放在不同的目录下,也使用语句把它嵌入管理端业务处理各个页面的顶部,使得系统具有统一的风格。Top 部分用来显示 logo 图片、日期和管理端各功能模块的入口。 图书管理 用户管理 订单管理 留言管理 职工管理 出版社管理Body:为当前页面的主要内容显示区域。Bottom:此部分的文件名是 bottom.jsp,使用语句把它嵌入管理端业务处理各个页面的底部,使得系统具有统一的风格。Bottom 部分主要用来显示版权信息、联系信息等。5用户登录功能实现用户登录功能介绍1). 老用户登录用户登录界面2). 登录成功3). 新用户注册新用户注册界面