小型购物网站的设计与实现毕业论文.docx

1、小型购物网站的设计与实现毕业论文小型购物网站的设计与实现 -毕业论文【标题】小型购物网站的设计与实现 【作者】李潇雅 【关键词】电子商务 购物网站 Internet ASP.NET 【指导老师】洪刚 【专业】计算机科学与技术 【正文】 引言 随着互联网的普及和发展，电子商务将是企业和商家的最终选择，它具有开放性、国际性、实时性、互动性和低成本的特点，是“永不关门”的商场。经济的市场化与全球化和互联网的普及使电子商务迅猛发展。互联网开放性、交互性的特性不仅可以保证企业在互联网中查询到自己所需要的信息，还允许企业发布自己的信息或进行网络经营。因此，制定和实施电子商务发展战略，已成为很多企业优先考虑

2、的目标，唯有这样才能站在未来企业发展的至高点，才能适应WTO和全球经济一体化的发展趋势，才能进一步提高企业核心竞争力。 电子商务作为一种独立的经济形态，已初具规模。特别是以Yahoo、AOL、Amazon为代表的最早一批网站的成功，标志着Internet所创造的巨大神话以及给人类生活所带来的巨大影响。电子商务给企业带来的好处不言而喻，在市场上，电子商务被炒得沸沸扬扬，但如何建立企业的电子商务，如何把企业业务建在Internet上，这涉及到建立电子商务网站、开发符合Internet特点的有效的业务应用、管理网上的交易信息、保证网上数据安全、快速反应市场变化及充分满足Internet业务进一步发展

3、的要求等等。 购物网站是基于电子商务所建立的，它们不受店面空间的限制。哪怕只是街边小店，在网上却可以拥有百货大楼那么大的店面，只要投资者愿意，可以摆上成千上万种商品。目前国内最大的专业拍卖网站同时在线的商品要超过10万件已超过一些大超市。 购物网站不受地理位置影响，不管客户离店有多远，也不管顾客是国内还是国外，在网上，客户一样可以很方便地找到并购买商品。这令消费群体突破了地域的限制，变得无限广阔了。 1.网站概述 本网站是一个小型的购物网站，用户注册后就可以在本网站购买商品，本网站提供用户注册、登录，浏览、查询商品，浏览公告，留言，个人信息的管理，管理员管理用户、订单、商品和留言等功能。购物网

4、站主要是让用户和供应商能利用电子商务在网上进行交易，使用户不用出门也能买到想要的商品。 我在设计此网站时尽量做到界面友好，容易操作。我们采用了前台与后台兼可以在浏览器中操作，但又分离的结构。此电子商务网站的结构的特点在于1、安全性好，只有用户注册成为正式会员才能购买商品，否则无法购买商品。2、界面友好并容易使用，任何具有网络使用经验的用户都可以轻松上手。3、维护方便。只要具有网站内部使用权限，在任何时候、任何地方只要能够进入网站就可以进行维护。4、网站更新、信息发布快速，强大、简单的后台管理功能，不需要专业的管理人员就可以管理网站后台，进行公司新闻的发布，产品的推行，会员的管理，留言的管理。

5、1.1网站可行性分析 当前，随着人们生活水平的提高，大大小小各种商店已布满了城市大街小巷，部分商品价格大大降低，商店之间竞争相当激烈，利润减少。很多大型商店已转向在互联网上购物业务，以节约成本，增加利润增长点，网络上的商店也是大量存在。但是在本地区的电子商务网站不多，配送范围狭窄，电子商务功能应用不够，因而知名度不高，所以网上购物还有很大的发展空间。建立小型购物网站，开展商品网上交易、配送服务，主要有以下几个方面的作用: 1、降低成本。以电子商务开展业务，可以大量减少人力、物力资源;同时使得交易活动突破了时间和空间的限制，可以在任何时间、任何地点进行，大大降低成本，提高效率。 2、有利于树立购

6、物网站的形象。作为第四媒体的互联网，其特点就是可以跨越时空，正常情况下，网站无时无刻不在工作，通过此购物网站，用户可以跨越时空了解商店，利用多媒体技术，本网站可以向用户展示商品、经营理念、形象。 3、有利于拓展营销渠道，扩大市场，提高营销效率。许多商店都可通过网站来开展电子营销，电子营销作为传统营销的补充;电子营销可以拓展新的空间，增加销售渠道，接触更大的消费群体，获得更多的新顾客，扩大市场。 4、有利于了解顾客的意见，掌握顾客的需求，在不干扰顾客正常工作和生活的条件下，通过本网站上的客户留言功能可以了解客户的意见和心声，加强与顾客间的联系建立良好的顾客关系，通过顾客的意见可以对网站进行补充，

7、以便更好的满足用户的需求。 5、有利于改善服务，提高服务质量。利用网站，通过电子沟通方式，开展在线服务方式能够更加及时准确地掌握用户的需求，通过网站的交互式服务使得被动提供和主动获得统一起来，从而实现售前、售中、售后的全过程和全方位的服务。 1.2网站建立的目标 本购物网站为小型电子商务网站，具备简单小型网站的基本功能。建立本购物网站，主要是运用电子商务，进一步开拓业务市场，使本地和外地的客户能通过本网站非常简单、方便地选购各种商品。网站的整体设计注重实用性与观赏性的结合，侧重实用性，突出新颖、简单的特点。具体设计目标分为以下几点: 1、商品选取，充分考虑到当今网络快递发展的趋势，力求从新颖、

8、方便、简洁方面入手，确保商品的质量。 2、基本功能设计，功能设计简单合理，实用性较强。 3、内容编排，以简单、美观、合理为最终目标，特别是将合理、简单放在第一位，注重合理性与观赏性的有机结合。 4、网页数量，至少为10页，每个页面可互相链接。 2.整体方案设计 2.1整体架构 采用winXP操作系统+ IIS 5. 0 站点管理器+ Access 2003 数据库, 此架构的主要优点为操作简单、维护方便、界面友好。 2.2开发工具 (1)、ASP.NET(VB.NET) (2)、Dreamweaver、Photoshop、Flash (3)、IIS(Internet Information S

9、ervice) (4)、Access2003 (5)、VS.NET 2.3工作原理 在多数场合下，可以将ASP.NET页面简单地看成一般的HTML页面，页面包含标记有特殊处理方式的一些代码段。当安装.NET时，本地的IIS Web服务器自动配置成查找扩展名为.aspx的文件。 2.4系统的运行环境即软硬件要求 服务器:PIII651/ 128M/ 10G/ 10/ 100 及以上配置(自备) 客户端:P166/ 64M/ 4G/ 10/ 100 及以上配置(自备) 服务器操作系统:Win XP Server (自备) 服务器端数据库系统:Acess2003(自备) 客户端操作系统:Win9x

10、或Win XP , IE5. 0 及以上浏览器(自备) 3.网站分析和实现原理 3.1 B/S模式的模型结构 B/S模式，即浏览器,服务器模式，是一种从传统的二层C/S模式发展起来的新的网络结构模式，其本质是三层结构C/S模式。 3.2 B/S模式的工作原理 在B/S模式中，客户端运行浏览器软件。浏览器以超文本形式向Web服务器提出访问数据库的要求，Web服务器接受客户端请求后，将这个请求转化为SQL语法，并交给数据库服务器，数据库服务器得到请求后，验证其合法性，并进行数据处理，然后将处理后的结果返回给Web服务器，Web服务器再一次将得到的所有结果进行转化，变成HTML文档形式，转发给客户端

11、浏览器以友好的Web页面形式显示出来。 3.3 B/S模式的特点 B/S模式管理信息系统基本上克服了C/S 模式管理信息系统的不足，其主要表现在: 1.系统开发、维护和升级的经济性 2.B/S模式提供了一致的用户界面 3.B/S模式具有很强的开放性 在B/S模式下，外部的用户亦可通过通用的浏览器进行访问。 3.4功能设计 本网站对用户提供新客户注册，老客户登录，浏览公告(包括最新商品、最优惠商品信息等) 、客户登录后可浏览及查询商品信息(根据关键字查询)、购买商品、个人信息的管理(包括个人资料的查询及修改、订单查询、积分查询)以及留言等功能，对管理员提供公告管理(发布,修改，删除)，商品管理(

12、包括添加、更新和删除)，管理(审核，删除)，订单管理(包括 更新和删除)，留言管理(包括对留言的删除和回复)等功能。 编号 功能名称 功能描述 1 注册登陆 对未进行登陆的顾客给于登陆， 和未注册的顾客给于注册功能。 2 浏览公告 浏览网站新发布的信息方便知道商品的动态。 3 购买商品 会员可以对自己满意的商品进行购买。 4 个人信息管理 对个人资料的查询及修改、订单查询、积分查询等等。 5 管理员入口 对管理员身份的一个验证。 6 公告管理 管理员对公告进行发布、更新、删除等等操作。 7 商品管理 可以添加、修改、删除商品类型和商品的详细信息。 8 折扣管理 根据商品的情况和季节以及积分对商

13、品折扣进行修改。 9 客户管理 对新注册的用户进行审核和删除，但不能修改用户信息。 10 订单管理 对用户的订单进行管理。 11 留言管理 对留言进行审核，删除和回复。 表3,1 3.5功能上的亮点 1、页面模块化 本网站在界面设计上都采用了模块化处理思想，把很多页面的共有部分集成一个模块，例如页面的头，尾和导航条，这样就避免了在每个页面都写同样的代码，而只要以一句:重用这部分即可，大大提高了开发效率。 2、功能比较全面 网站整体的系统功能模块图如图1-1所示。 图3-1 网站整体的功能模图 3、人性化设计: 本系统导航的另一个亮点就是导航明晰。这样不管用户位于本网站的哪个角落，都不会迷路。都

14、能根据导航找到方向。 4.数据库结构设计 4.1 数据库的安全问题 Access数据库作为微软推出的以标准JET为引擎的桌面型数据库系统，由于具有操作简单、界面友好等特点，较多的用户群体使用它。因此ASP.NET，Access成为许多中小型网上应用系统的首选方案。但ASP.NET，Access解决方案在为我们带来便捷的同时，也带来了不容忽视的安全问题。 ASP.NET，Access解决方案的主要安全隐患来自Access数据库的安全性，其次在于ASP.NET网页设计过程中的安全漏洞。 4.2 数据库设计 本系统的主要数据库包括7张表: (1)、客户信息表:包括客户ID、用户名、密码、真实姓名、性

15、别、座机、手机号码、地址、邮件等。 (2)、商品类型表:包括商品类型ID、商品类型名称。 (3)、商品信息表:包括商品ID、商品名称、商品类型ID、价格、折扣、图片、商品介绍、供应商等。 (4)、订单信息表:包括订单ID、商品ID、价格、购买数量、购买客户ID、收货人姓名、收货人地址、收货人电话、订单处理状态等。 (5)、公告信息表:包括公告ID、标题、内容、发布时间等。 (6)、管理员表:包括用户名、密码。 (7)、留言信息表:包括留言ID、留言者用户名、性别、邮件、标题、内容、留言时间、回复时间、回复内容等。 图4-1是本网站数据库的E-R图，表明了各个表之间的关系。 图4-1 数据库E-

16、R图 5.网站设计与实现 5.1 数据库的连接 本网站是连接数据库的动态网站，其开发过程中的关键技术就是动态网站数据库的设计与编程，包括数据源的配置与连接、数据源的操作、数据的获取、SQL查询语句的使用。这里主要是用的DataGrid控件和相关代码建立与数据库的连接。具体过程如下: (1)利用Connection对象建立和数据库的连接; (2)建立Command对象，执行查询语句命令; (3)建立DataAdapter对象; (4)建立DataSet对象的Fill方法填充DataSet对象; (5)将DataSet对象绑定到数据绑定控件。 具体实现代码如下: Dim conn As New O

17、leDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.Mappath(fuling.mdb) Dim cmd As New OleDbCommand(select * from product, conn) Dim adp As New OleDbDataAdapter(cmd) Dim ds As New DataSet() adp.Fill(ds, product) MyDataGrid.DataSource=DS.Tables(product).DefaultView MyDataGrid.DataBi

18、nd() 5.2 前台设计 图5-1是主页，是所有用户进入该网站的第一页面，从图中可以看出，用户可以通过本网站登录邮箱，比如新浪，网易，163等等，还可以进入客户论坛发表自己有关的看法，从主页上可以更快的了解更多本网站关于商品商店的信息，从主页上可以看出，本网站是涪陵15家企业的一个综合性购物网站，但是由于时间有限，我只实现了新世纪百货的购物，其他还有待完善。 用户通过主页可以看到网站的公告，网站的公告发布是根据公告发布的时间来定的。从数据库中选出来的。 所有用户都可以进入本网站，但是只有注册为会员才能在本网站进行购物，如果是已经注册的会员，在首页的左边就可以登录，登录后就是自己的91，然后可

19、以修改自己的信息，也可以买东西，如果是没有注册的就点注册就进入注册页面注册成为会员，然后享有一切会员的权利。 图5-1 客户登录后的主界面 图5-2是购物的主页面，可以选择下拉菜单里面的商品类型，选择后页面的最上方就会显示你选择的商品，此页面只可以看到商品的价格，产量和生产地，还可以看到最新商品，推荐商品和特价商品，你可以选择你喜欢的商品，单击图片进入商品的详细页面，可以点击购买进入购物车页面。 图5-2是购物的主页面 图5-3是购物车页面，当你单击购买的时候，就会出现此页面，如果你尚未登录，会提示你登录后再购买，并返回到登录页面，如果你已经登录，会直接进入购物车页面。你可以看到你所要购买的商

20、品的名称，数量，单价以及合计，你可以修改商品的数量，删除商品，然后点击更新购物车，这样就会显示新的信息。你可以在此页面点击继续购物返回购物页面，如果你不需要再购物，你可以单击提交订单，然后填写你的详细信息，然后提交。 图5-3 购物车页面 购物车页面的关键代码如下: Sub AddToCart(ByVal ProductID As String) Dim strConn, query As String Dim cnn As OleDbConnection Dim adapter As OleDbDataAdapter Dim dataset As DataSet Dim dt As Data

21、Table strConn = Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(dbfuling.mdb) cnn = New OleDbConnection(strConn) query = select * from Product where pid= & request.QueryString(id) adapter = New OleDbDataAdapter(query, cnn) dataset = New DataSet() adapter.Fill(dataset, product) dt = da

22、taset.Tables(product) Dim dr As DataRow = cart.NewRow() dr(0) = dt.Rows(0)(pid) dr(1) = dt.Rows(0)(name) dr(2) = dt.Rows(0)(pricexin) dr(3) = 1 dr(4) = dr(2) * dr(3) dr(5) = dt.Rows(0)(introduction) cart.Rows.Add(dr) End Sub 5.3后台设计 图5-4为管理员登录后的主界面。从图中可以看出，管理员登录后，管理员可以实现用户管理，可以删除用户，但是不能修改用户的信息，订单管理，

23、留言管理，可以进行回复和删除，可以添加公告，修改公告，添加商品类型，添加和修改商品的详细信息，还可以修改管理员自己的信息，这样的模块化可以提高代码的重用性，可以节省人力财力，提高开发效率。 图5-4 管理员登录后的页面 图5-5是用户管理页面，管理员可以看到用户的所有信息，他可以删除用户信息，但是不能作修改，因为用户信息不能随便修改，不然用户下次就不能登录。订单管理页面和用户管理页面差不多，因为都只能删除不能修改，代码也差不多，只是选择的数据表不一样。 图5-5 用户管理页面 用户管理页面的关键代码如下: 图5-6是留言管理页面，管理员可以对用户的留言进行审核，对有问题的留言进行删除，如果看到

24、用户有疑问，可以回复留言，当然也可以查看留言。 图5-6 留言管理页面 图5-7是添加公告页面，是用的EWEBEDITOR来添加公告，可以在EWEBEDITOR里面编辑文字的格式。添加商品具体信息和此页面的代码差不多。 回复留言代码如下: Sub Page_Load(sender As Object, e As EventArgs) Dim strConn As String Dim str as string Dim con As OleDbConnection Dim com As OleDbCommand dim dr as OleDbdatareader dim theId as st

25、ring=request(id) str=select * from contents where id= & cint(theid) con = New OledbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & server.MapPath(dbfuling.mdb) con.Open() com=new OleDbCommand(str,con) dr=com.executereader() if dr.read() then strTitle=dr(title) strContent=dr(content) end i

26、f con.close() End Sub Sub Sure_Click(Sender As Object,E As Eventargs) Dim str as string Dim con As OleDbConnection Dim com As OleDbCommand Dim i,j As Integer Dim theID,theReply As String theID=request(id) theReply=content.text if theReply= then lbl.text=You must reply to it! else con = New OledbConn

27、ection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & server.MapPath(dbfuling.mdb) ) str = Update contents set reply= & thereply & ,replytime= & now() & where id= & cint(theid) con.Open() com=new OleDbCommand(str,con) com.executenonquery con.close() response.redirect(administrator.aspx) end if End

28、Sub 图5-7 添加公告页面 具体代码如下: sub submit(o as object,e as eventargs) dim con as OleDbConnection dim com as OleDbCommand dim dr as OleDbDataReader dim str as string con=new OleDbConnection(provider=microsoft.jet.oledb.4.0;data source= & server.MapPath(dbfuling.mdb) con.Open() str=insert into gonggao(ntitle,ncompany,content,note_time)values(title,company,content,time) com=new OleDbCommand(str,con) com.parameters.add(title,title.text) com.parameters.add(company,company.text) com.parameters.add(content,content.text) com.parameters.add(time,lbl.text) com.Executenonquery() response.Write(