第10章 购物新天地网上商城

联系方式：北京源智天下科技有限公司联系方式：课程安排•开发背景•系统分析•系统设计•数据库设计•开发前的准备工作•前台框架设计模块•前台页面模块•分页功能模块•用户功能模块•购物车功能模块1-3北京源智天下科技有限公司联系方式：课程安排（续）•用户提交订单模块•商品管理模块•订单管理模块•管理员管理模块•密码修改模块•知识点汇总•章末总结1-4北京源智天下科技有限公司联系方式：开发背景•随着社会的不断进步，网络的不断发展，越来越多的网上商城相继出现。例如全球知名的亚马逊网上书店，国内的当当网上商城和卓越网等。顾客甚至足不出户就可以买到所需要的商品，从而节约大量时间，将更多的时间应用于其他更有意义的事情上。•传统的书店存在着许多弊端，如商品种类太少，经营成本高等。相比之下，电子商城具有以下优势：商品种类多，信息量大；检索、订购快捷方便；书店成本低，商品价格低廉；节约顾客购买时间；为了降低商店的成本，节约顾客的时间，从而开发此电子商城。1-5北京源智天下科技有限公司联系方式：系统分析•本系统的前台功能主要如下：•用户的注册。•用户资料的修改。•用户登录。•商品的购买。•商品的搜索。•商品的分页查看。•商品的分类搜索。•购物车中商品的删除与商品数量的修改。•订单提交及收货人信息的修改。1-6北京源智天下科技有限公司联系方式：系统分析（续）•本系统的后台功能主要如下：•管理员登录及密码修改。•商品的管理，包括商品的增、删、改、查。•订单的管理，包括订单的发货及删除。•管理员管理，包括管理员的添加及管理员密码重置。1-7北京源智天下科技有限公司联系方式：系统设计•本系统的系统结构如图所示：1-8北京源智天下科技有限公司联系方式：系统预览•这一节将对本系统各功能模块进行演示。1-9北京源智天下科技有限公司联系方式：数据库设计•该系统包含的实体主要有：商品、用户、管理员、订单等，下面将分别介绍各实体及实体间的E-R图。1-10北京源智天下科技有限公司联系方式：数据库设计（续）•本系统共有5张表：用户基本信息表、管理员基本信息表、商品基本信息表、订单基本信息表、订单明细表，下面将对订单明细表进行介绍，其它表的设计请参看本书中的详细介绍。字段名称数据类型字段大小是否主键是否为空说明OGidintN/A是否订单明细表IDOidintN/A否否订单号UidintN/A否否订购人IDGidintN/A否否商品IDOGamountintN/A否否商品数量OGtotalpricedoubleN/A否否商品总价1-11北京源智天下科技有限公司联系方式：开发前准备工作•本系统的目录组织结构如图所示：1-12北京源智天下科技有限公司联系方式：开发前准备工作（续）•下面将介绍如何在MySQL数据库中创建表及插入数据，具体步骤如下所示：•启动MySQL，打开MySQL命令行客户端MySQLCommandLineClient。•执行语句“usetest;”进入数据库test开始对其进行操作。•执行创建和插入的SQL语句。1-13北京源智天下科技有限公司联系方式：开发前准备工作（续）•当数据库中表的创建完成并插入测试数据后，首先要按照系统目录组织结构图进行组织系统。•接着要对数据源连接池进行配置，具体配置步骤请看演示。1-14北京源智天下科技有限公司联系方式：前台框架设计模块•顾客在进入商城后,首先看到的是商城的首页，用户可以在这里进行注册、登录，以及商品的搜索与购买。该页面主要由五部分组成，分别是页面的顶部、用户的注册登录块、商品的搜索块、商品的分类块、以及商品的显示块。下面将介绍具体的开发过程。1-15北京源智天下科技有限公司联系方式：前台页面模块•前面介绍了首页的框架，但其中各个部分的具体实现还没有进行介绍，在下面的部分将会对各模块功能的实现进行逐一介绍，主要部分主要包括有：•首页顶部页面的实现•登录页面的实现•登录动作的实现•商品搜索页面的实现•商品分类搜索的实现1-16北京源智天下科技有限公司联系方式：分页功能模块•前一模块介绍了前台页面的部分功能，下面将介绍客户端商品的分页显示，以及Servlet端的具体实现。•JavaBean的实现•页面数据操纵功能的实现•商品信息页面的实现•分页动作的实现•商品详细信息页面1-17北京源智天下科技有限公司联系方式：用户功能模块•用户在浏览过程中，若要购物，则可能需要注册为商城的用户，接下来将开发用户模块，为用户的购物进行准备。此模块包括用户注册、用户登录、查看/修改用户信息及注销等。•用户注册功能的实现•用户信息修改页面•用户信息修改及注销1-18北京源智天下科技有限公司联系方式：购物车功能模块•购物车是前台客户端的一个非常重要的功能模块，用来存放用户所购买的商品。在用户的整个购物过程中，需要用Map来时刻记录用户的购物信息。主要实现用户对商品的购买，购物车中商品数量的修改，商品的删除、结账，以及购物车的清空等功能。•商品的购买•购物车页面的实现•商品数量修改及删除•购物车清空•结账功能的实现1-19北京源智天下科技有限公司联系方式：用户提交订单模块•用户填写完收货人信息后，需要对用户订单进行确认。在订单确认页用户可以修改收货人信息，也可以对订单进行确认。•订单确认页面的实现•收货人信息修改•订单确认1-20北京源智天下科技有限公司联系方式：商品管理模块•本节将会对商品的后台管理功能进行开发，其中包括商品的增、删、改、查。•商品的查询•商品的添加•商品的修改及删除1-21北京源智天下科技有限公司联系方式：订单管理模块•本节将对用户提交的订单进行处理，实现订单的查找、删除和发送功能。•订单管理页面的实现•订单查找功能•订单发送及删除页面•订单发送及删除功能1-22北京源智天下科技有限公司联系方式：管理员管理模块•在整个后台管理中，每个管理员都有自己的权限，但超级管理员只能有一个。超级管理员不可以被删除，可以对其他管理员进行添加、删除、查看及密码的重置。•管理员查看•管理员的添加•管理员的删除•密码重置1-23北京源智天下科技有限公司联系方式：密码修改模块•上节中实现了管理员的管理功能，但上述操作只限于超级管理员使用，在本节中将开发管理员对自己密码进行修改的功能。1-24北京源智天下科技有限公司联系方式：知识点汇总•至此，该系统的开发已全部完毕，在开发过程中用到了许多开发技巧及重要知识点，下面将对这些技巧及知识点进行介绍。•Form表单的应用：Form表单实现了系统与用户之间的交互，在本系统中多处用到了Form表单，如用户的登录、注册，商品的添加、搜索等。其中最重要的是对hidden类型的使用，其实现了向Servlet端动作的传递。•Table的应用：在本系统中，基本上每个页面都使用了Table，对Table的灵活运用，可以使页面变得绚丽多彩。1-25北京源智天下科技有限公司联系方式：知识点汇总（续）•JavaScript中正则式的应用：当用户填写完信息，在向服务器端提交前，首先要进行本地验证，其中最重要的是要学会对正则式的使用，其可以对用户输入的信息按某种规定的格式进行匹配。•Map的应用：在用户的整个购物过程中，Map担当着购物车的角色。在本系统中利用Map键值对应的特点，可以记住用户所购买的商品及数量，其中键对应所买商品的ID，值对应商品的数量。合理的使用Map，可以大大简化开发过程。•数据源的应用：本系统中对数据库的连接使用了数据源连接池。这样不必每次在进行数据库连接时进行驱动的加载，只需从连接池中借一个连接，当用完后归还即可，提高了系统的性能。1-26北京源智天下科技有限公司联系方式：知识点汇总（续）•分页功能的应用：当进行商品或订单显示时，若记录数太多，会占用服务器大量内存，运行速度缓慢，而且使显示页面变得不太友好。因此，需要将搜索出的结果集中的记录分为多个页面显示出来。•结果集元数据的应用：结果集的元数据中包含了结果集中各个字段的信息，包括字段的名称、标题、列数等信息。在开发过程中合理的使用元数据，可以提高开发效率，实现代码复用。•MVC模式的应用：MVC模式的使用，实现了表示层与业务处理层的分离，使程序的扩展性、可重用性大大提高。在MVC模式中，各层之间的分工明确，JSP只实现页面的表示，Servlet对JSP页面传递过来的动作进行处理，JavaBean对业务功能进行处理。1-27北京源智天下科技有限公司联系方式：章末总结•通过本章的学习，读者应该对MVC设计模式有了一定的理解。在Web应用的整个开发过程中，一般要严格按照MVC模式进行开发，并将所有对数据库中表的操作尽可能地封装起来，实现代码的重用。希望本案例的开发可以起到抛砖引玉的作用，有兴趣的读者可以进一步完善本系统的各项功能。联系方式：北京源智天下科技有限公司性格决定命运,专注成就人生源智天下