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

1、电子商务网站建设课程设计目录课程设计任务书 2第 1章 设计概述及准备 5.第 2章 功能概述 6第3章数据库 9.第 4章创建电子商务站点 1.2第 5章网站主要功能实现 1.3第 6章系统测试 1.6.参考文献 1.88 / 15第一章 设计概述及准备本次课程设计的任务是，构建一个电子商务网站网上书店，采用的主要技术是基于IIS服务器端的 ASP IIS的组件、网页编程语言HTML数据库以 MicrosoftOffice 的 Access 为平台以及链接数据库 ODBC。ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一

2、种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含 HTML标记、普通文本、脚本命令以及COMS件等。利用 ASP可以向网页中添加交互式内容 (如在线表单)，也可以创建使用 HTML网页作为用户界面的 web 应用程序。与HTML相比，ASP网页具有以下特点：(1) 利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；(2) ASP文件是包含在 HTML代码所组成的文件中的，易于修改和测试；(3) 服务器上的

3、 ASP解释程序会在服务器端制定ASP程序，并将结果以 HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；(4) ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过 HTML表单提交的信息，并在脚本中对这些信息 进行处理，然后向 web 浏览器发送信息；(5) 由于服务器是将ASP程序执行的结果以 HTMI格式传回客户端浏览器，因此 使用者不会看到 ASP所编写的原始程序代码，可放置ASP程序代码被窃取。课设主要技术及工具：开发工具： Microsoft Office Access2000 Macromed

4、ia DreamWeaver8.0开发语言： VB VBScript JavaScript Html SQL开发技术：ASP动态网页设计技术第二章 功能概述一、系统组成：系统主要包括两个模块：用户购物模块和网站管理模块二、系统主要功能1会员登陆及身份验证用户注册成为会员验证用户注册信息修改资料2在线选购商品浏览书籍书籍查询用户提交订单用户查询订单3系统管理书籍信息管理交易信息管理会员管理管理员管理三、网站功能概述该系统主要分为四大模块： 用户登录注册、 网上购物、 书籍展示和管理系统。模块的功能如下：1、用户登录、注册 用户注册是为了保证用户在本网站的安全性，便于网站管理。2、网上购物 用户在

5、进行网上购物时，必须现登陆，如果是新用户，则必须先进行注册。3、书籍展示 用户可以通过搜索的方式查看书籍信息，搜索的方式有：按图书类别、按书名、 按作者、按出版社。每本书都显示了书名、作者、定价、特价等，如果想了解每本书 的详细信息可以点击书名，详细信息还包括了书影、内容简介等。4、管理系统管理系统是系统管理员对整个网站后台数据库进行维护，是网站最重要组成。在进入本栏目时系统会提示输入系统管理员的用户名和密码，对于其他用户此界面是不 可见的。管理员可以添加新书、添加书籍分类以及修改书籍库存信息和删除书籍。管 理员还可以根据日期查询并删除在此日期中的还未付款的用户信息。四、网站功能模块图功能结构

6、图用于表示系统模块的分层结构，系统后台功能模块如图1所示，主要包括前台展示、员工管理、信息查询前台主要功能模块如图管理。图1书店销售系统后台功能结构图2所示，主要功能包括图书展示、会员注册、信息查询、会员网上书店销售管理系统会员管理信息查询修 改 资 料查 询 订 单信 息 查 询图2书店销售系统前台功能结构图五、网上购物数据流图业务流程图是用以描述系统各项业务处理的过程，利用它可以帮助分析人员找出业务流程中的不合流理向，它是物理模型。业务流程图描述的是完整的业务流程，以业务处理过程为中心。业务流程图符号如表3所示：符号含义说明< >外部实体提供相关数据的人员或组织，对 相关工作进

7、行处理的人员或组织数据处理加工数据O文档，单据表示生成的单据信息流向表示业务处理方向图3业务流程符号示意图本系统客户购物流程，客户首先进入网页，在登录栏处输入用户名和密码，系统 进行验证客户身份，若系统没有检索到用户名，则不允许购物，否则进一步比较用户 密码，若正确则登录成功；用户可选择某种书籍，点击进入详细信息，查看详细售价 等信息，在确定所需要的产品后，提交所选的书籍，进入订单页面，系统会自动加载 用户已注册的基本信息，在订单页面中用户只需要填写详细的通讯地址、联系方式等 信息，这时系统会验证客户所填写的信息是否正确，若无误，则保存正确信息，否则 不予处理，最后如果用户不在购物，则可退出登

8、录。图4业务流程图第三章数据库一、数据库需求分析用户信息表表（member）：用户编码，用户昵称，用户密码，用户真实姓名，城 市，地址，邮编，电话。管理员信息管理表表（master）：用户编号，管理员，管理员密码。商品信息表（books）:用户编号，书名，ISBN，价格，分类，会员价，重量，书简 介。用户留言表（message）：用户编号，用户昵称，留言内容，留言时间，留言人性另阮订单表（usorder ）:订单编号，用户真实姓名，用户昵称，ISBN，书名，重量,数量，价格，下订单日期，是否已成交。二、数据库设计原则1、数据的共享性。2、数据的独立性。3、数据的完整性，即保证数据库存中数据准确

9、。4、灵活性，可在相当短的时间内回答用户的各种各样的复杂而灵活的查询问题。5、安全性与保密性，做到对数据指定保护级别和安全控制。三、数据库概念结构设计（E-R图）E-R图提供了表示实体型、属性和联系的方法: 实体型：用矩形表示，矩形内写明实体名。属性：用椭圆表示，并用无向边将其与相应的实体连接起来。那么本系统的E-R图如下:用户昵称用户密码用户验证真实姓名城市地址邮编电话真实姓名修改个人资查看我的订单给管理员留言图6管理员系统的E-R图四、数据库设计Book各表的名称和功能如表7所示。member用户信息表master管理员信息管理表books商品信息表message用户留言表usorder订

10、单表images后台添加信息表表7 book数据库中的表及其功能说明说明I 数据类型自动編导用戶漏寻Tii ckrLajTi 直 pw A pw 鮎g&i* trurLam 包 ui用尸昵称C登录贴导用】 用尸密码用尸密玛脸证用尸真实姓名城市地址-IDtel文本电话表8表member表的数据结构?11自动编昌rma,s；i.ern.jne文本管理员舌理员密码表9 master 表的数据结构宇段名称丨數摇类型丨说明孚段名称bki A. ti tliisbnpri * aiitlkcrgracepub目动編寻牡价 者类版员 作分出会目期/时间裁布目朋字段2称數慣类型表10 books表的数

11、据结构wei ght description data11导 師 动本本朗本 自丈玄日文主睫m cJkrL：3dTi emessageti mextx表11 message表的数据结构电子商务网站建设课程设计电子商务网站建设课程设计宇园咅称I数僵类型I耀卜 orderli曲包mm赳 ni elm am 包 isbxi booM it" wei chi quMiii typri c« sabmi Liate：iEdk表 12 usorder是踊表的数据结构第四章创建电子商务站点一、创建电子商务站点Dreamweaver 是Macromedia公司推出的一种专业的 HTML编辑

12、器，用于 对 Web站 点、Web首页、Web应用程序进行设计、编码和开发。在Dreamweave中，可以在可视化编辑环境中工作，也可以直接编写HTML代码。启动Dreamweave8.0，选择站点新建站点，出现"站点定义”对话框，选择"基 本”选项卡，在文本框中输入站点名称“网上书店”单击下一步在出现的对话框中选择“ ASP.VBScript ”单击下一步按钮，出现选择存储文件位置及测试方式，选择在本地进行编辑和测 试，并在下面的文本框中输入站点根本目录位置单击下一步，出现选择测试文件对话框单击测试URL测试成功后，单击下一步选择是的，我要使用远程服务器单击下一步按钮，出

13、现选择存储文件位置及测试方式，并在下面的文本框中输入站点根本目录位置单击下一步按钮，选择否，不启用存回和取出单击完成按钮，完成新建站点二、数据库连接对于已经创建的数据库，如果要在所设计的网页中访问它，必须首先建立与数据库的连接，而在用 Dreamweaver建立数据库连接之前，先要在Win dows中配置数据源(DSN)。三、配置数据源在系统上设定系统数据源的目的是使网络服务器知道数据库所在的位置及数据库相关属性。(1) 在控制面板中的管理工具下找到“ ODBC数据源”图标(2) 双击ODBC数据源图标，将出现 ODBC数据源管理器窗口，选择“系统 DSN ”选 项卡，如图5.2.2所示。(3

14、) 单击“添加”按钮，为系统添加新的DSN。(4) 出现创建数据源窗口，如图5.2.3在这个窗口中为数据库选择正确的驱动程序。单击“完成”按钮，出现 ODBC Microsoft Access安装窗口，在“数据源名”一栏 输入“ book ”。单击“选择”按钮，出现“选择数据库”窗口，选择所需的数据库“book.mdb ”单击“确定”按钮，发现刚才选定的数据库出现在ODBC Microsoft access安装窗口中的数据库项中。(8) 单击“确定”按钮，在出现的ODBC数据源管理器窗口中，会发现了刚刚创建的名为“ book”的数据源。(9) 单击“确定”按钮，完成DSN设置。第五章网站主要功

15、能实现一、用户修改个人资料当用户登录后，允许用户修改个人资料。用户修改个人资料的功能实际是更新该用户在数据库中你资料。 这些操作在文件 modifymem.asp中进行(该文件存放于 member 文件夹中)(1)首先在该页新建一个记录集“rsmem” ,具体做法如下： 单击应用程序面板中的绑定|记录集(查询) 出现如图13所示的记录集设置图13记录集设置框 依据图6.1进行设置。"名称”中填入"rsmem” （表示创建的记录集名称）; "连接”选项中选择“ book ”；"表格”选项中选择"membe” （表示从数据表 menmber中筛选记

16、录）；在"筛选”中选择"nick name ” ,运算符选项选择"=”,筛选条件为 "阶段变量”，值为"MM_Username。 点击"确定”按钮，完成设置。 此时在应用程序面板中的 "绑定”面板中，会出现记录集（rsmem） o单击"rsmem"使其展开。 剪辑选中字段"nick name ”，并点击"插入”按钮，并将nick name字段插入在用户首页中的“尊敬的”文字后面。单击“服务器行为”面板中的+按钮，选择更新记录,出现更新记录表单设置 框，如图14所示图14更新记录表单设置

17、框在“连接”选项中，选择“book”； “更新表格”选项中选择“ member ；"选择更新集合”选项中，选择“rsmem"“唯一值”选项选择“ nick name ”；更新后，转到选项选择“memok.htm"（该文件存放在 member文件夹下，表示更新后转到该页）“在更新记录表单设置框”中选择不允许用户修改字段，单击“ -”，将其删除， 只留下“ pwd、nameCity、email、address、zip、tel ”字段供用户修改，并调整相应的现实标签，提交 类型为真确设置。单击“确定”按钮，完成设置。此时页面效果如图15所示。图15修改个人资料页面到此，

18、修改用户资料完成，打开浏览器，登录用户，进入“修改个人资料”对相 应资料进行修改，单击“确定修改”即完成个人资料修改。二、管理员模块1 .添加新品添加新品功能是通过提交表单域中的内容写到数据表。这里把管理员填写的书名、isbn、价格等信息写到books数据表中。添加新品的功能设在管理员首页“master.asp ”中。 页布局Dreamweaver8.0中打开“ master.asp ”（管理员首页）页面来编辑，女口 图16所示。4 中H W沖占 1+ 進曲第甘"皆 * 匸督dV-i Z Vi V fiVV-r -r V-i P* I fr*-! h-i-ll-WV-T-rV-1 鲁"草:車莹*疑;I 一匾IW言帛,巳間宣图16管理员主页布局 单元格中插入表单域 form3，方法设置Post,在form3中插入6行3列的表格。 适当的单元格中插入文字，如图17所示,并插入表单元素，如表18所示。15 / 15图17添加新品页面布局表单兀素名 称类型说明title文本域书名isb n文本域isb nprice文本域价格grace文本域分类memprice文本域会员价weight文本域重量descripti on多行文本域简介submit