《中国购书网站设计和建设毕业论文.doc》由会员分享,可在线阅读,更多相关《中国购书网站设计和建设毕业论文.doc(28页珍藏版)》请在三一办公上搜索。
1、题目: 中国购书网站设计和建设摘要如今在网络上进行购书越来越流行了:方便,快捷,便宜实惠,大有赶超传统购书方式的势头,因此大批大批的创业者也投身于网上购书这一服务行业之中。如何组织好图书资源,收集好图书信息并在网上及时的发布出来,使网络购书者更容易的找到自己想要的图书,不仅仅是顾客们所关心的问题,更是电子商务人士们所需要解决的问题。本文详细的介绍了B2C购书网站的设计与建设。由于在我国人口众多,资源匮乏,尤其是图书资源,不但数量少而且价格高昂,正版价老百姓们大多数都买不起,去买盗版的书,其质量又差。为了利用好网上图书资源的丰富,有折扣,让用户不用出门即可获得优质服务,本文有针对的对这门服务行业
2、进行功能上的设计和改良。论文首先分析了电子商务的大背景以及如今购书类网站的形势,然后对所要建设的网站进行了功能分析与模块设计,包括购物车,商品结算,订单查询等功能,以及购物系统数据库,网站动态页面,交互等模块的设计。其中着重讲述了利用ASP实现购物车的基本思路。本B2C购书网站不但注重用户体验,增加用户的舒适度和用户对本网站的满意度,而且便于管理,提升了购书网的实用价值,具有很现实的意义。关键词:B2C; Dreamweaver; Access; 购物车AbstractNowadays, purchasing books online is becoming increasingly popu
3、lar, which is more convenient, more rapid and more cost-effective, catching up with the traditional book-purchasing way. Therefore, numerous entrepreneurs devote to this business. How to organize the information and resource of the books, and publish them online for the buyers to search what they wa
4、nt more easily is not the concern of customers but also the issues needed to be solved by the e-commerce businessmen.This article explained the design and the building of the B2C book purchasing website. In China mainland there are large population and little resource, especially in terms of books,
5、which are expensive and rare, so that the ordinary citizens cannot afford the genuine ones and the piracies are poor quality. In this article I design and improve the function of this business, to guarantee the customers use the abundant and discounted online book resource, enjoying excellent servic
6、e without stepping out of the door. This article first analyzed the background of the e-commerce and the trend of present book-purchasing websites. Then, it analyzed the function and designed the modules for the websites. The functions include Shopping Cart, Commodities Clearing and Searching the Or
7、der, etc. And the modules include Dynamic URL, Interactive modules, etc. Among all of these, this article focused on the method about how to realize the Shopping Cart function by ASP.The B2C book-purchasing website designed according to this article will focus not only on the customer experience, th
8、e satisfaction degree towards the website but also the convenience in managing and the practical value.Key Words: B2C; Dreamweaver; Access; Shopping Cart目录摘要Abstract第一章绪论11.1开发背景11.2 技术背景11.2.1 Dreamweaver11.2.2 Photoshop21.2.3 HTML21.2.4 ASP21.2.5 Access3第二章需求分析42.1 系统分析42.2 模块分析4第三章购书网站概要设计53.1数据库
9、设计53.2首页设计73.2.1界面设计73.2.2 数据库连接93.2.3功能设计93.2.4首页的书籍展示163.3商品动态页面183.3.1商品罗列页面183.3.2 商品细节页面193.3.3 商品搜索结果页面193.3.4商品结算功能203.3.5 订单查询功能203.4购物车后台管理213.4.1后台登录213.4.2订单管理213.4.3商品管理213.5副主页面22结论23参考文献24致谢25第一章 绪论1.1开发背景随着互联网的发展,买卖双方可以不见面就能进行各种贸易活动,即电子商务逐渐的发展起来。从开始的新鲜,不敢尝试不太相信,到敢于尝试,初尝甜头,直到现在的如火如荼,电子
10、商务已成为网络经济乃至整个经济体系的重要脉络,它简单便利,快捷低成本,渐渐的改变着人们的消费模式,可以说电子商务的发展与流行是大势所趋的9。电子商务有多种类型的平台:B2B,B2C,C2B,C2C。B代表商家,C代表顾客。其中B2B和B2C占主导地位,本次购书网站的设计即采用B2C类型平台,就是商家与顾客之间的商务活动,B2C可以说是最主要的电子商务活动了。现在比较受欢迎的购书网,比如卓越,当当,JOYO,贝塔斯曼,外研社读者俱乐部,99,中国图书网等,正逐步融入广大读者的生活中,人们不用出门,坐在家里,不用从银行里取钱,就可以买到自己想要的书,网上交易,送货上门,不但价格低廉,而且方便省时,
11、所以购书网站的设计与建设还是相当有时代意义的。1.2 技术背景制作网站的软件,语言有很多种类,在这次设计中我使用了Dreamweaver,Photoshop,Access等实用软件,应用了HTML,ASP等编程语言;另外,从技术角度来说通过购物车就可以实现电子商务功能,但是商务实用型网站是比较庞大的一个系统,因此设计时还要加入会员系统,查询系统,购物流程,会员服务,后台管理等功能模块。1.2.1 DreamweaverDreamweaver8是著名的“所见即所得”的可视化网站开发工具,是国内外普遍应用的专用网页设计软件。在国内,它被称为“织梦者” 1,它不仅提供了强大的网页编辑功能,而且提供了
12、完善的站点管理机制,可以说,它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。Dreamweaver8优势2:1、所见即所得与兼顾HTML源代码两种模式相互切换编辑。2、不仅有同类软件的所有功能,而且有自身的许多出色设计理念。3、无需手写代码,就能轻松创建各种动态效果。4、有强大的自定义及扩展功能,提高了工作效率。5、支持跨浏览器和层叠样式表。6、Dreamweaver8最新版本,采用多种先进技术,能够高效地创建极具表现力和动感效果的网页。7、易学,易用,初学者也可制作精致的网页。1.2.2 Photoshop用PS做网页,实际上是做网页上所用到的图片。把设想好的网页的整体面貌在P
13、S中画出来,然后用PS里的切片工具把整个图分割成小块,然后输出成为网页。这时候网页文件确实生成了,但直接用这个网页并不现实,因为里面就是图片排列,要做成真正的网页需要做很多加工。但它的好处在于,这张网页上所用到的图,都在附带生成的image文件夹里了3。用PS做网页上的图标,需要算好网页上预留给这个图标的空间大小,然后配合网页风格做设计。对于没有设计基础的人,最好的办法是到网上去找个风格相符的图标,然后在PS里做一些简单的修改,如:适当剪切、修改部分文字等。这样就可以放到相应的网页中去了。1.2.3 HTMLHTML(Hyper Text Mark-up Language)即超文本标记语言或超
14、文本链接标识语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)和主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容4。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,使人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放
15、在网络的另一台电脑中。另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。1.2.4 ASPASP是Active Server Page的缩写,意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的格式是.asp,现在常用于各种动态网站中。另外阿斯匹林、天门冬氨酸、阿里软件销售合作伙伴、美国武装系统暨程序公司等的缩写也都为ASP5。ASP是一种服务器端脚本编写环境,
16、可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容(如在线表单),也可以创建使用HTML网页作为用户界面的web应用程序。ASP也不仅仅局限于与HTML结合制作WEB网站,而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的6。1.2.5 AccessMicrosoft Office Access(前名 Microsoft Access)是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点,是
17、Microsoft Office的成员之一。其实Access 也是微软公司另一个通讯程序的名字,想与 ProComm 以及其他类似程序来竞争。可是事后微软证实这是个失败计划,并且将它中止。数年后他们把名字重新命名于数据库软件7。Microsoft Access在很多地方得到广泛使用,例如小型企业,大公司的部门,和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的WEB应用程序这些应用程序都利用ASP技术在Internet Information Services运行比较复杂的WEB应用程序则使用PHP/MySQL或者ASP/Microsoft SQL Server8。
18、 它的使用方便程度和强大的设计工具为初级程序员提供许多功能。不过,这种便于使用可能使人误解。这类开发者都是没有在应用或者数据设计方面训练的办公室从业人员。因此许多人以为这样的开发者能够创造可用的系统,但也有很多人认为工具本身的局限性产生了这样的误导。 一些专业的应用程序开发人员使用 Access 用作 快速应用开发,特别是给街道上的推销员制作一个初型或独立应用程序的工具。可是如果是透过网络存取数据的话,Access 的可扩放性并不高因此当程序被较多使用者使用时,他们的选择多会是倾向于一些客户端-服务器为本的方案,例如 Oracle、DB2、Microsoft SQL Server、Window
19、s SharePoint Services、PostgreSQL、MySQL、Alpha Five、MaxDB,或者Filemaker。无论如何,不少 Access 的功能(表单、报告、序列和VB代码)可以用作其他数据库的后期应用,包括 JET(档案为主的数据库引擎,Access 缺省使用)、Microsoft SQL Server、Oracle和任何其他跟ODBC兼容的产品。这种方法允许开发者把一个成熟的应用的数据移动到一台更大功率的服务器而没有已经在适当的位置牺牲发展。 很多Microsoft Access的开发者使用Leszynski命名约定,虽然这不普遍;它是一次编程大会,并非一个DB
20、MS实施的规章5。第二章 需求分析2.1 系统分析网上购书系统是一个比较庞大的系统,整体上来看要有会员系统,查询系统,购物流程,会员服务,后台管理等重要功能模块。在建立这个虚拟购物商场的过程中,我们要让浏览者在挑选商品时能更轻松,快捷,方便,避免繁琐的过程,这样既能有效控制网上购书商场运营的成本,又能适应现代人快节奏的生活。因此,网站的功能上应该具有以下几个特点:1) 采取会员制度,方便管理而且保证交易安全2) 提供搜索查询功能,使会员能够快捷的找到自己想要的图书3) 当用户有很多图书需要购买时候,体现了购物车的价值,每个会员都有自己专用的购物车,就像超市一样,会员在浏览商品的时候把自己需要购
21、买的图书放进购物车里,最后一起结算,方便省时。4) 会员服务周到,会员有自己的账目明细,订单明细5) 后台管理使用本地数据库,让管理者及时了解财务状况和销售状况2.2 模块分析1) 前台销售模块,即客户在浏览器中所看到的直接与客户面对面的销售程序,包括浏览商品,订购商品,查询订购,购物车等功能2) 后台数据录入模块,用来提供前台的销售商品的所有数据3) 后台数据处理功能模块,相对于前台网上销售模块而言4) 用户注册功能模块,需要账号和密码,不一定要买东西5) 订单号模块,即用户购买之后系统自动分配给用户一个购物号码,以方便用户随时查询账单情况了解货物状态第三章 购书网站概要设计3.1 数据库设
22、计网上购书系统的数据库比较庞大,在设计时要分别创建不同命名的数据表,本网站的数据库中一共建立了7个不同的数据表,命名时候要与使用功能命名相配合。对于各数据表的分析如下:1) 书籍目录表是用来储存相关书籍信息的表表3-1 书籍目录表字段名称字段含义数据类型字段大小是否必填是否允许空字符串附加说明书籍ID书籍ID自动编号长整型-书籍名称书籍名称文本255否否-书籍编码书籍编码文本255否是-条码条码文本255否是-零售价零售价文本255否是-货源货源文本255否是-单位单位文本255否是-图片图片文本50否是-子类别ID子类别ID文本50否是-根类ID根类ID文本50否是-在架状态在架状态文本50
23、否是0:缺货;1:上架书籍说明书籍说明文本-否是-2)书籍主类别表,把书籍进行分类后的一级类别表,具有主类ID和主类名称两个字段名称。根据要展示的书籍种类,在数据表中加入书籍的类别表3-2 书籍主类别表字段名称数据类型说明主类别ID文本-主类别名称文本-3)书籍子类别表,把书籍进行分类后的二级类别表,具有子类别ID,子类别名称和主类别ID三个字段名称。根据要展示的详细书籍种类,可在数据表中加入商品名称。表3-3 书籍子类别表字段名称数据类型说明子类别ID文本-子类别名称文本-主类别ID文本-订单表,储存网上用户订购的相关信息表。表3-3 a 订单表字段名称字段含义数据类型字段大小是否必填是否允
24、许空字符串附加说明订单序列号订单序列号自动编号长整型-订单ID订单ID文本50否否生成一个随机数来表示同一批订单用户名用户名文本50否否-订单日期订单日期文本50否是20110515表示2011年5月15日是否处理是否处理文本50否是1:已处理;0:未处理收货人收货人文本50否是-送货地址送货地址文本50否是-联系电话联系电话文本50否是-手机手机文本50否是-电子邮件电子邮件文本50否是-留言留言文本255否是-订单书籍表是记录用户在网上订购的商品信息表,用于用户在线查询订单。具有订单商品ID,订单ID,商品ID和订购数量四个字段名称。表3-3 b 订单书籍表字段名称数据类型说明订单产品ID
25、自动编号-订单ID文本-产品ID文本-订购数量文本-新闻表是储存新闻用的数据表,主要有新闻ID,新闻标题,新闻出处,新闻内容,新闻图片和新闻日期六个字段名称表3-3 c 新闻表字段名称数据类型说明新闻ID自动编号-新闻标题文本-新闻出处文本-新闻内容备注-新闻图片文本-新闻日期文本-用户表是储存注册用户的数据表,具有用户ID、用户名、密码、真实姓名,性别,电话,手机,电子邮件,住址,说明和属性等11个字段名称。表3-3 d 用户表字段名称数据类型说明用户ID自动编号-用户名文本-密码文本-真实姓名文本-性别文本-电话文本-手机文本-电子邮件文本-住址文本-说明文本-属性文本-3.2首页设计3.
26、2.1界面设计 图3-1 首页效果图3.2.2 数据库连接通过config.asp这个文件来实现数据库连接,程序如下:3.2.3功能设计购书网站需要由一个购书流程来引导用户在网上实现订购,一般都是通过用户自身的登录,浏览,订购,结算这样的流程来实现网上购物的,同时还需要加入搜索功能,以方便用户在网上直接进行搜索订购9,所以在首页的上边栏上需要建立用户登录系统,购物车系统以及搜索功能。下面由功能出发分别分析和设计各功能模块:首先分析核心部分,即购物车系统,该购物车系统主要包括实现写入用户名,统计购物车的书籍,统计书籍的总价值,清空购物车,连接到结算功能页面这几个小功能。此段程序如下所示:%If
27、session(“user”)”thenResponse.Write(session(“user”)ElseResponse.Write(“游客”)End if%/此段程序的意思是如果用户登录了则写入用户名,如果没有登录则写入游客。,欢迎你!购物车中共有%If session(“all_number”)=” then%0/这段程序是统计书籍的总数量件商品总价值0/统计书籍的总价元清空购物车 / 去结算Else%/本段程序是调用clear_bag.asp页面来实现清空购物车的功能,清空购物车 / 去结算/调用shop.asp页面进行结算紧接着购物车系统的是
28、用户注册与登录系统。在该系统中,除了可以让用户输入用户名和密码进行登录外,还应该包括新用户注册和找回遗失密码的功能,当在用户名文本框和密码文本框中分别输入用户名和密码,并单击登录按钮后,将进入一个登录页面,该页面应该具有验证用户名和密码是否正确的功能,如果用户名和密码都正确,讲直接进入用户系统主页;如果不正确,则将显示不正确信息,并提示重新注册信息。如果是新用户,可以直接单击“注册”链接文本,进入新用户注册页面;如果忘记密码,则可以单击“取回密码”链接文本,进入找回遗失密码的页面。另外,还需要为用户提供修改个人资料和注销身份的功能。虽然这两个功能没有在该页面中显示出来,但是他们和注册信息都有直
29、接关系,因此也属于用户系统中。本次设计采用了主页上直接登录系统,现在的电子商务网站大多都是这样设计的。通过上面的分析和设计,该购书网用户系统主要由以下一些动态网页构成:用户登录页面(首页),用户登录成功页面,用户登录失败页面,新用户注册页面,注册成功显示页面,注册失败显示页面,用户找回遗失密码页面,显示提示问题的页面,正确回答后显示密码的页面,修改个人资料的页面,用户删除账号的页面。用户登录时,首先进行身份验证,输入的用户名和密码与数据库中已有的用户名和密码相匹配时候,跳转到登录成功页面,不匹配的话跳转到失败页面,用Dreamweaver设计好登录静态页面后,在用户名和密码的表单中分别定义两个
30、文本域名为username和Password。另外在登录功能附近要有新用户注册的文本链接,以方便新用户注册。如果已经注册的用户忘记密码,但希望以其他方式能够重新获得密码,可以在登录功能旁边再加上取回密码的文字链接。在表单中插入一个用于递交用户名和密码的表单对象,以及一个用于重新填写登录信息的表单对象。换行,选择两次菜单中的【插入】|【表单】|【按钮】命令,插入两个按钮,并分别在【属性】面板中进行属性变更,一个为登录时候使用的【提交表单】选项,一个为【重设表单】选项。表单编辑完之后,下面编辑该网页的动态内容,使用户可以通过该网页中表单的提交实现登录功能。选择菜单栏中的【窗口】|【服务器行为】命令
31、,打开【服务器行为】面板,单击该面板的“+”按钮,从打开得菜单中选择【用户身份验证】|【用户登录】的命令,添加到该网页上的是用户登录的服务器行为。打开【登录用户】对话框,在【从表单获取输入】下拉表框中选择该服务器行为使用网页中的form1表单中对象中浏览者填写的对象。在【用户名字段】下拉列表框中选择文本域username对象,设定该用户登录服务器行为的用户名数据来源为表单的username文本域中浏览者输入的内容。在【密码字段】下拉列表中选择文本域password对象,设定该用户登录服务器行为的用户名数据来源为表单的password文本域中的浏览者输入的内容。该对话框的第二部分是用来设置服务器
32、行为使用到数据源连接的一些参数。在【使用连接验证】下拉列表框中选择用户登录服务器行为使用的数据源连接对象为connuser。在【表格】下拉列表框中选择用户登录服务器行为使用到的数据库表对象为user。在【用户名列】下拉列表框中选择表user储存用户名的字段为username字段。在【密码列】下拉列表框中选择user存储用户密码的字段为password字段。该对话框的第三部分用来设置用户登录成功或者失败时分别转向的页面,最后一部分是用来设置后面设定用户浏览权限时所需要用到的一些参数。选择【基于以下项限制访问】选项组中的【用户名,密码和访问级别】单选按钮,表示将根据用户的用户名,密码及权限级别共同
33、决定其浏览网页的权限。在【获取级别自】下拉列表框中选择Authorrity字段,表示根据Anthorrity字段的数字来确定用户的权限级别。设置完成后,确定并返回到文档窗口。在【服务器行为】面板中增加了一个【登录用户】行为,同时,可以看到表单对象对应的【属性】面板中的动作属性值为。它的作用就是实现用户登录功能,这是一个由Dreamweaver 8自动生成的动作对象。最后保存文档。在用户注册时,需要用户填写username,truename,password(两次),Email,question,answer等内容,做好静态页面后,对整个注册页面上的表单,选择菜单栏中的【窗口】|【行为】命令,会
34、打开行为面板。单击+,选择【检查表单选项】,添加验证表单的动作,此时会打开【检查表单】对话框,在该对话框中进行如下设置:表3-4 注册内容表文本域值可接受Username必须的任何东西Truename必须的任何东西Password必须的任何东西Password1必须的任何东西Email必须的电子信件地址Question必须的任何东西Answer必须的任何东西确定之后在对应的【行为】面板中设置该动作的触发事件为onSubmit,表示按下【提交】按钮进行检测。验证表单的源代码:0&parent.frames.length) d=parent.framesn.substring(p+1).docum
35、ent; n=n.substring(0,p);If(!(x=dn)&d.all) x=d.alln; for (i=0; !x&id.forms.length; i+)X=d.formsi n;For(i=0;!x&d.layers&id.layers.length;i+)X=MM_findObj(n,d.layersi.document);If(!x & d.getElementById) x=d.getElementById(n); return x;Function MM_validateForm() /v4.0Var I,p,q,nm,test,num,min,max,errors=
36、,args=MM_ validateForm.arguments;For(i=0,i(args.length-2);i+=3) test=argsi+2;Val=MM_findObj(argsi);If(val)nm=val.name; if(val=value)!=”) If (test.indexOf(isEmail)!=-1p=val.indexOf();If (p1|p=(val.length-1)errors+=-+nm+must contain an e-mail address.n; else if (test!=R) num=parseFloat(val);If (isNaN(
37、val)errors+=-+nm+must contain a number.n;If (test.indexOf(inRange)!=-1)p=test.indexOf(:);Min=test.substring(8,p); max=test.substring(p+1);If(nummin|max接下来应该在数据库中添加一个用户记录,将这些合格的数据添加到这条记录的相应字段当中去,这就需要在该网页中添加一个插入记录服务器行为,在菜单中对【插入记录】进行设置:从【连接】下拉列表框中选择connuser作为数据源连接对象;从【插入到表格】下拉列表框中选择user作为使用的数据库表对象;在【插入
38、后,转到】文本框中设置记录成功添加到表user后讲切换到regok网页;在该对话框下半部中,将网页中的表单对象和数据库中表user中的字段一一对应起来。Dreamweaver 8中【服务器行为】面板上的【用户身份验证】|【检查新用户名】命令,是可以检测新用户名的服务器行为。对新打开的【检测新用户名】对话框进行设置:在【用户名字段】下拉列表框中选择username字段,在【如果已存在,则转到】文本框中输入regfail.asp(注册失败页面)。确定后返回文档窗口,在【服务器行为】面板中增加一个【检查新用户名】行为,最后保存到本地站点中,完成本页制作。接下来分析搜索功能模块,搜索功能的设计与制作主要是通过sql查询语句来实现的,查询的功能代码主要是嵌套在一个单独的表单FromSearch之中:/建立sql查询语句,通过书籍主类别及主类别ID来查询商品数据库/提交后由search_result.asp页面显示查询结果关键词:/设置搜索关键词文本域类别:select name=”sear