本 科 毕 业 设 计
5 详细设计
第 16 页 共 35 页
根据在概要设计阶段产生的文档,接下来将要在详细设计阶段对各功能模块提供具体的设计方案,以便在之后的编码阶段能够加快效率、提高质量。在详细设计的过程中,将逐步实现前台和后台的功能,包括:图书展台、网上调查、购物车、收银台、会员管理、订单功能、图书管理、用户管理、订单管理、公告管理、投票管理、退出。在注重实现功能的同时,兼顾系统的美观和可维护性。
5.1 首页设计
由于利云网上书店是一个网上电子商务系统,所以最终的目的是发布在互联网上,因此外观的设计对整个系统来说显得非常重要的,而利云网上书店的首页将是浏览者最先看到的欢迎式的页面,所以网站的首页极为重要,首页设计的好坏将直接影响到顾客的购买欲望。在利云网上书店的首页中用户不但可以在第一时间内掌握书店提供的优惠活动、公告信息还可以查看推荐图书、新上架的图书、销售排行榜等。在利云网上书店的设计过程中不仅要在首页实现各种功能的展示,而且要兼顾首页的美观,使网页做到功能完善,页面简洁大方。在前面的需求分析中,已经对主页的要求有了一个大概的说明,而在此处,就要全方位地开始设计该系统的首页了。
a) 在页面的布局上由于利云网上书店的前后台功能模块较多,所以决定书店的后台将放到一个独立的页面上。而在首页的底部提供一个后台管理员的入口,管理员可以通过正确的输入用户名和密码来登录到利云书店的网站后台。在成功解决了网站后台登录的问题后首页主要区域用来设计前台的功能。同众多网站一样,利云网上书店把前台的主菜单放在首页的顶部。因为红色象征这激情而我们的用户主要是充满理想的知识青年,所以接下来的欢迎横幅是以红色为基调的欢迎图片。在做完网页顶部设计以后,剩下的版块留给用户登录、图书展示、网上调查等模块。为了便于规划将余下的空间分为左中右三部分。左部分为普通用户登录的入口,在普通用户的登录模块下为完善调查模块;在页面的中部为重点推荐图书展示部分;右部分的网页为新书上架和销售排行榜。
b) 由于系统面向的用户为非计算机专业用户,所以用户不可能了解JSP网站运行的原理,这决定了在设计的过程中要努力做到界面简介,操作方便。使用户通过点击鼠标来完成大部分操作,体现了用户的友好。
根据这些原则,并经过精心的设计,最终形成的网站美观大方的首页。首页的主要
本 科 毕 业 设 计
部分,如图5.1所示。
第 17 页 共 35 页
图5.1 网站首页 5.2 类的设计
a) 由于系统的大部分功能都要涉及到对数据库的操作(Create、Retrieve、Update、Delete),所以数据库的设计无疑是利云网上书店整体模块设计中的重头戏,这里把数据库的连接和对数据的操作封装在一个名为connDB.java的类里面,对数据库中数据的操作主要包括查询操作、执行更新操作、关闭数据库连接等。这样使得工程的结构清晰,思路明了。
b) 在开发的过程中经常需要考虑中文的乱码问题、过滤一些特殊的字符(如空格、null值等等)和显示文本中的回车换行、空格。这个功能通常需要编写一个独立的JavaBean完成。在利云网上书店的开发过程中专门设计了处理此类问题的类“chStr.java”。
5.3 重点推荐展台的实现
在网站前台的居中位置,分栏列出了利云网上书店推荐的图书信息,主要包括图书的封面、名称、出版社、作者、定价信息等。同时设置了“添加至购物车”按钮和“查看”按钮。分别用于将图书添加至购物车和查看图书的详细信息。
重点推荐的图书同图书的基本信息同时保存在图书信息表tb_bookinfo中,以字段
本 科 毕 业 设 计
推荐的图书的关键代码如下:
第 18 页 共 35 页
commend标识,当commend字段的值为1时,代表图书是重点推荐的图书。查询重点
<%ResultSet rs_book=connDB.executeQuery(\* from tb_bookinfo where
commend=1\
需要注意的是“添加至购物车”按钮只有在用户登录后才可显示出来,即“只有登录的用户才可以购买图书”。
当用户单击“查看”按钮后可以查看图书的详细信息。实现这个功能的方法是:在“查看”按钮的onClick事件中,将页面连接到book_detail.jsp页面并传递相应的图书ISBN号,然后在显示详细信息页面中通过ISBN号进行检索即可。图书详细信息页面的运行结构如图5.2所示。
图5.2 图书详细页面 5.4新书上架实现过程
在前台页面中,单击“新书上架”超链接可以进入到新书上架页面newbook.jsp,在该页面中显示了全部的上架新书的重点信息,用户可以单击书名超链接查看图书的详细信息。新书上架的全部信息保存在图书信息表tb_bookinfo中,以字段newbook标识,当
本 科 毕 业 设 计
第 19 页 共 35 页
newbook字段的值为1时,代表该图书为上架新书。上架新书同重点推荐一样,对于没有登录的用户“购买”按钮不可用,并给出提示语。新书上架的页面运行结果如图5.3所。
图5.3 新书上架页面
上架新书信息保存在图书信息表tb_bookinfo中,以字段newbook标识,当newbook字段的值为1时,代表该图书为上架新书。上架图书的关键代码如下:
<%ResultSet rs_newbook=connDB.executeQuery(\top 5 * from tb_bookinfo where newbook=1 order by INTime desc\
5.5 图书分类实现过程
为了方便用户查询所需的图书信息,在网站中设置了图书分类显示模块。点击导航条中的“图书分类”超练接进入到图书分类显示页面,在该页面左侧的“图书分类列表”中类出了数据库中的全部图书类别,用户点击某类别则可以在右侧显示该类别的图书信息列表,单击书名可以查看相应的图书的详细信息。如果用户已经登录,还可以直接将图书添加到购物车中。图书分类显示的运行结果如图5.4所示。
图5.4 图书分类
5.6 用户管理实现的过程
本 科 毕 业 设 计
简单所以这里主要介绍一下用户注册和用户登录的实现。
a) 用户注册
第 20 页 共 35 页
用户管理主要包括用户的注册、用户登录、用户修改资料,由于用户修改资料比较
为了统一管理,利云网上书店规定只有会员用户才可以购买图书。所以要想购买图书的新用户必须先进行注册。用户的注册入口在网站首页的左边。用户单击“注册”按钮进入到用户注册页面,网站要求用户名必须唯一,为了方便用户注册在用户注册页面设置了“检测用户名”的超连接用户可以检测自己的用户名是否已经被注册。该页面的运行结果如图5.5所示。
图5.5 用户注册运行结果 b) 用户登录
用户登录窗口设置在首页的左侧,当用户在登录窗口中输入用户名和密码并单击“登录”按钮后,系统将对输入的用户名和密码进行验证,如果用户输入的用户名存在并且冻结字段的值不为1,则判断用户输入的密码是否正确,如果密码也正确,则重新进入网页的主页显示登录用户的用户名、用户等级、“修改资料”按钮、“退出”按钮,否则登录失败,并给出提示信息。
5.7 购物车的实现过程
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,免费范文网,提供经典小说综合文库网上书店系统 - 毕业设计正文(4)在线全文阅读。
相关推荐: