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

课程设计任务书 2 TOC\o"1-5"\h\z\o"CurrentDocument"第 1章 设计概述及准备 5...第 2章 功能概述 6 第 3章 数据库 9...\o"CurrentDocument"第 4章 创建电子商务站点 1..2\o"CurrentDocument"第 5章 网站主要功能实现 1..3第 6章 系统测试 1..6...参考文献 1..8 第一章设计概述及准备本次课程设计的任务是，构建一个电子商务网站一一网上书店，采用的主要技术是基于IIS服务器端的ASPIIS的组件、网页编程语言HTML数据库以MicrosoftOffice的Access为平台以及链接数据库 ODBCASP是ActiveServerPage 的缩写，意为“活动服务器网页”。 ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互， 是一种简单、方便的编程工具。 ASP的网页文件的格式是.asp,现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或 web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COMS件等。利用ASP可以向网页中添加交互式内容(如在线表单)，也可以创建使用HTMLR页作为用户界面的web应用程序。与HTML1比，ASP网页具有以下特点：(1)利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；(2)ASP文件是包含在HTML弋码所组成的文件中的，易于修改和测试；(3)服务器上的ASP解释程序会在服务器端制定 ASP程序，并将结果以HTML格式传送到客户端浏览器上， 因此使用各种浏览器都可以正常浏览 ASP所产生的网页；(4)ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML1单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；(5)由于服务器是将ASP程序执行的结果以HTM略式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可放置AS艰序代码被窃取。课设主要技术及工具：开发工具： MicrosoftOfficeAccess2000MacromediaDreamWeaver8.0开发语言：VBVBScriptJavaScriptHtmlSQL开发技术：ASP动态网页设计技术第2页共15页第二章功能概述一、 系统组成：系统主要包括两个模块：用户购物模块和网站管理模块二、系统主要功能.会员登陆及身份验证⑴用户注册成为会员⑵验证用户注册信息⑶修改资料.在线选购商品⑴浏览书籍⑵书籍查询⑶用户提交订单⑷用户查询订单.系统管理⑴书籍信息管理⑵交易信息管理⑶会员管理⑷管理员管理三、网站功能概述该系统主要分为四大模块： 用户登录注册、网上购物、书籍展示和管理系统。各模块的功能如下：1、用户登录、注册用户注册是为了保证用户在本网站的安全性，便于网站管理。2、网上购物用户在进行网上购物时，必须现登陆，如果是新用户，则必须先进行注册。3、书籍展示用户可以通过搜索的方式查看书籍信息，搜索的方式有：按图书类别、按书名、按作者、按出版社。每本书都显示了书名、作者、定价、特价等，如果想了解每本书的详细信息可以点击书名，详细信息还包括了书影、内容简介等。第3页共15页

4、管理系统管理系统是系统管理员对整个网站后台数据库进行维护， 是网站最重要组成。在进入本栏目时系统会提示输入系统管理员的用户名和密码，对于其他用户此界面是不可见的。管理员可以添加新书、添加书籍分类以及修改书籍库存信息和删除书籍。管理员还可以根据日期查询并删除在此日期中的还未付款的用户信息。四、网站功能模块图功能结构图用于表示系统模块的分层结构，系统后台功能模块如图 1所示，主要包括前台展示、员工管理、信息查询前台主要功能模块如图图1前台主要功能模块如图图1书店销售系统后台功能结构图2所示，主要功能包括图书展示、会员注册、信息查询、会员第4第4页共15页图2书店销售系统前台功能结构图五、网上购物数据流图业务流程图是用以描述系统各项业务处理的过程，利用它可以帮助分析人员找出业务流程中的不合流理向，它是物理模型。业务流程图描述的是完整的业务流程，以业务处理过程为中心。业务流程图符号如表3所示：符号含义说明外部实体提供相关数据的人员或组织，对相关工作进行处理的人员或组织数据处理加工数据O文档，单据表示生成的单据 ►信息流向表示业务处理方向图3业务流程符号示意图本系统客户购物流程，客户首先进入网页，在登录栏处输入用户名和密码，系统进行验证客户身份，若系统没有检索到用户名，则不允许购物，否则进一步比较用户密码，若正确则登录成功；用户可选择某种书籍，点击进入详细信息，查看详细售价等信息，在确定所需要的产品后，提交所选的书籍，进入订单页面，系统会自动加载用户已注册的基本信息，在订单页面中用户只需要填写详细的通讯地址、联系方式等信息，这时系统会验证客户所填写的信息是否正确，若无误，则保存正确信息，否则不予处理，最后如果用户不在购物，则可退出登录。第5页共15页图4业务流程图第三章数据库一、数据库需求分析用户信息表表（member）：用户编码，用户昵称，用户密码，用户真实姓名，城市，地址，邮编，电话。管理员信息管理表表（master）：用户编号，管理员，管理员密码。商品信息表（books）:用户编号，书名，ISBN,价格，分类，会员价，重量，书简介。用户留言表（message）：用户编号，用户昵称，留言内容，留言时间，留言人性另订单表（usorder）：订单编号，用户真实姓名，用户昵称，ISBN,书名，重量,数量，价格，下订单日期，是否已成交。二、数据库设计原则1、数据的共享性。2、数据的独立性。3、数据的完整性，即保证数据库存中数据准确。4、灵活性，可在相当短的时间内回答用户的各种各样的复杂而灵活的查询问题。5、安全性与保密性，做到对数据指定保护级别和安全控制。三、数据库概念结构设计（E-R图）E-R图提供了表示实体型、属性和联系的方法:实体型：用矩形表示，矩形内写明实体名。第6页共15页属性：用椭圆表示，并用无向边将其与相应的实体连接起来。那么本系统的E-R图如下：图6管理员系统的E-R图四、数据库设计Book各表的名称和功能如表7所示。第7页共15页member用户信息表master管理员信息管理表books商品信息表message用户留言表usorder订单表images后台添加信息表字段名称I 数据类型说明自动编号用户编号TiickriaiiigpwApw&专电近飞字段名称I 数据类型说明自动编号用户编号TiickriaiiigpwApw&专电近飞tru^riam白工i文文文文本本本本用尸昵的t登录账号用】用尸套码用尸密码始证用户真实姓名城市地址邮编tel 文本 电话表8表member表的数据结构本陵名册I薮据类型I 说明更11自动编号营建苴骗号ma,s；i.ern.^jne文本管理员ni'Mt等rpvrd管理员密码表9master表的数据结构字段名称加bki1ti加bki1titieisbnprimaiitliergracepubmampricevveightdescriptiondate文本书名本本本本本本本.文文文父女文文」出版社会员价自动编号日期顺同 发布日期表10books表的数据结构11号颉编同动本本就本自文文日文主健mclkrL：3dTiemessagetimextx字段名称数据类型表11message表的数据结构第8页共15页

字崖名称I 数卷类型窗orderii而虺字崖名称I 数卷类型窗orderiiwei磔七qUar1atity主健是/否表的数据结构自动编号立本曳本主健是/否表的数据结构自动编号立本曳本文本表12usorder第四章创建电子商务站点一、创建电子商务站点Dreamweaver是Macromedia公司推出的一种专业的HTMLJ^辑器，用于对Web站点、Web首页、Web应用程序进行设计、编码和开发。在Dreamweave中，可以在可视化编辑环境中工作，也可以直接编写 HTML代码。⑴启动Dreamweave8.0,选择［站点］［新建站点］,出现“站点定义”对话框，选择“基本”选项卡，在文本框中输入站点名称“网上书店”⑵单击［下一步］在出现的对话中S中选择“ASP.VBScript”⑶单击［下一步］按钮，出现选择存储文件位置及测试方式，选择在本地进行编辑和测试，并在下面的文本框中输入站点根本目录位置⑷单击［下一步］,出现选择测试文件对话框⑸单击［测试URL］⑹测试成功后，单击［下一步］选择是的，我要使用远程服务器⑺单击［下一步］按钮，出现选择存储文件位置及测试方式 ，并在下面的文本框中输入站点根本目录位置⑻单击［下一步］按钮，选择否，不启用存回和取出⑼单击［完成］按钮，完成新建站点二、数据库连接对于已经创建的数据库，如果要在所设计的网页中访问它，必须首先建立与数据库的连接，而在用Dreamweaver建立数据库连接之前，先要在 Windows中配置数据源(DSN)。三、配置数据源在系统上设定系统数据源的目的是使网络服务器知道数据库所在的位置及数据库相关属性。⑴在［控制面板］中的［管理工具］下找到“ODBC数据源”图标第9页共15页(2)双击ODBC数据源图标，将出现ODBC数据源管理器窗口，选择“系统DSN”选项卡，如图5.2.2所示。(3)单击“添加”按钮，为系统添加新的 DSN。(4)出现创建数据源窗口，如图 5.2.3在这个窗口中为数据库选择正确的驱动程序。(5)单击“完成”按钮，出现ODBCMicrosoftAccess安装窗口，在“数据源名”一栏输入"book"。(6)单击“选择”按钮，出现“选择数据库”窗口，选择所需的数据库“ book.mdb”⑺单击“确定”按钮，发现刚才选定的数据库出现在 ODBCMicrosoftaccess安装窗口中的数据库项中。(8)单击“确定”按钮，在出现的ODBC数据源管理器窗口中， 会发现了刚刚创建的名为“book”的数据源。(9)单击“确定”按钮，完成DSN设置。第五章网站主要功能实现一、用户修改个人资料当用户登录后，允许用户修改个人资料。用户修改个人资料的功能实际是更新该用户在数据库中你资料。这些操作在文件modifymem.asp中进行(该文件存放于member文件夹中)(1)首先在该页新建一个记录集“rsmem”，具体做法如下：①单击应用程序面板中的[绑定”记录集(查询)]②出现如图13所示的记录集设置图13记录集设置框第10页共15页③依据图6.1进行设置。“名称”中填入“rsmeni'（表示创建的记录集名称）；"连接”选项中选择"book";"表格”选项中选择"member（表示从数据表menmber中筛选记录）；在“筛选”中选择“nickname"，运算符选项选择“二”,筛选条件为"阶段变量"，值为"MM_Username。④点击“确定”按钮，完成设置。⑤此时在应用程序面板中的“绑定”面板中，会出现记录集（rsmernj）。单击“rsmem”使其展开。⑥剪辑选中字段"nickname",并点击"插入"按钮，并将nickname字段插入在用户首页中的“尊敬的”文字后面。⑵单击“服务器行为”面板中的+按钮，选择［更新记录］,出现更新记录表单设置框，如图14所示图14更新记录表单设置框⑶在“连接”选项中，选择“book”；“更新表格”选项中选择“member；"选择更新集合”选项中，选择"rsmem";"唯一值"选项选择"nickname”;更新后，转到选项选择"memok.htm”（该文件存放在member文件夹下，表示更新后转到该页）。⑷“在更新记录表单设置框”中选择不允许用户修改字段，单击“ -”，将其删除，只留下“pwd、nameCity、email、address、zip、tel”字段供用户修改，并调整相应的现实标签，提交类型为真确设置。⑸单击“确定”按钮，完成设置。⑹此时页面效果如图15所示。第11页共15页xsnefL ■... 雄：信理EnailixsnefL ■... 雄：信理Enaili嬲‘………*相北由72i闲电附图15修改个人资料页面至U此，修改用户资料完成，打开浏览器，登录用户，进入“修改个人资料”对相应资料进行修改，单击“确定修改”即完成个人资料修改。二、管理员模块.添加新品添加新品功能是通过提交表单域中的内容写到数据表。 这里把管理员填写的书名、isbn、价格等信息写到 books数据表中。添加新品的功能设在管理员首页“master.asp”中。页布局Dreamweaver8.0中打开“master.asp"（管理员首页）页面来编辑，如图16所示。图16管理员主页布局单元格中插入表单域form3,方法设置Post,在form3中插入6行3列的表格。适当的单元格中插入文字，如图 17所示，并插入表单元素，如表18所示。第12页共15页图17添加新品页面布局表单兀素名称说明title文本域书名isbn: 文本域isbnprice_文本域价格gracer文本域分类mempricer文本域会员价 「weight文本域重量description多行文本域