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

1、 电子商务网站建设课程设计 设计题目： 网上图书系统的设计与实现 学生班级： 学生姓名： 学生学号： 指导教师： 设计日期： 前 言 本文详细叙述了网上图书销售管理系统的设计与实现过程。在整个开发过程中，对图书公司的各部门工作业务流程做了详细的调研，并根据客户及工作人员的需求制定了一套具体的解决方案。 本系统的主要功能是实现网络销售中的图书信息发布和管理，其中包括前台功能：图书展示、图书导购、收银台、会员管理、在线咨询、在线新闻；后台功能：图书管理、用户管理、供应商管理、修改个人资料、商品订货、退货、入库、库存查询、销售查询、商品查询、会员订单管理、新闻管理、业务统计、系统日志、备份、还原、管

2、理用户等。全球网上图书销售管理系统是一个典型的ASP搭建的电子商务系统，展示了Web运行的基本原理。采用ASP技术和Microsoft Office Access 2000数据库相结合开发，网站具有基本的电子商务 平台的特点，方便、实用、快捷。目 录 1、系统需求分析. 1 1.1.需求分析.1 1.2.系统功能结构.1 2.研发工具. 2 3.开发技术. 3 4.网上购物业务流程. 3 5、数据库. 4 5.1数据库需求分析.4 5.2数据库概念设计（E-R）图.5 5.3 数据库设计.6 6.用Dreamweaver创建电子商务站点. 10 6.1创建电子商务站点.10 6.2数据库连接.

3、14 7.网站主要功能实现. 19 7.1用户注册.19 7.2管理员模块.25 8. 系统测试. 27 致谢. 28 参考文献. 29 1、系统需求分析 1.1.需求分析 需求分析是整个设计过程的基础，最困难、最消耗时间的一步。它的最终结果是提供一个可作为设计基础的系统说明书，在网站项目的需求分析中主要是由开发者来确定对用户需求的理解程度，而用户调查和市场调研等需求分析活动的目的就是帮助系统开发者加深对用户需求的理解和对前期不明确的地方进行明确化，以便于日后在项目开发过程中作为开发成员的依据和借鉴。 当然一次成功的需求分析不仅需要系统开发者的分析而且还需要对客户需求进行分析，这是需要所有开发

4、者共同努力的。 对于用户来说，在商场系统里面所购的物品，希望及时收到商品，在商场系统里的投诉，希望及时得到解决，用户的要求能及时得到满足的情况下，商场的信用度才能得到提高，才能更好的发展，所以对用户进行需求分析是很有必要的。 对于管理员来说，既要考虑用户的要求，又要更好的管理整个系统，所以他肩负着双重任务。满足用户要求方面，应该及时处理用户的订单，及时发货，尽快的解决客户的投诉等等，才能有更好的经济效益。管理系统的责任也不能忽视，如对市场做调查，及时更新产品，还有就是对系统进行维护等等。这些在设计该系统的后台进行需求分析时都应该考虑到的。 1.2.系统功能结构 功能结构图用于表示系统模块的分层

5、结构，系统后台功能模块如图3.1所示，主要包括前台展示、员工管理、信息查询；前台主要功能模块如图3.2所示，主要功能包括图书展示、会员注册、信息查询、会员管理。 网上图书系信息查员工管图书展 网上图书后台功能结构图3.1 图 系统后台是系统管理员对整个网站后台数据库进行维护，是此网站最重要的大门。 1.图书管理 管理员可以添加新品和删除信息。 2、员工管理 在进入本栏目时系统会提示输入系统管理员的用户名和密码，对于其他用户此界面 不可见的。 3、信息查询 管理员可以按顾客提交订单的日期查看订单；可以查询所有留言信息，同时还可以查看指定用户的留言；可以查看所有商品以及所有订单，包括已交易订单和未

6、交易成功的订单。 网上图书系统 信息查询会员注册 会员管理图书展示 修 图给 改订管新分书会会注理品类单个员信员 销员注查登上浏人息留册 询录 查架 资览 言料 询 网上图书前台功能结构图图3.2 系统前台是用户购物的主要页面，用户进入网站必须进行登录，若是新用户则需先 注册。在此介绍部分功能： 1、图书展示 图书的详细信息包括图片、书名、价格、重量、简介等。 、信息查询2用户可以对自己的订单进行查询，包括所有订单、已成交订单、未成交订单。用户可 浏览的方式查看图书信息，还可以通过新品上架专拦进行查看。以通过分类 3、会员管理 用户登录网站后可以在线给管理员留言，还可以对自己的注册信息进行修改

7、或注销。 2.研发工具 Microsoft Office Access2000 开发工具： 。Macromedia DreamWeaver8.0,Flash8.0,FireWork8.04,PhotoShop3开发语言：VBScript,JavaScript,Html, SQL. 开发技术：基于IIS等服务器的ASP技术 面向对象：需求者 3.开发技术 本次课程设计的任务是，构建一个电子商务网站网上图书，采用的主要技术是基于IIS服务器端的ASP、IIS的组件、网页编程语言HTML、数据库以Microsoft Office 的Access2000为平台以及链接数据库ODBC。 ASP是Acti

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

9、术； （2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试； （3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页； （4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息； （5）ASP可以使用服务器端ActiveX组建来执行各种各样的任务，例如存取数据库、发Email或访问文件系统等。 （6）由于服务器是将ASP程序执行的结果以HTML格式传回

10、客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可放置ASP程序代码被窃取。 4.网上购物业务流程 业务流程图是用以描述系统各项业务处理的过程，利用它可以帮助分析人员找出业务流程中的不合流理向，它是物理模型。业务流程图描述的是完整的业务流程，以业务处理过程为中心。业务流程图符号如表4.1所示： 表4.1 业务流程图符号 符号 含义 说明 提供相关数据的人员或组织，对 外部实体相关工作进行处理的人员或组 织 加工数据数据处理 表示生成的单据文档，单据 表示业务处理方向信息流向本系统客户购物流程，客户首先进行注册，进入网页，然后在登录栏处输入用户名和密码，系统进行验证客户身份，若登录成

11、功，客户进入用户主页面，可以进行个人资料的修改、查看订单、进行购物等。用户可以浏览或查找想要购买的商品并进行订购，用户确认购买以后便可以进行支付，支付完成后商家进行发货产生销售订单和销售记录。网上商店系统的购物流程图如图4.1所示。 修改个人信息 订购商品 分类浏览 确认 客户 客户登录 查找物品 会员注册网上支付 销售订单 审核订销售记 图4.1 网上图书系统业务流程图 5、数据库 5.1数据库需求分析 用户信息表表（member）： 用户编码，用户昵称，用户密码，用户真实姓名，城市，地址，邮编，电话，。 ）：用户编号，管理员，管理员密码。master管理员信息管理表表（用户留言表（mess

12、age）：用户编号，用户昵称，留言内容，留言时间，留言人性别。 订单表（usorder）：订单编号，用户真实姓名，用户昵称，ISBN，服装品牌，数量，价格，下订单日期，是否已成交。 后台管理员表(Manage_User)：编号，图名称，密码。 单页栏目（main）：联系我们，关于我们。 商品信息表（product）：用户编号，所属大类名称，所属小类名称，所属专题名称，产品名称，产品价格，点击数，更新时间，是否为推荐产品，是否通过审核，产品内容，是否包含图片，首页图片地址，上传文件的地址。 产品小类表（SmallClass）：小类名称，所属大类名称，管理员。 产品大类表（BigClass）：大类

13、名称，管理员。 文字链接表（links）：网站名，网站描述，网址，添加日期，友情链接上传地址。 女装新闻表(yenews)：文章标题，文章内容，文章点击次数，文章添加时间。 留言回复表（book）：留言人名称，留言人 QQ，留言人姓别，留言人电话（未启用），留言人email，留言人主页（未启用），管理员回复，留言标题（未启用），留言内容，留言时间，管理员回复时间。 用户注册表（user）：注册用户ID，注册用户名，密码，忘记密码的提示问题，问题答案，Email，性别，公司名称，收货地址，邮政编码，收货人，联系电话，传真，注册日期，登录IP，登录次数，用户的主页，上次登录时间，是否锁定用户。 5

14、.2数据库概念设计（E-R）图 E-R图提供了表示实体型、属性和联系的方法： 实体型：用矩形表示，矩形内写明实体名。 属性：用椭圆表示，并用无向边将其与相应的实体连接起来。 图如下：E-R那么本系统的 上次登录时间E-main 传真 用户昵称 用户密码 注册日期提密码示 性别 用户IP 登录公司名 称 收货人 登录次数 邮编 电话用户主页 是否锁定时间 图5.1用户系统的E-R图 添加新品管理员登 查看订单 管理员 查看客户留查看已交易订密查看未交易订单 图管理员系统的图5.2E-R 数据库设计5.3 Manage_User）后台管理员表（表 -1 说明数据类型 字段名 自动编号 自动编号id

15、 UserName 文本 名称 密码文本PassWord main表 -2单页栏目表（） 字段名 数据类型 说明 联系我们content 备注关于我们备注About product）表 -3图书产品表（ 字段名 数据类型 说明 ArticleID 自动编号产品Product_Id 文本 id 所属大类名称BigClassName 文本 所属小类名称SmallClassName 文本所属专题名称文本 SpecialName 产品名称 文本 Title 产品价格 Key 文本点击数 Hits 数字更新时间日期UpdateTime /时间是否为推荐产品 Elite /是否是否通过审核是 Passed

16、 /否 产品内容Content 备注是否包含图片否 IncludePic /首页图片地址DefaultPicUrl文上传文件的地UploadFiles备 ）产品小类表（ 表-4SmallClass字段数据类说自动编SmallClassID 小类名称 SmallClassName 文本所属大类名称 文本BigClassName 文本管理员Admin ）BigClass产品大类表（-5 表 字段名 数据类型 说明 自动编号BigClassID 大类名 文本 BigClassName 管理员 Admin 文本 links）表 -6文字链接表（ 字段名 数据类型 说明 Id 自动编号 网站名文本nam

17、e 网站描述 note 文本网址文本link 添加日期 /日期时间 time (yenews)-7图书新闻表表 字段名 数据类型 说明 自动编号 Id 网站名 Name 文本网站描述note 文本 网址文本 link 添加日期/日期时间 time 友情链接上传地址文本 img -8）图书知识表（Conews表 字段名 数据类型 说明自动编Id文章标title文文章内备content文章点击次文counter文章添加时日时time/ -9）留言回复表（book 表 字段名 数据类型 说明 ID 自动编号 留言人名称 文本name Comane 文本 留言人 QQ 留言人姓别Somane 文本留言

18、人电话（未启用） Phone 文本 留言人fox（未启用）Fox 文本 留言人文本 email email 留言人主页（未启用） 文本 homepage 管理员回复备注 rebook 留言标题（未启用） Title 文本 留言内容content 备注 留言时间/日期time 时间 管理员回复时间 /日期时间hftime 表）用户注册表（user-10 表单域名称 类型 说明 注册用户自动编号 UserID ID 注册用户名文本UserName 密码Password 文本 忘记密码的提示问题 文本Question 问题答案 Answer 文本 Email Email 文本 性别 文本 Sex 公

19、司名称 Comane 文本 收货地址Add 文本 邮政编码文本Zip 收货人 文本 Somane联系电文Phone传文Fox注册日RegDate日时登IPLoginIP文登录次logins数用户的主Homepage文上次登录时LastLoginTime时日是否锁定用LockUser 6.用Dreamweaver创建电子商务站点 6.1创建电子商务站点 Dreamweaver是Macromedia公司推出的一种专业的HTML编辑器，用于 对Web站点、Web首页、Web应用程序进行设计、编码和开发。在Dreamweave中，可以在可视化编辑环境中工作，也可以直接编写HTML代码。 启动Dream

20、weave8.0，选择站点新建站点，出现“站点定义”对话框，选择“基本”选项卡，在文本框中输入站点名称“dateshop”，如图6.1所示 图6.1 所示6.2在出现的对话框中选择“ASP.VBScript”如图所示：下一步单击 图6.2 单节下一步按钮，出现选择存储文件位置及测试方式，选择在本地进行编辑和测试，。 所示6.3并在下面的文本框中输入站点根本目录位置，如图 图6.3 所示：6.4，出现选择测试文件对话框，如图图下一步单击 图6.4 单击测试URL,如正确出现如图6.5所示： 图6.5 所示6.6选择是的，我要使用远程服务器。如图下一步测试成功后，单击 图6.6 单节下一步按钮，出

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

22、C数据源图标6.2.1图控制面板中的”选项卡，如数据源管理器窗口，选择“系统DSNODBCODBC双击数据源图标，将出现 所示。6.2.2图 窗口图6.2.2系统DSN 。单击“添加”按钮，为系统添加新的DSN 出现创建数据源窗口，如图6.2.3，在这个窗口中为数据库选择正确的驱动程序。 数据库驱动程序图6.2.3 Access安装窗口，在“数据源名”一栏输入ODBC Microsoft Access单击“完成”按钮，出现 所示。6.2.4，我的商店”，如图DataShop“ 图6.2.4 ODBC Microsoft access安装窗口 单击“选择”按钮，出现“选择数据库”窗口，选择所需的

23、数据库“DataShop.mdb”,如图6.2.5 所示。 图6.2.5 选择数据库窗口 单击“确定”按钮，发现刚才选定的数据库出现在ODBC Microsoft access安装窗口中的数据库项中。 单击“确定”按钮，在出现的ODBC数据源管理器窗口中，会发现了刚刚创建的名为“dateshop”的数据源，如图6.2.7 设置。DSN单击“确定”按钮，完成 如图6.2.7 6.2.2创建数据库连接 在Dreamweaver中为“网上书店”创建数据库连接的方法是这样的： 在Dreamweaver中选择窗口|应用程序，出现应用程序面板。 单击数据库选项卡中的“”图标,选择“数据源名称（DSN）”，

24、出现如图6.2.9所示的对话框。在“连接名称”中输入“dateshop”，“数据源名称”中输入“dateshop”。 单击“测试”按钮，测试连接情况，出现如图6.2.9所示的对话框，表示连接成功。 图6.2.9 单击确定按钮，可以看到在Dreamweaver的应用程序面板的数据库选项卡中出现了 所示。6.2.10连接，如图dateshop 图6.2.10 数据连接成功。 7.网站主要功能实现 我们的网上图书包括两大功能模块，我在这里详细介绍一下用户系统模块和管理员后台模块 系统的实现。 7.1用户注册 制作实现用户注册功能的网页步骤如下： 所示；7.1页面设计如图UserReg.asp新建文件

25、夹 会员注册图7.1中插入如下表单域，在UserRegPost,在此页面中，插入了一个表单UserReg,方法设置为 7.2，各表单域属性可参看图 7.2。单击“提交”，显示用户注册成功如图7.2所示；个表单域属性可参看表单域名类说注册用户UserName文本密文本Password忘记密码的提示问Question文本问题答Answer文本EmailEmail文本性单选Sex公司名文本Comane收货地文本Add邮政编文本Zip Somane 文本域 收货人 联系电话Phone 文本域Fox 文本域 注册日期RegDate 文本域 用户的主页 Homepage 文本域Submit 按钮域 提交按

26、钮传真 表7.2 UserReg中个表单域说明 验证必填项当用户在UserReg.asp中填写信息后，单击“提交”按钮时，转到UserRegPost.asp需要一个函数对提交的信息进行必要验证。如下代码： 14 or strLength(UserName)4 then founderr=true 4) 小于(不能大于14 errmsg=errmsg & 请输入用户名else or Instr(UserName,%)0 if Instr(UserName,=)0 or Instr(UserName,chr(32)0 or Instr(UserName,?)0 or Instr(UserName,

27、&)0 or or Instr(UserName,)0 or Instr(UserName,)0 Instr(UserName,;)0 or or Instr(UserName,chr(34)0 or Instr(UserName,chr(9)0 Instr(UserName,)0 or )0 or Instr(UserName,$)0 then 湉瑳?獕牥慎敭尬 用户名中含有非法字符 errmsg=errmsg+founderr=true end if end if if Password= or strLength(Password)12 or strLength(Password)6 t

28、hen founderr=true 6) 12小于(errmsg=errmsg & 请输入密码不能大于 else or or Instr(Password,%)0 if Instr(Password,=)0 Instr(Password,chr(32)0 or Instr(Password,?)0 or Instr(Password,&)0 or or Instr(Password,)0 or Instr(Password,;)0 or Instr(Password,)0 or Instr(Password,chr(9)0 or Instr(Password,chr(34)0 or Instr

29、(Password,)0 湉瑳?慐獳潷摲尬)0 or Instr(Password,$)0 then errmsg=errmsg+密码中含有非法字符 founderr=true end if end if if PwdConfirm= then founderr=true errmsg=errmsg & 请输入确认密码(不能大于12 小于6) else if PasswordPwdConfirm then founderr=true errmsg=errmsg & 密码和确认密码不一致 end if end if if Question= then founderr=true errmsg=e

30、rrmsg & 密码提示问题不能为空 end if if Answer= then founderr=true errmsg=errmsg & 密码答案不能为空 end if if Sex= then founderr=true errmsg=errmsg & 性别不能为空 else sex=cint(sex) if Sex0 and Sex1 then Sex=1 end if end if if Email= then founderr=true errmsg=errmsg & Email不能为空 else if IsValidEmail(Email)=false then errmsg=

31、errmsg & 您的 Email有错误 founderr=true end if end if if Add= then founderr=true errmsg=errmsg & 收货地址不能为空 end if if Zip= then founderr=true errmsg=errmsg & 邮政编码不能为空 end if if Phone= then founderr=true errmsg=errmsg & 联系电话不能为空 end if if founderr=false then dim sqlReg,rsReg sqlReg=select * from User where

32、UserName= & Username & set rsReg=server.createobject(adodb.recordset) rsReg.open sqlReg,conn,1,3 if not(rsReg.bof and rsReg.eof) then founderr=true errmsg=errmsg & 你注册的用户已经存在！请换一个用户名再试试！ else rsReg.addnew rsReg(UserName)=UserName rsReg(Password)=md5(Password) rsReg(Question)=Question rsReg(Answer)=m

33、d5(Answer) rsReg(Sex)=Sex rsReg(Email)=Email rsReg(HomePage)=HomePage rsReg(Comane)=Comane rsReg(Add)=Add rsReg(Somane)=Somane rsReg(Zip)=Zip rsReg(Phone)=Phone rsReg(Fox)=Fox rsReg.update founderr=false end if rsReg.close set rsReg=nothing end if % 在代码视图中，把开始标记做如下修改： 注册为新用户 选中form1，选择窗口服务器行为，调处“服务器行为”面板。 单击“服务器行”面板中的按钮，选择“插入记录”。 在图7.3的“链接”下拉列表框中选择“dateshop”（是我们建的数据库）；“插入到表格”下拉列表框中选择“produce”；在“插入后，转到”文本框中填上或选择提交数据后要显示的网页的名字，在该网页中可提供告知用户注册成功的信息。 单击“确定”，完成用户注册功能。 7.2管理员模块 图7.4管理员主页布局 管理员后台模块在这里我们只对添加新品进行介绍； 添加新品 添加新品功能是通