在线购物系统课程

《在线购物系统课程》由会员分享，可在线阅读，更多相关《在线购物系统课程（51页珍藏版）》请在装配图网上搜索。

1、项目十在线购物系统项目十在线购物系统【】【】Web开发技术的飞速发展促进了电子商务的普及。目前，越来越开发技术的飞速发展促进了电子商务的普及。目前，越来越多的商业活动开始转移到多的商业活动开始转移到Internet中来进行，一种新的购物方式中来进行，一种新的购物方式电子购物正在悄然兴起，这种购物方式无疑给商家和消费者带来了电子购物正在悄然兴起，这种购物方式无疑给商家和消费者带来了极大的便利，使以前很多不可能的商业活动变得异常快捷。本项目极大的便利，使以前很多不可能的商业活动变得异常快捷。本项目通过设计一个在线电子购物商城系统，实现用户在线购物，管理员通过设计一个在线电子购物商城系统，实现用户在

2、线购物，管理员后台进行管理等常用操作。同时对于广大后台进行管理等常用操作。同时对于广大ASP.NET初学者来说，学初学者来说，学习本章知识可以对前面所学内容进行总结，也可以提高对各种应用习本章知识可以对前面所学内容进行总结，也可以提高对各种应用技术的整合能力。技术的整合能力。下一页项目十在线购物系统项目十在线购物系统【整体功能划分】【整体功能划分】根据系统功能要求，在线网络购物系统整体功能分为两个模根据系统功能要求，在线网络购物系统整体功能分为两个模块：针对普通用户实现在线购物功能模块和管理员后台管理功能块：针对普通用户实现在线购物功能模块和管理员后台管理功能模块。模块。在线购物基本功能模块包

3、括以下一些操作。在线购物基本功能模块包括以下一些操作。会员注册：用户可以自行注册为会员，只有成为网络会员才可以进会员注册：用户可以自行注册为会员，只有成为网络会员才可以进行网络购物。行网络购物。在线购物：会员登录后，可以对现存商品实现购物功能。在线购物：会员登录后，可以对现存商品实现购物功能。在线充值：会员在进行购物时，会员的账户中必须有足够的金钱。在线充值：会员在进行购物时，会员的账户中必须有足够的金钱。查看余额：会员登录系统后，可以随时查看个人账户余额。查看余额：会员登录系统后，可以随时查看个人账户余额。修改密码：会员登录系统成功后，可以自行修改密码。修改密码：会员登录系统成功后，可以自行

4、修改密码。客户留言：会员在购物时如果有建议或意见可以直接在线留言。客户留言：会员在购物时如果有建议或意见可以直接在线留言。下一页返回上一页项目十在线购物系统项目十在线购物系统后台管理功能模块包括以下一些操作。后台管理功能模块包括以下一些操作。修改密码：管理员可以自行修改个人密码。修改密码：管理员可以自行修改个人密码。商品类别管理：管理员可以对商品的类别进行添加，修改和删除操商品类别管理：管理员可以对商品的类别进行添加，修改和删除操作。作。商品管理：管理员可以对商品的信息进行添加和修改操作。商品管理：管理员可以对商品的信息进行添加和修改操作。会员管理：管理员可以对会员信息进行管理。会员管理：管理

5、员可以对会员信息进行管理。留言管理：管理员可以对用户的留言进行管理。留言管理：管理员可以对用户的留言进行管理。在线购物系统整个逻辑功能结构示意图如在线购物系统整个逻辑功能结构示意图如图图10-1所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统【系统数据库设计】【系统数据库设计】（1）用户信息表）用户信息表UserInfo，用来保存注册会员的信息。具体结构见，用来保存注册会员的信息。具体结构见表表10-1。（2）商品分类表）商品分类表Category，用来保存商品分类的信息。具体结构见，用来保存商品分类的信息。具体结构见表表10-2。（3）商品表）商品表Product，主要用来保

6、存管理员上传的商品信息。具体结，主要用来保存管理员上传的商品信息。具体结构见构见表表10-3。（4）用户订购商品表）用户订购商品表UserOrder，主要用来保存用户购买商品的时间，主要用来保存用户购买商品的时间，会员的编号和唯一标识。具体结构见会员的编号和唯一标识。具体结构见表表10-4。（5）用户订购商品详细表）用户订购商品详细表OrderDetail，主要用来保存用户购买商品的，主要用来保存用户购买商品的明细。具体结构见明细。具体结构见表表10-5。下一页返回上一页项目十在线购物系统项目十在线购物系统（6）用户留言）用户留言GuestBook表，用来保存用户的在线留言信息。具体结表，用来

7、保存用户的在线留言信息。具体结构见构见表表10-6。表的具体关系图如表的具体关系图如图图10-2所示。所示。（7）创建视图）创建视图PDetail，主要用于商品表和商品分类表进行关联，具体，主要用于商品表和商品分类表进行关联，具体如如图图10-3所示。所示。（8）创建视图）创建视图cartlist，主要用于对会员每次购物的汇总，具体如，主要用于对会员每次购物的汇总，具体如图图10-4所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统【数据库访问配置和实现】【数据库访问配置和实现】1.配置配置Web.Config文件文件 本系统采用本系统采用AdO.NET方式访问方式访问SQL S

8、erver 2000数据库，首先数据库，首先在在Web.Config文件中配置访问数据库的链接字符串，在配置文件文件中配置访问数据库的链接字符串，在配置文件中添加代码。中添加代码。下一页返回上一页项目十在线购物系统项目十在线购物系统2.访问数据库操作访问数据库操作 访问数据库操作，主要包括建立数据库连接、对数据库表查访问数据库操作，主要包括建立数据库连接、对数据库表查询返回询返回DataSet类型数据、对数据库表更新操作和断开数据库连接类型数据、对数据库表更新操作和断开数据库连接操作。操作。【在线购物基本功能页面分析】【在线购物基本功能页面分析】1.用户控件用户控件 用户控件是用户控件是ASP

9、.NET控件封装最简单的形式，它可以大大提控件封装最简单的形式，它可以大大提高代码的重用。由于在系统中每个页面都要判断用户的登录功能高代码的重用。由于在系统中每个页面都要判断用户的登录功能和商品的分类功能，所以创建了两个用户控件：用户登录控件和和商品的分类功能，所以创建了两个用户控件：用户登录控件和显示商品分类的控件。显示商品分类的控件。（1）用户登录控件。右击【项目】，在弹出的快捷菜单中选择【添加）用户登录控件。右击【项目】，在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【新项】命令，在弹出的对话框中选择【Web用户控件】选项，如用户控件】选项，如图图10-5所示。所示。下一页

10、返回上一页项目十在线购物系统项目十在线购物系统 在生成的用户控件的前台代码中添加判断会员在登录成功和在生成的用户控件的前台代码中添加判断会员在登录成功和没有登录情景下对应的代码。没有登录情景下对应的代码。在登录控件的前台代码中，主要通过对会员的在登录控件的前台代码中，主要通过对会员的Session进行判进行判断，如果会员已经登录，则显示会员的常用操作菜单，否则直接断，如果会员已经登录，则显示会员的常用操作菜单，否则直接显示登录对话框。当会员单击【登录】按钮时，添加【登录】按显示登录对话框。当会员单击【登录】按钮时，添加【登录】按钮的后台处理代码。钮的后台处理代码。对于新用户注册为会员时，对【注

11、册】按钮添加后台处理代对于新用户注册为会员时，对【注册】按钮添加后台处理代码，主要实现页面的转向。码，主要实现页面的转向。下一页返回上一页项目十在线购物系统项目十在线购物系统（2）商品分类控件。右击【项目】，在弹出的快捷菜单中选择【添加）商品分类控件。右击【项目】，在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【新项】命令，在弹出的对话框中选择【Web用户控件】选项，输用户控件】选项，输入控件名称入控件名称“CategoryList.ascx”，在分类控件的前台页面中添，在分类控件的前台页面中添加一个加一个DataList控件控件“dlstCategory”，如，如图图10-6所

12、示，并修改其所示，并修改其相应的属性。修改控件相应的属性。修改控件“dlstCategory”的数据项模板，将表格的数据项模板，将表格的开始标记放在数据项的头部模板中，结束标记放在底部模板中，的开始标记放在数据项的头部模板中，结束标记放在底部模板中，中间所有的数据项放在单元格中。中间所有的数据项放在单元格中。添加控件在页面调入时的后台代码，主要实现对控件添加控件在页面调入时的后台代码，主要实现对控件“dlstCategory”的数据绑定。的数据绑定。（3）文件上传控件。文件上传控件主要实现对商品图片的上传，返回）文件上传控件。文件上传控件主要实现对商品图片的上传，返回图片的文件名称，并验证图片

13、的格式。具体前台布局如图片的文件名称，并验证图片的格式。具体前台布局如图图10-7所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统2.页面模板页面模板 由于系统多个页面要使用相同的布局方式，对于所有的在线购由于系统多个页面要使用相同的布局方式，对于所有的在线购物功能页面中使用统一模板，并且在模板中使用用户控件，可以物功能页面中使用统一模板，并且在模板中使用用户控件，可以大大方便代码的重用。右击【项目】，在弹出的快捷菜单中选择大大方便代码的重用。右击【项目】，在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【母版页】选项，输【添加新项】命令，在弹出的对话框中选择【母版

14、页】选项，输入母版页名称入母版页名称“MasterPage.master”，然后对母版页面进行布局，然后对母版页面进行布局，具体布局效果如具体布局效果如图图10-8所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统【具体功能页面实现】【具体功能页面实现】1.系统默认页面系统默认页面“Default.aspx”在默认页面中，首先使用上面创建的母版页，在内容区域中在默认页面中，首先使用上面创建的母版页，在内容区域中添加三个栏目：最新上架，精品推荐和特价商品。在每个栏目中添加三个栏目：最新上架，精品推荐和特价商品。在每个栏目中添加一个添加一个DataList控件，用来显示对应的商品，并

15、设置相应的属性，控件，用来显示对应的商品，并设置相应的属性，如如图图10-9所示。所示。设置完成后，单击设置完成后，单击DataList控件的任务快捷菜单，选择【编辑控件的任务快捷菜单，选择【编辑模板】选项，如模板】选项，如图图10-10所示。所示。在模板编辑窗口中，对在模板编辑窗口中，对ItemTemplate进行编辑，具体效果如进行编辑，具体效果如图图10-11所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统 编辑编辑ItemTemplate完成后，返回到默认页面，此时页面效果完成后，返回到默认页面，此时页面效果如如图图10-12所示。所示。以同样的方式完成其他两个栏目的以

16、同样的方式完成其他两个栏目的DataList设置。完成页面设置。完成页面的前台设计部分后，首先添加页面载入代码，实现的前台设计部分后，首先添加页面载入代码，实现DataList的数据的数据绑定。绑定。其次，添加其次，添加DataList数据项模板中的【添加到购物车】按钮数据项模板中的【添加到购物车】按钮的事件绑定。的事件绑定。对于显示商品详细信息按钮，通过在模板中定义链接的方式对于显示商品详细信息按钮，通过在模板中定义链接的方式来定义。来定义。最终默认页面运行效果如最终默认页面运行效果如图图10-13所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统2.会员注册会员注册“Regi

17、ster.aspx”会员注册页面也使用了母版页，主要实现用户在线注册为会会员注册页面也使用了母版页，主要实现用户在线注册为会员，运行效果如员，运行效果如图图10-14所示。所示。在新会员注册过程中，首先对用户输入的内容进行验证，是在新会员注册过程中，首先对用户输入的内容进行验证，是否符合指定格式。否符合指定格式。3.购买商品购买商品“Buy.aspx”会员如果实现在线购买商品，必须登录成功后方可进行购物。会员如果实现在线购买商品，必须登录成功后方可进行购物。具体的购物流程图如具体的购物流程图如图图10-15所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统 当会员单击【购买商品】

18、按钮，此时将显示商品的详细信息，当会员单击【购买商品】按钮，此时将显示商品的详细信息，并接受会员输入购买商品的数量，如图并接受会员输入购买商品的数量，如图10-16所示。所示。对于购物车的实现，将会员购买的商品首先放入一个对于购物车的实现，将会员购买的商品首先放入一个DataTable中，在将这个中，在将这个DataTable放入放入Session中，会员不断更改购中，会员不断更改购物车中的商品信息，此时将更新物车中的商品信息，此时将更新DataTable中的商品信息，并将中的商品信息，并将DataTable与与GridView控件进行绑定。控件进行绑定。会员输入完产品数量后，单击【加入购物车

19、】按钮，此时将会员输入完产品数量后，单击【加入购物车】按钮，此时将先判断用户输入的数量和此商品的所有数量进行比较，如果输入先判断用户输入的数量和此商品的所有数量进行比较，如果输入商品的数量大于商品的所有数量，此时将提示会员，否则将商品商品的数量大于商品的所有数量，此时将提示会员，否则将商品放入购物车。放入购物车。会员在没有结账之前，可以对选择的商品进行删除，此时只会员在没有结账之前，可以对选择的商品进行删除，此时只是从是从DataTable中删除商品信息，删除后重新绑定中删除商品信息，删除后重新绑定GridView。下一页返回上一页项目十在线购物系统项目十在线购物系统 如果需要清空购物车，只需

20、要将如果需要清空购物车，只需要将Session会话中的购物车对象会话中的购物车对象设置为设置为null，然后重新绑定，然后重新绑定GridView即可。即可。最后当会员结账时，单击【结账】按钮，系统首先验证会员最后当会员结账时，单击【结账】按钮，系统首先验证会员的账户余额，如果余额不足，则购物失败，然后验证用户选择的的账户余额，如果余额不足，则购物失败，然后验证用户选择的商品数量和现有的商品数量进行比较，如果现有的数量小于会员商品数量和现有的商品数量进行比较，如果现有的数量小于会员购买的数量，将会员购买的数量修改为商品现有的数量。购买的数量，将会员购买的数量修改为商品现有的数量。下一页返回上一

21、页项目十在线购物系统项目十在线购物系统4.查看购物清单查看购物清单“MyCartList.aspx”会员只要登录系统，就可以查询到会员的历次购物清单及明会员只要登录系统，就可以查询到会员的历次购物清单及明细，点击【查看购物清单】链接，则显示该会员的所有购物清单，细，点击【查看购物清单】链接，则显示该会员的所有购物清单，如果需要查看对应的明细，直接点击【详细】链接即可，如如果需要查看对应的明细，直接点击【详细】链接即可，如图图10-17所示。所示。购物清单购物清单MyCartList.aspx的页面使用了的页面使用了MasterPage.master母母版页，在母版页的内容区域添加一个版页，在母

22、版页的内容区域添加一个GridView控件，用来显示会控件，用来显示会员的购物清单。员的购物清单。下一页返回上一页项目十在线购物系统项目十在线购物系统5.在线充值在线充值“Account.aspx”在线充值主要实现增加会员的账户金额，当然在实际的运作在线充值主要实现增加会员的账户金额，当然在实际的运作过程中应该使用其他的方式来代替此功能，例如网上银行转账。过程中应该使用其他的方式来代替此功能，例如网上银行转账。此页面使用了此页面使用了MasterPage.master母版页，在母版页的内容区域添母版页，在母版页的内容区域添加输入金额的输入框，充值按钮和其他的文字信息。具体效果如加输入金额的输入

23、框，充值按钮和其他的文字信息。具体效果如图图10-18所示。所示。6.在线留言在线留言“GuestBook.aspx”如果用户在购物过程中有一些建议，可以直接在线留言，具如果用户在购物过程中有一些建议，可以直接在线留言，具体效果如体效果如图图10-19所示。所示。7.商品详细信息商品详细信息“Show.aspx”在需要浏览商品详细信息时，直接单击【在需要浏览商品详细信息时，直接单击【Show】按钮，具体】按钮，具体效果如效果如图图10-20所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统8.后台商品分类管理后台商品分类管理“Class.aspx”后台商品分类管理主要对分类的增加

24、，删除和修改操作，前台后台商品分类管理主要对分类的增加，删除和修改操作，前台页面布局如页面布局如图图10-21所示。所示。9.后台商品管理后台商品管理“Manager.aspx”后台商品管理主要是对目前在线商品信息进行修改，通过后台商品管理主要是对目前在线商品信息进行修改，通过GridView绑定绑定SqlDataSource数据源进行数据显示和分页，具体的数据源进行数据显示和分页，具体的前台页面布局如前台页面布局如图图10-22所示。所示。10.后台商品添加后台商品添加“GoodsAdd.aspx”后台商品添加主要是添加新的上线商品，包括了商品的基本信后台商品添加主要是添加新的上线商品，包括

25、了商品的基本信息和图片信息，前台布局如息和图片信息，前台布局如图图10-23所示。所示。管理员在添加新商品时，首先对商品的一些信息进行验证，管理员在添加新商品时，首先对商品的一些信息进行验证，像产品名称，市场价格等。像产品名称，市场价格等。下一页返回上一页项目十在线购物系统项目十在线购物系统11.后台会员信息管理后台会员信息管理“Customer.aspx”管理员可以浏览会员信息，并具有删除会员信息的权限，通管理员可以浏览会员信息，并具有删除会员信息的权限，通过过GridView绑定绑定SqlDataSource数据源进行数据显示和分页，具体数据源进行数据显示和分页，具体的前台页面布局如的前台

26、页面布局如图图10-24所示。所示。12.留言信息管理留言信息管理“GuestBook.aspx”管理员可以浏览所有的留言信息，并具有删除留言的权限，管理员可以浏览所有的留言信息，并具有删除留言的权限，通过通过GridView绑定绑定SqlDataSource数据源进行数据显示和分页，具数据源进行数据显示和分页，具体的前台页面布局如体的前台页面布局如图图10-25所示。所示。下一页返回上一页项目十在线购物系统项目十在线购物系统【系统的主题样式】【系统的主题样式】1.外观文件外观文件 系统的外观文件中，只是对系统的外观文件中，只是对Web服务器服务器Button控件进行了定义，控件进行了定义，具

27、体代码如下所示。具体代码如下所示。2.样式文件，具体代码见课本程序清单样式文件，具体代码见课本程序清单10-27样式文件样式文件返回上一页表表10-1 UserInfo表结构表结构返回表表10-2 Category表结构表结构返回表表10-3 Product表结构表结构返回表表10-4 UserOrder表结构表结构返回表表10-5 OrderDetail表结构表结构返回表表10-6 GuestBook表结构表结构返回图图10-1系统逻辑功能结构图系统逻辑功能结构图返回图图10-2表关系图表关系图返回图图10-3创建视图创建视图返回图图10-4会员购物汇总视图会员购物汇总视图返回图图10-5创

28、建创建Web用户控件用户控件返回图图10-6配置配置DataList属性属性返回图图10-7文件上传组件文件上传组件返回图图10-8模板页面布局模板页面布局返回图图10-9配置配置DataList属性属性返回图图10-10编辑模板编辑模板返回图图10-11编辑编辑DataList ItemTemplate返回图图10-12 DataList设计效果设计效果返回图图10-13程序运行效果程序运行效果返回图图10-14新会员注册新会员注册返回图图10-15购物流程图购物流程图返回图图10-16输入购买数量输入购买数量返回图图10-17查看购物清单查看购物清单返回图图10-18具体效果图具体效果图返回图图10-19客户留言客户留言返回图图10-20商品详细信息商品详细信息返回图图10-21商品分类管理商品分类管理返回图图10-22商品管理商品管理返回图图10-23商品添加商品添加返回图图10-24会员管理会员管理返回图图10-25留言管理留言管理返回