毕业设计（论文）-传智播客网上书城系统设计.doc

《毕业设计（论文）-传智播客网上书城系统设计.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）-传智播客网上书城系统设计.doc（38页珍藏版）》请在三一文库上搜索。

1、 1 / 38 毕业设计（论文）毕业设计（论文） 传智播客网上书城系统设计传智播客网上书城系统设计 姓姓 名：名： 学学 号：号： 班班 级：级： 05 软件软件 3 专专 业：业： 计算机计算机 所在系：所在系： 软件工程软件工程 指导老师：指导老师： 完成日期：完成日期：2050 年年 10 月月 01 日日 2 / 38 3 / 38 摘 要 随着科学技术的发展，网络在人们生活中的应用越来越广泛。人们越来越想在最短的 时间内购买到自己所需的图书。但书目的繁多，给人们在繁忙的工作生活中的购书带来了 很大的麻烦，于是网上购书便成了人们向往的事情。 图书销售系统的开发为人们带来了很大的方便，使

2、他们足不出户就可以轻轻松松地买 到自己想要的书，既省时又省力。有效地缩短了图书流通发行环节，将广大读者、图书、 出版者、发行者紧密地结合在一起，大大提高了图书流通率。它有着经营成本低、库存是 虚拟的、用户检索方便、地域限制少等特点。 系统以 JSP 为主要制作工具，实现了用户注册、登陆、验证身份及书籍的预览查询、 对书籍的购买通过购物车实现等功能。 关键词 传智播客 电子商务 网上书城 管理信息系统 4 / 38 Abstract With the development of science and technology, Internet is applied more and more

3、widely in peoples lives. There is a growing desire to purchase books which peoples possibly want to buy in the shortest time. However, a wide range of books brought a lot of troubles to people in the busy life. So book online has become a matter of people yearn for. The development of this system wi

4、ll make a lot of convenience for people, so that they can buy books which they liked easily, both convenience and effective. The system effectively reduce the length of the book links the flow of distribution, it can be a large number of readers, books, publishers, distribution worked closely togeth

5、er, improving the flow rate of the book greatly. The system has many advantages such as low operating costs, virtual inventory, the user searches convenient, less geographical restrictions and so on. JSP in the system as the main tool what to achieve the user registration, login, authentication, boo

6、k preview inquiries, through the shopping cart in order to achieve the purchase of books. Key words itcast E-commerce Online bookstore MIS 5 / 38 目目 录录 中文摘要中文摘要 .3 英文摘要英文摘要 .4 目录目录 .5 第一章第一章 绪论绪论 .7 1.11.1 课题背景、目的及意义课题背景、目的及意义7 1.1.1 课题背景7 1.1.2 课题目的和意义7 1.21.2 国内外研究现状国内外研究现状7 1.2.1 国外的研究现状.7 1.2.2

7、国内的研究现状.8 第二章第二章 可行性分析可行性分析 .8 2.12.1 社会可行性社会可行性8 2.22.2 技术可行性技术可行性8 2.32.3 操作可行性操作可行性8 2.42.4 系统的技术介绍系统的技术介绍9 2.4.1 Javascript.9 2.4.2 JQuery.9 2.4.3 MySQL.9 2.4.4 MVC9 2.4.5 JDBC.10 2.4.6 DBUtils.10 2.4.7 C3P0.11 2.52.5 系统开发平台及运行环境系统开发平台及运行环境11 2.5.1 系统开发平台.11 2.5.2 运行环境.11 第三章第三章 需求分析需求分析 .11 3.1

8、3.1 系统功能模块概述和分析系统功能模块概述和分析11 3.23.2 系统功能模块设计系统功能模块设计12 3.33.3 数据库分析数据库分析13 第四章第四章 传智播客网上图书商城前台设计与实现传智播客网上图书商城前台设计与实现 .17 4.14.1 首页设计首页设计17 4.24.2 用户模块用户模块18 4.2.1 用户注册18 4.2.2 用户登录19 4.2.3 修改当前用户密码20 4.2.4 退出21 4.34.3 图书模块图书模块21 6 / 38 4.3.1 图书列表21 4.3.2 图书详细21 4.3.3 高级搜索22 4.44.4 购物车购物车22 4.4.1 添加图

9、书到购物车22 4.4.2 我的购物车23 4.4.3 修改条目数量23 4.4.4 删除条目23 4.54.5 订单模块订单模块23 4.5.1 选中条目，准备生成订单23 4.5.2 生成订单24 4.5.3 订单列表24 4.5.4 支付页面25 4.5.5 订单详细页面25 4.5.6 订单状态26 第五章第五章 传智播客网上图书商后台设计与实现传智播客网上图书商后台设计与实现 .26 5.15.1 管理员登录管理员登录26 5.25.2 后台主页后台主页27 5.35.3 分类管理分类管理27 5.3.1.分类列表.27 5.3.2.添加分类.28 5.3.3.修改分类.29 5.3

10、.4.删除分类.30 5.45.4 图书管理图书管理30 5.4.1.图书列表页面.30 5.4.2.添加图书.31 5.4.3.高级搜索.31 5.4.4.图书详细.32 5.55.5 订单管理订单管理33 5.5.1.订单列表.33 5.5.2.订单详细.33 第六章第六章 系统测试系统测试 .34 6.16.1 测试的目的与目标测试的目的与目标34 6.26.2 测试方法测试方法34 6.36.3 测试用例测试用例35 6.46.4 测试结论测试结论35 第七章第七章 结论结论 .36 第八章第八章 致谢致谢 .36 第九章第九章 参考文献参考文献 .37 7 / 38 第一章第一章 绪

11、论绪论 1.1 课题背景、目的及意义课题背景、目的及意义 1.1.1 课题背景课题背景 随着 internet 的普及和电子商务的兴起，网上图书销售是 Internet 电子商务在图书销 售行业发展的必然结果，这种新型的图书销售形式，与传统利用书店进行销售的方式相比 拥有许多优势：一是降低了销售成本；二是利用网络作为交易平台，改变传统的交易方式， 使得交易活动不受空间和时间的限制；三是信息的传递更迅速灵活，新书信息上传后，客 户可以立即看到，交易马上可以从网上进行，从而大大提高了交易的效率。正是由于这些 优势，网上图书销售才能得以迅速地发展。网上图书销售系统的主要功能是利用网站作为 交易平台，

12、将图书的一些基本信息以网站的形式发布到 Internet 中，客户可以通过 Internet 登录图书销售网站来查看售书信息并提交订单订购图书，实现在线交易。 1.1.2 课题目的和意义课题目的和意义 在各行各业竞争日益激烈的今天，提高工作效率和工作质量是每个企业必须面临并且 必须解决的重大课题。 有了传智播客网上图书商城就不需要客户到书城手工查询需要的图书，而只需在 自家的电脑前输入查询条件，或通过类别查询，快速而准确的找到需要的图书，大大加快 了查询速度。 传智播客网上图书商城不仅可以大量减少人力、物力，降低了成本，而且突破了 时间和空间的限制，使得图书交易活动可以在任何时间、任何地点进行

13、，实现 24 小时营业， 不需要营业员，网上书城可以被设置成一个自动售货机。同时， 传智播客网上图书商城 更容易开拓全球市场从而大大提高了效率，对推动传智播客网上图书商城未来的发展 有着一定的实际意义。 鉴于互联网的优势以及对国内外相关网上书城网站现状的研究分析，我决定以基于 Web 的传智播客网上图书商城开发作为我的毕业设计主题。立足于设计一个在网络平 台上运行的集购物、支付和配送等功能于一体的网上书城，以小小的力量推动中国互联网 的发展。 1.2 国内外研究现状国内外研究现状 1.2.1 国外的研究现状国外的研究现状 网上售书这是信息社会发展的必然要求。国际互联网的开通，为信息社会的飞速发

14、展 创造了条件。在美、日等信息化程度较高的国家和地区，网上图书销售发展速度迅猛。据 InternetWorldStatS 的统计，今天的互联网有 17 亿用户。而目前的全球人口为 67 亿，到 8 / 38 2020 年毫无疑问会有更多的人使用互联网。美国国家科学基金会预计，到那时互联网的用 户数量将接近 50 亿。网民队伍的迅速扩充，无疑为网上售书的发展提供了巨大的市场空间。 加上图书因其具有标识清晰、规格统一、特征容易描述、同种商品个体之间无差异等特性 而能成为发展电子商务的最为理想的商品类型。因此，网上售书成为各国发展电子商务的 首选目标，国际互联网开通后，各国电子商务网站很大一部分都是

15、网上书店。只要网络发 展没有停止，网上售书的发展就不会停止。 1.2.2 国内的研究现状国内的研究现状 近年来，随着计算机网络技术的飞速发展，网络技术应用已经相当普及，使得在线购 买成为现实，各种各样的网上图书销售系统层出不穷，国内各大图书商都在创建自己的计 算机网上电子商务系统。随着科学技术的飞速发展，Internet 这个昔日少数科学家接触和 使用的科研工具已经成了普通百姓都可以触及的大众型媒体传播手段。 第二章第二章 可行性分析可行性分析 2.1 社会可行性社会可行性 随着计算机技术的发展和网络人口的增加，网络世界也越来越广博，越来越丰富，网 上售书已经成为网上的一股潮流。相信要不了太长

16、有时间，顾客就可以在网络世界上获得 他们在现实世界上可以获得的任何图书。 传智播客网上图书商城系统主要目的是进行网 上售书，并且严格按照国家法律法规来进行研究和实践，并无法律和政策方面的限制。 2.2 技术可行性技术可行性 本系统采用的是 JSP、Servlet 和 MySQL 开发，Windows XP Professional 操作系统，用 Dreamweaver 进行前台网页界面设计、采用 JDBC 方式与后台数据库进行连接，完成数据的 添加、修改、删除、查询等功能。由于 JSP、Servlet 功能强大，而 MySQL 灵活易维护在开 发方面具有方便快捷、使用灵活的特点，以及目前的广泛

17、实际应用，因此使用 JSP、Servlet、MySQL 是开发轻平台的最佳组合从而说明本系统在技术方面可行。 硬件方面，科技飞速发展的今天，硬件更新的速度越来越快，容量越来越大，可靠性 越来越高，价格越来越低，其硬件平台完全能满足此系统的需要。 2.3 操作可行性操作可行性 目前，大多数计算机都能运行该系统，该系统的安装、调试、运行不会改变原计算机 系统的设置和布局，并且系统界面简单，提示信息完整，由相关人员指导便能够方便的操 作此软件。 9 / 38 2.4 系统的技术介绍系统的技术介绍 2.4.1 Javascript JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端

18、脚本语言。同时也是 一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应 用户的各种操作。它最初由网景公司（Netscape）的 Brendan Eich 设计，是一种动态、弱 类型、基于原型的语言，内置支持类。 Javascript 语言与 Java 语言在语法上比较相似，但随着对 Javascript 的深入了解后你会 发现，它们说到底是两种语言！ 2.4.2 JQuery jQuery 是一个兼容多浏览器的 javascript 框架，核心理念是 write less,do more(写得更少,做 得更多)。jQuery 在 2006 年 1 月由美

19、国人 John Resig 在纽约的 barcamp 发布，吸引了来自 世界各地的众多 JavaScript 高手加入，由 Dave Methvin 率领团队进行开发。如今，jQuery 已经成为最流行的 javascript 框架，在世界前 10000 个访问最多的网站中，有超过 55%在使 用 jQuery。 jQuery 是免费、开源的，使用 MIT 许可协议。jQuery 的语法设计可以使开发者更加便 捷，例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 Ajax 以及其他 功能。除此以外，jQuery 提供 API 让开发者编写插件。其模块化的使用方式使开发者可以

20、很轻松的开发出功能强大的静态或动态网页。 2.4.3 MySQL MySQL 是一个开放源码的小型关联式数据库管理系统，开发者为瑞典 MySQL AB 公司。 MySQL 被广泛地应用在 Internet 上的中小型网站中。由于其体积小、速度快、总体拥有成 本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了 MySQL 作为网站数据库。 自从 Oracle 公司收购了 MySQL 后不久，就发行了 MySQL 的企业版（不再免费）！ 2.4.4 MVC MVC 即模型视图控制器，是 Xerox PARC 在八十年代为编程语言 Smalltalk80 发 明的一种软件设

21、计模式，至今已被广泛使用。最近几年被推荐为 Sun 公司 J2EE 平台的设计 模式，并且受到越来越多的使用 ColdFusion 和 PHP 的开发者的欢迎。 MVC 是一种设计模式，它强制性的使应用程序的输入、处理和输出分开。使用 MVC 应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务. （1）模型 模型表示企业数据和业务规则。在 MVC 的三个部件中，模型拥有最多的处理任务。例 如它可能用象 EJBs 和 ColdFusion Components 这样的构件对象来处理数据库。被模型返回 10 / 38 的数据是中立的，就是说模型与数据格式无关，这样一个模型能为多

22、个视图提供数据。由 于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。 （2）视图 视图是用户看到并与之交互的界面。对老式的 Web 应用程序来说，视图就是由 HTML 元素组成的界面，在新式的 Web 应用程序中，HTML 依旧在视图中扮演着重要的角色，但 一些新的技术已层出不穷，它们包括 Macromedia Flash 和象 XHTML，XML/XSL，WML 等一 些标识语言和 Web services.如何处理应用程序的界面变得越来越有挑战性。MVC 一个大的 好处是它能为你的应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，不 管这些数据是联机存储

23、的还是一个雇员列表，作为视图来讲，它只是作为一种输出数据并 允许用户操纵的方式。 （3）控制器 控制器接受用户的输入并调用模型和视图去完成用户的需求。所以当单击 Web 页面中 的超链接和发送 HTML 表单时，控制器本身不输出任何东西和做任何的处理。它只是接收 请求并决定调用哪个模型构件去处理请求，然后确定用哪个视图来显示模型处理返回的数 据。 综上所述，MVC 的处理过程是首先控制器接收用户的请求，并决定应该调用哪个模型 来进行处理，然后模型用业务逻辑来处理用户的请求并返回数据，最后控制器用相应的视 图格式化模型返回的数据，并通过表示层呈现给用户。 2.4.5 JDBC JDBC（Java

24、 Data Base Connectivity,java 数据库连接）是一种用于执行 SQL 语句的 Java API，可以为多种关系数据库提供统一访问，它由一组用 Java 语言编写的类和接口组成。 JDBC 为工具/数据库开发人员提供了一个标准的 API，据此可以构建更高级的工具和接口， 使数据库开发人员能够用纯 Java API 编写数据库应用程序，同时，JDBC 也是个商标名。 有了 JDBC，向各种关系数据发送 SQL 语句就是一件很容易的事。换言之，有了 JDBC API，就不必为访问 Sybase 数据库专门写一个程序，为访问 Oracle 数据库又专门写一个程 序，或为访问 I

25、nformix 数据库又编写另一个程序等等，程序员只需用 JDBC API 写一个程序 就够了，它可向相应数据库发送 SQL 调用。同时，将 Java 语言和 JDBC 结合起来使程序员 不必为不同的平台编写不同的应用程序，只须写一遍程序就可以让它在任何平台上运行， 这也是 Java 语言“编写一次，处处运行”的优势。 2.4.6 DBUtils Common Dbutils 是操作数据库的组件，对传统操作数据库的类进行二次封装，可以把 结果集转化成 List。传统操作数据库的类指的是 JDBC（java database connectivity：java 数 据库连接，java 的数据库操

26、作的基础 API。 ） 。 DBUtils 是 java 编程中的数据库操作实用工具，小巧简单实用， 特色： 1.对于数据表的读操作，他可以把结果转换成 List，Array，Set 等 java 集合，便于程序 员操作； 2.对于数据表的写操作，也变得很简单（只需写 sql 语句） 11 / 38 3.可以使用数据源，使用 JNDI，数据库连接池等技术来优化性能-重用已经构建好的数 据库连接对象，而不像 php，asp 那样，费时费力的不断重复的构建和重构这样的对象。 2.4.7 C3P0 C3P0 是一个开源的 JDBC 连接池，它实现了数据源和 JNDI 绑定，支持 JDBC3 规范和

27、JDBC2 的标准扩展。目前使用它的开源项目有 Hibernate，Spring 等。 2.5 系统开发平台及运行环境系统开发平台及运行环境 2.5.1 系统开发平台系统开发平台 系统的开发是在 Tomcat 环境下进行的。Tomcat 是一个免费的开源的 Servlet 容器，它 是 Apache 基金会的 Jakarta 项目中的一个核心项目，由 Apache，Sun 和其它一些公司及个 人共同开发而成。由于有了 Sun 的参与和支持，最新的 Servlet 和 Jsp 规范总能在 Tomcat 中得到体现。Tomcat 被 Java World 杂志的编辑选为 2001 年度最具创新的

28、Java 产品，可见 其在业界的地位。 Tomcat 的环境主要有以下几方面技术优势： 1Tomcat 中的应用程序是一个 WAR（Web Archive）文件。WAR 是 Sun 提出的一种 Web 应用程序格式，与 JAR 类似，也是许多文件的一个压缩包。 2在 Tomcat 中，应用程序的部署很简单，你只需将你的 WAR 放到 Tomcat 的 webapp 目录下，Tomcat 会自动检测到这个文件，并将其解压。 3Tomcat 不仅仅是一个 Servlet 容器，它也具有传统的 Web 服务器的功能：处理 html 页面。 4Tomcat 也可以与其它一些软件集成起来实现更多的功能。

29、 2.5.2 运行环境运行环境 操作系统：Windows XP 以上版本。 服务器软件：Tomcat6.0 以上版本。 浏览器：IE、Fire Fox、Google Chrome。 第三章第三章 需求分析需求分析 3.1 系统功能模块概述和分析系统功能模块概述和分析 传智播客网上图书商城模型是典型的网上购物实践中最为普遍的电子商务企业对 客户（B2C）模式，主要包括会员注册、订单管理、购物车、搜索、支付等基本功能。此 外，本系统也将实现在线图书销售系统的后端管理，包括图书的添加、订单的处理等功能。 12 / 38 本系统完全基于 JSP 技术，在系统的设计与开发过程中严格遵守软件工程的规范，运

30、用软 件设计模式，从而减少系统模块间的偶合，力求做到系统的稳定性、可重用性和可扩充性。 传智播客网上图书商城主要功能如下： (1) 前台（客户购买）部分： 用户管理：注册会员、登录、激活、退出、修改密码； 分类显示：显示所有 1 级和 2 级分类； 图书显示：按分类查询图书、通过关键字搜索图书、高级搜索图书、查看某本 图书的详细等； 购物车管理：向购物车中添加图书、修改购物车中图书数量、删除购物车中图 书、我的购物车； 订单管理：通过购物车中图书生成订单、查看我的订单、查看某个订单的详细、 订单支付、确认收货、取消未付款订单。 (2) 后台（管理员管理）部分： 管理员：管理员登录； 分类管理：

31、查看所有分类、添加 1 级分类、添加 2 级分类、修改 1 级分类、 修改 2 级分类、删除 1 级分类、删除 2 级分类； 图书管理：按分类搜索图书、高级搜索图书、添加新图书、查看图书详细信 息、编辑图书、删除图书； 订单管理：按状态搜索订单、查看订单详细信息、取消订单、发货； 3.2 系统功能模块设计系统功能模块设计 根据系统功能分析，可以画出系统的功能模块图。 前台：用户购书功能图 13 / 38 后台管理员功能图： 14 / 38 3.3 数据库分析数据库分析 信息系统的主要任务是通过大量数据获得管理所需要的信息，这就要求系统本身能够 存储和管理大量的数据，而这一功能的实现必须借助大型

32、数据库系统。本系统的开发选择 MySQL 作为后台数据库开发工具。 1.概念模型设计概念模型设计 概念模型用于信息世界的建模，与具体的 DBMS 无关。为了把现实世界中的具体事物 抽象、组织为某一 DBMS 支持的数据模型。人们常常首先将现实世界抽象为信息世界，然 后再将信息世界转换为机器世界。也就是说，首先把现实世界中的客观对象抽象为某一种 信息结构，这种信息结构并不依赖于具体的计算机系统和具体的 DBMS，而是概念级的模 型，然后再把模型转换为计算机上某一个 DBMS 支持的数据模型。实际上，概念模型是现 实世界到机器世界的一个中间层次。 信息世界中包含的基本概念有实体和联系。 (1) 实

33、体 (entity) 客观存在并可相互区别的事物称为实体。实体可以是具体的人、事、物，也可以是抽 象的概念或联系。例如，一个学生、一门课、一个供应商、一个部门、一本 书、一位读者 等都是实体。 (2) 联系 (relationship) 在现实世界中，事物内部以及事物之间是有联系的，这些联系在信息世界中反映为实 体内部的联系和实体之间的联系。实体内部的联系通常是组成实体的各属性之间的联系。 两个实体型之间的联系可以分为 3 类，一对一联系，(1:1)；一对多联系(1 : n)；多对多联系 (m : n)。 概念模型是对信息世界建模，所以概念模型应该能够方便、准确地表示信息世界中的 常用概念。概

34、念模型的表示方法很多，其中最为常用的是 P.P.S.Chen 于 1976 年提出的实体， 联系方法(Entity-Relationship Approach)简记为 E-R 表示法)。该方法用 E-R 图来描述现实世界 的概念模型，称为实体-联系模型，简称 E-R 模型。 根据数据流程分析，绘制 ITCAST 网上书城的全局 E-R 模型如图所示。 根据设计规划的主要实体有：用户、图书分类、图书、购物车、订单、管理员。各个 实体具体的描述属性图如下（实体属性在下图中并没有全部给出，因为属性过多的原因）： 15 / 38 1.用户实体 2.图书分类实体 3.图书实体 4.购物车实体 购物车其实

35、是购物项的集合！即多个购物项构成了购物车。 5.订单实体 订单其实是订单项的集合！即多个订单项构成了订单。 16 / 38 2.数据库表设计数据库表设计 数据库表设计主要是把概念结构设计时设计好的基本 E-R 图转换为与选用 DBMS 产品 所支持的数据模型相符合的逻辑结构。它包括数据项、记录及记录间的联系、安全性和一 致性约束等等。导出的逻辑结构是否与概念模式一致，从功能和性能上是否满足用户的要 求，要进行模式评价。 本系统数据库表如下： (1) t_user 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 uidchar(32)YN主键 loginnamevarchar(50

36、)NN登录名 loginpassvarchar(50)NN登录密码 emailvarchar(50)NN邮箱地址 statusbooleanNN是否激活 activationCodechar(64)NN激活码(唯一) (2) t_category 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 cidchar(32)YN主键 cnamevarchar(50)NN分类名称 pidchar(32)NY父分类 ID descvarchar(100)NY分类描述 orderByintNY序号，用来排序 (3) t_book 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 b

37、idchar(32)YN主键 bnamevarchar(200)NN书图名称 authorvarchar(50)NY作者 pricedecimal(8,2)NY定价 currPricedecimal(8,2)NY当前价 discountdecimal(3,1)NY折扣 pressvarchar(100)NY出版社 publishtimechar(10)NY出版时间 editionintNY版次 pageNumint NY页数 wordNumintNY字数 17 / 38 printtimechar(10)NY印刷时间 booksizeintNY开本 papervarchar(50)NY纸质 c

38、idchar(32)NY所属分类 ID image_wvarchar(100)NY大图路径 image_bvarchar(100)NY小图路径 orderByintNY序号，用来排序 (4) t_cartitem 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 cartItemIdchar(32)YN主键 quantityintYN数量 bidchar(32)YN图书 ID uidchar(32)YN用户 ID orderyByintYN序号，用来排序 (5) t_order 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 oidchar(32)YN主键 order

39、timechar(19)YN下单时间 totaldecimal(10,2)YN合计金额 statusint YN订单状态 addressvarchar(1000)YN收货地址 uidchar(32)YN用户 ID (6) t_orderitem 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 orderItemIdchar(32)YN主键 quantityintYN数量 subtotaldecimal(8,2)YN小计 bidchar(32)YN图书 ID bnamevarchar(200)YN图书名称 currPricedecimal(8,2)YN图书当前价 image_bva

40、rchar(100)YN图书小图路径 oidchar(32)YN所属订单 ID (7) t_admin 字段名称字段名称数据类型数据类型主键主键是否空是否空说明说明 adminIdchar(32)YN主键 adminnamevarchar(50)YN管理员名称 adminpwdvarchar(50)YN管理员密码 18 / 38 第四章第四章 传智播客网上图书商城传智播客网上图书商城前台设前台设 计与实现计与实现 传智播客网上图书商城的整个前台部分是供用户浏览、选购图书的部分，一 个好的网站的前台部分一定非常精美，非常有条理，因此，前台的设计主要把握 3 点： 简明扼要、条理清晰、层次分明。下

41、面将一一介绍我的传智播客网上图书商城系 统的前台部分的实现。 4.1 首页设计首页设计 首页模块包括 3 个主要的部分，采用内嵌框架技术。位置分别为上、左、中。 1.上部的实现 上部包含两大部分内容： 网站标题； 菜单。 菜单部分就是一系列的超链接，用户在未登录时看到的是“登录”和“注册”链接； 在登录后看到的是“我的购物车” 、 “我的订单” 、 “修改密码” 、 “退出”超链接，以及当前 用户名称。 2.左部的实现 左部显示所有分类，包含所有 1 级、2 级分类。左部使用了 Javascript 的 Q6Menu 组件来完成显示所有分类。当用户点击某个 1 级分类名称时会展示当前 1 级分

42、类的所 有 2 级分类。 3.中部的实现 中部是网站的骨干，点击任何超链接都会在中部显示。默认只是使用纯文本显示 欢迎信息。 19 / 38 4.2 用户模块用户模块 注册用户是构成网站主体的一个重要组成部分，网站设置注册用户的目的之一在于方 便网站信息的管理。 4.2.1 用户注册用户注册 用户在登录之前需要先进行注册，在首页中点击“注册”链接就可以到达注册页面。 1.表单校验 注册页面使用 JQuery 对用户输入的数据进行校验： 用户名： 不能为空； 长度必须在 215 之间； 不能是已注册过的； 登录密码： 不能为空； 长度必须在 215 之间； 确认密码： 不能为空； 必须与登录密码

43、相同； Email： 不能为空； 必须是正确的 Email 格式； 不能是注册过的 Email； 验证码： 不能为空； 必须与图片上的验证码相同。 20 / 38 表单校验中，用户名是否被注册过、Email 是否被注册过、验证码是否正确这三项都需 要请求服务器，所以这里使用的是 JQuery 的 ajax()来完成对服务器的访问。 2.激活 当用户注册成功后还需要激活成功后才能登录。在注册成功后，系统给用户的邮箱发 送一份激活邮件。当用户登录自己的邮箱后，在激活邮件中点击激活链接完成激活后，才 可以去登录。 4.2.2 用户登录用户登录 在首页点击“登录”链接就可以来到登录页面。 1.表单校验

44、 用户名： 不能为空； 长度必须在 215 之间； 用户名是否存在； 密码： 不能为空； 长度必须在 215 之间； 验证码： 不能为空； 是否正确。 登录表单校验使用的 JQuery 完成，其中用户名是否存在，以及验证码是否正确需要使 用 JQuery 的 ajax()向服务器发送异步请求。 2.登录成功 用户登录成功后，会回到首页。这时在首页会显示当前用户的名称，以及“我的购物 车” 、 “我的订单” 、 “修改密码” 、 “退出”链接。也就是说，这几个功能只能登录用户才能 使用，而游客是无法使用的。 21 / 38 4.2.3 修改当前用户密码修改当前用户密码 用户在登录成功后，点击修改

45、密码链接就会到达修改密码页面。 1.表单校验 原密码： 不能为空； 长度必须在 215 之间； 是否正确； 新密码： 不能为空； 长度必须在 215 之间； 确认密码： 不能为空； 必须与新密码相同； 验证码： 不能为空； 是否正确。 表单校验使用 JQuery 完成。其中原密码和验证码是否正确，需要异步访问服务器，这 里使用的是 JQuery 的 ajax()完成的。 4.2.4 退出退出 当用户登录后，点击退出链接可以完成退出。退出成功后会到达登录页面！ 4.3 图书模块图书模块 4.3.1 图书列表图书列表 在首页左部点击某个 2 级分类，会在首页的中部显示图书列表页面。图书列表使用分

46、页显示。 22 / 38 可以在图书列表上方输入关键字进行搜索。 4.3.2 图书详细图书详细 点击某本图书，会到达图书详细页面。 4.3.3 高级搜索高级搜索 在图书列表页面点击高级搜索到达搜索页面。 23 / 38 高级搜索有三个条件：书名、作者、出版社，三个条件的关系是并列的。而且三个条 件都是模糊查询。 4.4 购物车购物车 购物车使用数据库来保存数据，也就是说添加到购物车中的图书，不会因为关闭浏览 器，或者是关闭电脑而消失。而且修改数量，是通过异步请求来操作数据库的。 4.4.1 添加图书到购物车添加图书到购物车 在图书详细页面，给出数量，然后点击“购买”就可以把图书添加到购物车中，

47、并且 会到达购物车列表页面。 4.4.2 我的购物车我的购物车 也可以在首页上部点击“我的购物车”链接查询购物车。购物车列表页面会显示所有 车中所有条目，每个条目会显示图书图片、图书名称、图书当前价、数量，以及小计。 24 / 38 4.4.3 修改条目数量修改条目数量 在购物车列表页面中，点击某个条目上的数量来完成修改数量。这项操作会修改底层 数据库。所以这里需要使用 JQuery 的异步处理访问服务器，完成对数据库表的修改。 当数量为 1 时，如果把数量减 1，会弹出确认对话框，提示是否删除该条目。 4.4.4 删除条目删除条目 在购物车列表页面中，点击某个条目后面的“删除”链接会删除当前

48、条目。 也可以勾选 N 个条目，然后点击“批量删除”链接，完成一次删除多个条目。 4.5 订单模块订单模块 对订单的操作，对应数据库中的两张表，即订单表和订单条目表（t_order 和 t_orderitem） 。而且订单模块的功能比较多： 生成订单：通过购物车中勾选的条目来生成订单； 我的订单：显示当前用户的所有订单，每个订单所包含的订单条目也需要显示； 订单支付：使用易宝的第三方支付平台完成，对“在线支付”的理解也是一个挑 战； 订单详细：显示指定的某个订单； 订单取消和订单的确认收货：这两个功能都是对订单状态的修改。 4.5.1 选中条目，准备生成订单选中条目，准备生成订单 在购物车列表

49、页面中，勾选要购买的条目，然后点击“结算”按钮，完成选中条目， 准备生成订单，这会到达订单准备页面。 25 / 38 4.5.2 生成订单生成订单 在订单准备页面，输入收货地址，然后点击“提交订单”按钮，完成下单（生成订单） 。 这时会到达“下单成功”页面。 这时订单已经生成，但状态为“未付款” 。可以在“下单成功”页面点击“支付”按钮 到达“支付”页面。 4.5.3 订单列表订单列表 在首页上部点击“我的订单”链接，就会到达订单列表页面。该页面会显示当前用户 的所有订单信息。该页使用分页显示订单！ 4.5.4 支付页面支付页面 在“下单成功”页面，或者“订单列表”页面中点击“支付”按钮都可以到达“支付” 页面。在“支付”页面中选择银行，后点击下一步就会跳转到银行的支付页面了。这里使 26 / 38 用的是“易宝”第三方支付平台！ 4.5.5 订单详细页面订单详细页面 在订单列表页面中，点击某个订单的“查看” 、 “取消” 、 “确认收货”都会到达“订单 详细”页面。其中点击“查看”到达“订单详细”页面后没有按钮；点击“取