电子商务网站课程设计

《电子商务网站建设》课程设计

随着Internet国际互联网的发展，越来越多的企业开始建造自己的网站。基于Internet 的信息服务，商务服务已经成为现代企业一项不可缺少的内容。很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。同时人们的生活方式也在随着发生改变，传统的购物方式已不能满足人们的需求。使得企业的IT部门已经认识到Internet的优势,电子商务就是在这样一个背景下产生发展起来的。伴随着电子商务技术的不断成熟，电子商务的功能也越来越强大，注册用户可以在网上搜索购买到自己想要的各种商品，初步让人们体会到了足不出户,便可随意购物的快感。

关键词：电子商务动态服务网页网上书店

1、开发概述 (1)

2、项目背景 (1)

3、功能概述 (1)

3.1.系统简介 (1)

3.2.系统目标 (2)

3.3.系统范围 (2)

3.4.系统主要功能 (2)

3.5.网站功能概述 (2)

3.6.网站功能模块图 (3)

3.7.网上购物数据流图 (5)

4、数据库 (6)

4.1.数据库需求分析 (6)

4.2.数据库设计原则 (6)

4.3.数据库概念结构设计(E-R图) (7)

4.4.数据库设计 (8)

5、用Dreamweaver创建电子商务站点 (9)

5.1.创建电子商务站点 (9)

5.2.数据库连接 (10)

5.2.1配置数据源 (10)

6、网站主要功能实现 (12)

6.1.用户修改个人资料 (12)

6.2.管理员模块 (14)

7、系统测试 (16)

致谢 (18)

参考文献 (19)

1、开发概述

本次课程设计的任务是，构建一个电子商务网站——网上书店，采用的主要技术是基于IIS服务器端的ASP、IIS的组件、网页编程语言HTML、数据库以Microsoft Office 的Access 为平台以及链接数据库ODBC。

ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含HTML 标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具有以下特点：

（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；

（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；

（3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；

（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从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.系统主要包括两个模块：用户购物模块和网站管理模块

2.方便用户和系统管理员在网络直接进行操作

3.2.系统目标

网上购书系统要实现的目标主要是：

1．对使用的用户进行使用权限限制

2．此系统是做为课程设计，所以无需开发和维护的经费。

3.3.系统范围

网上购书系统主要针对用户在线购物和管理员在线上管理商品而使用，研究的主要对象是在线会员和系统管理员。系统通过互联网连接使用。

3.4.系统主要功能

1．会员登陆及身份验证

⑴用户注册成为会员

⑵验证用户注册信息

⑶会员登陆系统时的身份给证

⑷修改资料

2．在线选购商品

⑴浏览不同类别的书籍

⑵书籍查询

⑶用户提交订单

⑷用户查看自己提交的订单信息

3．系统管理

⑴书籍信息管理

⑵交易信息管理

⑶会员管理

⑷管理员管理

3.5.网站功能概述

该系统主要分为四大模块：用户登录注册、网上购物、书籍展示和管理系统。各模块的功能如下：

1、用户登录、注册

用户注册是为了保证用户在本网站的安全性，便于网站管理。用户登录后才可以进行购物。

2、网上购物

用户在进行网上购物时，必须现登陆，如果是新用户，则必须先进行注册。

3、书籍展示

用户可以通过搜索的方式查看书籍信息，搜索的方式有：按图书类别、按书名、按作者、按出版社。每本书都显示了书名、作者、定价、特价等，如果想了解每本书的详细信息可以点击书名，详细信息还包括了书影、内容简介等。

4、管理系统

管理系统是系统管理员对整个网站后台数据库进行维护，是此网站最重要的大门。在进入本栏目时系统会提示输入系统管理员的用户名和密码，对于其他用户此界面是不可见的。管理员可以添加新书、添加书籍分类以及修改书籍库存信息和删除书籍。管理员还可以根据日期查询并删除在此日期中的还未付款的用户信息。

3.6.网站功能模块图

功能结构图用于表示系统模块的分层结构，系统后台功能模块如图3.1所示，主要包括前台展示、员工管理、信息查询；前台主要功能模块如图3.2所示，主要功能包括图书展示、会员注册、信息查询、会员管理。

图3.1书店销售系统后台功能结构图

系统后台是系统管理员对整个网站后台数据库进行维护，是此网站最重要的大门。

1、图书管理

管理员可以添加新品和删除信息。

2、员工管理

在进入本栏目时系统会提示输入系统管理员的用户名和密码，对于其他用户此界面不可见的。

3、信息查询

管理员可以按顾客提交订单的日期查看订单；可以查询所有留言信息，同时还可以查看指定用户的留言；可以查看所有商品以及所有订单，包括已交易订单和未交易成功的订单。

图3.2书店销售系统前台功能结构图

系统前台是用户购物的主要页面，用户进入网站必须进行登录，若是新用户则需先注册。在此介绍部分功能：

1、图书展示

2、信息查询

用户可以对自己的订单进行查询，包括所有订单、已成交订单、未成交订单。用户可以通过分类浏览的方式查看图书信息，还可以通过新品上架专拦进行查看。

3、会员管理

用户登录网站后可以在线给管理员留言，还可以对自己的注册信息进行修改或注销。

3.7.网上购物数据流图

业务流程图是用以描述系统各项业务处理的过程，利用它可以帮助分析人员找出业务流程中的不合流理向，它是物理模型。业务流程图描述的是完整的业务流程，以业务处理过程为中心。业务流程图符号如表3.1所示：

本系统客户购物流程，客户首先进入网页，在登录栏处输入用户名和密码，系统进行验证客户身份，若系统没有检索到用户名，则不允许购物，否则进一步比较用户密码，若正确则登录成功；用户可选择某种书籍，点击进入详细信息，查看详细售价等信息，在确定所需要的产品后，提交所选的书籍，进入订单页面，系统会自动加载用户已注册的基本信息，在订单页面中用户只需要填写详细的通讯地址、联系方式等信息，这时系统会验证客户所填写的信息是否正确，若无误，则保存正确信息，否则不予处理，最后如果用户不在购物，则可退出登录。若客户没有注册，则只可以查询、浏览书籍信息，若会员在正确登录的情况下，提交订单。网上书店销售管理系统的购物流程图如图3.3所示。

3.3业务流程图

4、数据库

4.1.数据库需求分析

用户信息表表（member）：用户编码，用户昵称，用户密码，用户真实姓名，城市，地址，邮编，电话。

管理员信息管理表表（master）：用户编号，管理员，管理员密码。

商品信息表（books）：用户编号,书名，ISBN，价格，分类，会员价，重量，书简介。

用户留言表（message）：用户编号，用户昵称，留言内容，留言时间，留言人性别。

订单表（usorder）：订单编号，用户真实姓名，用户昵称，ISBN，书名，重量，数量，价格，下订单日期，是否已成交。

4.2.数据库设计原则

1、数据的共享性。

2、数据的独立性。

3、数据的完整性，即保证数据库存中数据准确。

4、灵活性，可在相当短的时间内回答用户的各种各样的复杂而灵活的查询问题。

5、安全性与保密性，做到对数据指定保护级别和安全控制。

4.3.数据库概念结构设计(E-R图)

E-R图提供了表示实体型、属性和联系的方法：

实体型：用矩形表示，矩形内写明实体名。

属性：用椭圆表示，并用无向边将其与相应的实体连接起来。那么本系统的E-R图如下：

图4.1用户系统的E-R图

图4.2管理员系统的E-R图

4.4.数据库设计

Book各表的名称和功能如表4.5所示。

表4.1 book数据库中的表及其功能说明

表4.2 表member表的数据结构

表4.3 master表的数据结构

表4.4 books表的数据结构

表4.5 message表的数据结构

表4.6 usorder表的数据结构

5、用Dreamweaver创建电子商务站点

5.1.创建电子商务站点

Dreamweaver是Macromedia公司推出的一种专业的HTML编辑器，用于对Web站点、Web首页、Web应用程序进行设计、编码和开发。在Dreamweave中，可以在可视化编辑环境中工作，也可以直接编写HTML代码。

⑴启动Dreamweave8.0，选择[站点][新建站点]，出现“站点定义”对话框，选择“基本”选项卡，在文本框中输入站点名称“网上书店”

⑵单击[下一步]在出现的对话框中选择“ASP.VBScript”

⑶单击[下一步]按钮，出现选择存储文件位置及测试方式，选择在本地进行编辑和测试，并在下面的文本框中输入站点根本目录位置

⑷单击[下一步]，出现选择测试文件对话框

⑸单击[测试URL],如正确出现如图5.1所示：

⑹测试成功后，单击[下一步]选择是的，我要使用远程服务器

⑺单击[下一步]按钮，出现选择存储文件位置及测试方式,并在下面的文本框中输入站点根本目录位置

⑻单击[下一步]按钮，选择否，不启用存回和取出

⑼单击[完成]按钮，完成新建站点

5.2.数据库连接

对于已经创建的数据库，如果要在所设计的网页中访问它，必须首先建立与数据库的连接，而在用Dreamweaver建立数据库连接之前，先要在Windows中配置数据源(DSN)。

5.2.1配置数据源

在系统上设定系统数据源的目的是使网络服务器知道数据库所在的位置及数据库相关属性。

(1)在[控制面板]中的[管理工具]下找到“ODBC数据源”图标，如图5.2.1所示。

图5.2.1控制面板中的ODBC数据源图标

(2)双击ODBC数据源图标，将出现ODBC数据源管理器窗口，选择“系统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数据源管理器窗口中，会发现了刚刚创建的名为“book”的数据源。

(9)单击“确定”按钮，完成DSN设置。

6、网站主要功能实现

我们的网上书店包括两大功能模块，我在这里详细介绍一下用户系统模块和管理员模块系统的实现。

6.1.用户修改个人资料

当用户登录后，允许用户修改个人资料。用户修改个人资料的功能实际是更新该用户在数据库中你资料。这些操作在文件modifymem.asp中进行（该文件存放于member文件夹中）

(1)首先在该页新建一个记录集“rsmem”,具体做法如下：

①单击应用程序面板中的[绑定]|[记录集（查询）]

②出现如图6.1所示的记录集设置框

图6.1 记录集设置框

③依据图6.1进行设置。“名称”中填入“rsmem”(表示创建的记录集名称)；“连接”选项中选择“book”；“表格”选项中选择“member”(表示从数据表menmber中筛选记录)；在“筛选”中选择“nickname”,运算符选项选择“=”，筛选条件为“阶段变量”，值为

“MM_Username”。

④点击“确定”按钮，完成设置。

⑤此时在应用程序面板中的“绑定”面板中，会出现记录集（rsmem）。单击“rsmem”使其展开。

⑥剪辑选中字段“nickname”，并点击“插入”按钮，并将nickname字段插入在用户首页中的“尊敬的”文字后面。

⑵单击“服务器行为”面板中的＋按钮，选择[更新记录],出现更新记录表单设置框，如图6.2所示。

图6.2 更新记录表单设置框

⑶在“连接”选项中，选择“book”；“更新表格”选项中选择“member”；“选择更新集合”选项中，选择“rsmem”；“唯一值”选项选择“nickname”；更新后，转到选项选择“memok.htm”（该文件存放在member文件夹下，表示更新后转到该页）。

⑷“在更新记录表单设置框”中选择不允许用户修改字段，单击“-”，将其删除，只留下“pwd、name、

City、email、address、zip、tel”字段供用户修改，并调整相应的现实标签，提交类型为真确设置。

⑸单击“确定”按钮，完成设置。

⑹此时页面效果如图6.3所示。

图6.3 修改个人资料页面

到此，修改用户资料完成，打开浏览器，登录用户，进入“修改个人资料”对相应资料进行修改，单击“确定修改”即完成个人资料修改。

本报告之以用户修改个人资料为例，以下功能的做法何其相似

6.2.管理员模块

管理员后台模块在这里我们只对添加新品进行介绍；

1．添加新品

添加新品功能是通过提交表单域中的内容写到数据表。这里把管理员填写的书名、isbn、价格等信息写到books数据表中。添加新品的功能设在管理员首页“master.asp”中。

⑴网页布局

①在Dreamweaver8.0中打开“master.asp”（管理员首页）页面来编辑，如图6.4所示。

局部布局如图6.5所示。

②在单元格中插入表单域form3，方法设置Post，在form3中插入6行3列的表格。

③在适当的单元格中插入文字，如图6.5所示,并插入表单元素，如表6.1所示。

图6.4管理员主页布局

图6.5添加新品页面布局

表6.1添加新品表单元素

⑵添加服务器行为

①选中form3,选择[窗口][服务器行为]，调出“服务器行为”面板。

②单击“服务器行为”面板中的＋按钮，选择“插入记录”。出现如图6.6所示。

③在“连接”选项中选择“book”（我们已经建立好的数据库连接）；“插入到表格中”选项中选择“book”（表示表单form3中提交的数据名），在这里注意“表单元素”项中表单元素与数据表book中列名的对应。

到这里用户系统模块和管理员系统模块已经基本实现了。

7、系统测试

系统测试，这里主要对用户注册系统的测试。

①用户可以通过用户注册成为我们的会员，才可以修改个人信息如图7.1所示；

图7.1

最后按照注册信息的要求填写自己的信息，点击提交后，数据库中就添加了该用户，数据库

中的信息如图7.2所示

至此系统测试成功。