1、电子商务网站建设课程设计摘 要随着Internet国际互联网的发展，越来越多的企业开始建造自己的网站。基于Internet的信息服务，商务服务已经成为现代企业一项不可缺少的内容。很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。同时人们的生活方式也在随着发生改变，传统的购物方式已不能满足人们的需求。使得企业的IT部门已经认识到Internet的优势,电子商务就是在这样一个背景下产生发展起来的。伴随着电子商务技术的不断成熟，电子商务的功能也越来越强大，注册用户可以在网上搜索购买到自己想要的各种商品，初步让人们体会
2、到了足不出户,便可随意购物的快感。关键词：电子商务 动态服务网页 网上书店 1、开发概述本次课程设计的任务是，构建一个电子商务网站网上书店，采用的主要技术是基于IIS服务器端的ASP、IIS的组件、网页编程语言HTML、数据库以Microsoft Office 的Access为平台以及链接数据库ODBC。 ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用
3、来创建和运行动态网页或web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；（3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；（4）ASP提供了一些内置对象，使用这些对象可以使
4、服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；（5）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可放置ASP程序代码被窃取。2、项目背景开发工具： Microsoft Office Access2000 Macromedia DreamWeaver,开发语言：VB,VBScript,JavaScript,Html, SQL.开发技术：基于IIS等服务器的ASP技术面向对象：需求者3、功能概述3.1.系统简介1.系统主要包括两个模块：用
5、户购物模块和网站管理模块2.方便用户和系统管理员在网络直接进行操作3.2.系统目标网上购书系统要实现的目标主要是：1对使用的用户进行使用权限限制2此系统是做为课程设计，所以无需开发和维护的经费。3.3.系统范围网上购书系统主要针对用户在线购物和管理员在线上管理商品而使用，研究的主要对象是在线会员和系统管理员。系统通过互联网连接使用。3.4.系统主要功能1会员登陆及身份验证用户注册成为会员 验证用户注册信息会员登陆系统时的身份给证 修改资料2在线选购商品浏览不同类别的书籍 书籍查询 用户提交订单 用户查看自己提交的订单信息3系统管理书籍信息管理 交易信息管理 会员管理 管理员管理3.5.网站功能
6、概述该系统主要分为四大模块：用户登录注册、网上购物、书籍展示和管理系统。各模块的功能如下：1、用户登录、注册用户注册是为了保证用户在本网站的安全性，便于网站管理。用户登录后才可以进行购物。2、网上购物用户在进行网上购物时，必须现登陆，如果是新用户，则必须先进行注册。3、书籍展示用户可以通过搜索的方式查看书籍信息，搜索的方式有：按图书类别、按书名、按作者、按出版社。每本书都显示了书名、作者、定价、特价等，如果想了解每本书的详细信息可以点击书名，详细信息还包括了书影、内容简介等。4、管理系统管理系统是系统管理员对整个网站后台数据库进行维护，是此网站最重要的大门。在进入本栏目时系统会提示输入系统管理
7、员的用户名和密码，对于其他用户此界面是不可见的。管理员可以添加新书、添加书籍分类以及修改书籍库存信息和删除书籍。管理员还可以根据日期查询并删除在此日期中的还未付款的用户信息。3.6.网站功能模块图功能结构图用于表示系统模块的分层结构，系统后台功能模块如图3.1所示，主要包括前台展示、员工管理、信息查询；前台主要功能模块如图3.2所示，主要功能包括图书展示、会员注册、信息查询、会员管理。网上书店管理系统图书展示员工管理信息查询 添加新品 新品展示管理员登录管理员注销订单查询书目查询留言查询图3.1书店销售系统后台功能结构图系统后台是系统管理员对整个网站后台数据库进行维护，是此网站最重要的大门。1
8、、图书管理管理员可以添加新品和删除信息。2、员工管理在进入本栏目时系统会提示输入系统管理员的用户名和密码，对于其他用户此界面 不可见的。3、信息查询管理员可以按顾客提交订单的日期查看订单；可以查询所有留言信息，同时还可以查看指定用户的留言；可以查看所有商品以及所有订单，包括已交易订单和未交易成功的订单。网上书店销售管理系统会员注册会员管理图书展示新货上架分类浏览会员注册会员登录修改资料查询订单信息查询图书信息查询图3.2书店销售系统前台功能结构图 系统前台是用户购物的主要页面，用户进入网站必须进行登录，若是新用户则需先注册。在此介绍部分功能：1、图书展示2、信息查询用户可以对自己的订单进行查询
9、，包括所有订单、已成交订单、未成交订单。用户可以通过分类 浏览的方式查看图书信息，还可以通过新品上架专拦进行查看。3、会员管理 用户登录网站后可以在线给管理员留言，还可以对自己的注册信息进行修改或注销。3.7.网上购物数据流图业务流程图是用以描述系统各项业务处理的过程，利用它可以帮助分析人员找出业务流程中的不合流理向，它是物理模型。业务流程图描述的是完整的业务流程，以业务处理过程为中心。业务流程图符号如表3.1所示：符号含义说明外部实体提供相关数据的人员或组织，对相关工作进行处理的人员或组织数据处理加工数据文档，单据表示生成的单据信息流向表示业务处理方向本系统客户购物流程，客户首先进入网页，在
10、登录栏处输入用户名和密码，系统进行验证客户身份，若系统没有检索到用户名，则不允许购物，否则进一步比较用户密码，若正确则登录成功；用户可选择某种书籍，点击进入详细信息，查看详细售价等信息，在确定所需要的产品后，提交所选的书籍，进入订单页面，系统会自动加载用户已注册的基本信息，在订单页面中用户只需要填写详细的通讯地址、联系方式等信息，这时系统会验证客户所填写的信息是否正确，若无误，则保存正确信息，否则不予处理，最后如果用户不在购物，则可退出登录。若客户没有注册，则只可以查询、浏览书籍信息，若会员在正确登录的情况下，提交订单。网上书店销售管理系统的购物流程图如图3.3所示。客户客户登录销售订单审核订
11、购书籍查找书籍浏览书籍修改信息销售订单 3.3业务流程图4、数据库4.1.数据库需求分析用户信息表表（member）： 用户编码，用户昵称，用户密码，用户真实姓名，城市，地址，邮编，电话。管理员信息管理表表（master）：用户编号，管理员，管理员密码。商品信息表（books）：用户编号,书名，ISBN，价格，分类，会员价，重量，书简介。用户留言表（message）：用户编号，用户昵称，留言内容，留言时间，留言人性别。订单表（usorder）：订单编号，用户真实姓名，用户昵称，ISBN，书名，重量，数量，价格，下订单日期，是否已成交。4.2.数据库设计原则1、数据的共享性。2、数据的独立性。3
12、、数据的完整性，即保证数据库存中数据准确。4、灵活性，可在相当短的时间内回答用户的各种各样的复杂而灵活的查询问题。5、安全性与保密性，做到对数据指定保护级别和安全控制。4.3.数据库概念结构设计(E-R图)E-R图提供了表示实体型、属性和联系的方法：实体型：用矩形表示，矩形内写明实体名。属性：用椭圆表示，并用无向边将其与相应的实体连接起来。那么本系统的E-R图如下：用户用户昵称用户密码用户验证码真实姓名地址城市邮编电话修改个人资料查看我的订单给管理员留言图4.1用户系统的E-R图管理员登录lu4-1网上商品交易系统的E-R录管理员密码添加新品查看订单查看客户留言查看已交易订单查看未交易订单图4
13、.2管理员系统的E-R图4.4.数据库设计Book各表的名称和功能如表4.5所示。表4.1 book数据库中的表及其功能说明member用户信息表master管理员信息管理表books商品信息表message用户留言表usorder订单表images后台添加信息表表4.2 表member表的数据结构表4.3 master表的数据结构表4.4 books表的数据结构表4.5 message表的数据结构表4.6 usorder表的数据结构5、用Dreamweaver创建电子商务站点5.1.创建电子商务站点 Dreamweaver是Macromedia公司推出的一种专业的HTML编辑器，用于 对We
14、b站点、Web首页、Web应用程序进行设计、编码和开发。在Dreamweave中，可以在可视化编辑环境中工作，也可以直接编写HTML代码。 启动Dreamweave8.0，选择站点新建站点，出现“站点定义”对话框，选择“基本”选项卡，在文本框中输入站点名称“网上书店” 单击下一步在出现的对话框中选择“ASP.VBScript”单击下一步按钮，出现选择存储文件位置及测试方式，选择在本地进行编辑和测试，并在下面的文本框中输入站点根本目录位置单击下一步，出现选择测试文件对话框单击测试URL,如正确出现如图5.1所示：测试成功后，单击下一步选择是的，我要使用远程服务器单击下一步按钮，出现选择存储文件位
15、置及测试方式,并在下面的文本框中输入站点根本目录位置单击下一步按钮，选择否，不启用存回和取出单击完成按钮，完成新建站点5.2.数据库连接对于已经创建的数据库，如果要在所设计的网页中访问它，必须首先建立与数据库的连接，而在用Dreamweaver建立数据库连接之前，先要在Windows中配置数据源(DSN)。5.2.1配置数据源 在系统上设定系统数据源的目的是使网络服务器知道数据库所在的位置及数据库相关属性。(1)在控制面板中的管理工具下找到“ODBC数据源”图标，如图5.2.1所示。图5.2.1控制面板中的ODBC数据源图标(2)双击ODBC数据源图标，将出现ODBC数据源管理器窗口，选择“系
16、统DSN”选项卡，如图5.2.2所示。图5.2.2系统DSN窗口(3)单击“添加”按钮，为系统添加新的DSN。(4)出现创建数据源窗口，如图5.2.3在这个窗口中为数据库选择正确的驱动程序。图5.2.3 Access数据库驱动程序(5)单击“完成”按钮，出现ODBC Microsoft Access安装窗口，在“数据源名”一栏输入“book”。(6)单击“选择”按钮，出现“选择数据库”窗口，选择所需的数据库“book.mdb”(7)单击“确定”按钮，发现刚才选定的数据库出现在ODBC Microsoft access安装窗口中的数据库项中。(8)单击“确定”按钮，在出现的ODBC数据源管理器窗
17、口中，会发现了刚刚创建的名为“book”的数据源。(9)单击“确定”按钮，完成DSN设置。6、网站主要功能实现我们的网上书店包括两大功能模块，我在这里详细介绍一下用户系统模块和管理员模块系统的实现。6.1.用户修改个人资料当用户登录后，允许用户修改个人资料。用户修改个人资料的功能实际是更新该用户在数据库中你资料。这些操作在文件modifymem.asp中进行（该文件存放于member文件夹中）(1)首先在该页新建一个记录集“rsmem”,具体做法如下：单击应用程序面板中的绑定|记录集（查询）出现如图6.1所示的记录集设置框图6.1 记录集设置框依据图6.1进行设置。“名称”中填入“rsmem”
18、(表示创建的记录集名称)；“连接”选项中选择“book”；“表格”选项中选择“member”(表示从数据表menmber中筛选记录)；在“筛选”中选择“nickname”,运算符选项选择“=”，筛选条件为“阶段变量”，值为“MM_Username”。点击“确定”按钮，完成设置。此时在应用程序面板中的“绑定”面板中，会出现记录集（rsmem）。单击“rsmem”使其展开。剪辑选中字段“nickname”，并点击“插入”按钮，并将nickname字段插入在用户首页中的“尊敬的”文字后面。单击“服务器行为”面板中的按钮，选择更新记录,出现更新记录表单设置框，如图6.2所示。图6.2 更新记录表单设置
19、框 在“连接”选项中，选择“book”；“更新表格”选项中选择“member”；“选择更新集合”选项中，选择“rsmem”； “唯一值”选项选择“nickname”；更新后，转到选项选择“memok.htm”（该文件存放在member文件夹下，表示更新后转到该页）。“在更新记录表单设置框”中选择不允许用户修改字段，单击“-”，将其删除，只留下“pwd、name、City、email、address、zip、tel”字段供用户修改，并调整相应的现实标签，提交类型为真确设置。单击“确定”按钮，完成设置。此时页面效果如图6.3所示。图6.3 修改个人资料页面到此，修改用户资料完成，打开浏览器，登录用
20、户，进入“修改个人资料”对相应资料进行修改，单击“确定修改”即完成个人资料修改。本报告之以用户修改个人资料为例，以下功能的做法何其相似7、系统测试系统测试，这里主要对用户注册系统的测试。 用户可以通过用户注册成为我们的会员，才可以修改个人信息如图7.1所示；图7.1最后按照注册信息的要求填写自己的信息，点击提交后，数据库中就添加了该用户，数据库中的信息如图7.2所示图7.2系统测试至此系统测试成功。参考文献1.廖咸真主编,电子商务网站建设 .重庆大学出版社 .2007年2月2.邓文渊主编,ASP与网络数据库技术.中国铁道出版社.2008年5月3.周兴华, 王敬栋编著.ASP + Access数据库开发与实例.清华大学出版社，2006.4.尚俊杰 网络程序设计：ASP .清华大学出版社、北方交通大学出版社，2004.15
