网络购物网站的设计与实现

1、摘要进入21世纪以后，计算机技术以及网络技术在我国得到了很大程度上普及和提高，并且越来越来越多的网络技术在我们的生活中得到体现。因为计算机技术的发达，电子产品已成为我们生活中必不可少的部分，用计算机制作相应的销售软件来对线上商城进行管理，这比拥有线下的实体店铺更加的简单和容易。它占据了效率高、成本低、和消费者能够及时的沟通的等等优点，这不仅可以提高我们自己的办事效率而且还方便我们进行管理。更重要的是只要给我们一个合适的系统软件，我们就可以在销售方面另辟蹊径，从而实现更高的营业额和货物的流通。此次设计的网站是在windows系统软件的支持下，用PHP、JavaScript、Dream weave

2、r、MYSQL等网络编程技术，用计算机制作相应的销售软件来对线上商城进行管理，这比拥有线下的实体店铺更加的简单和容易。它占据了效率高、成本低、和消费者能够及时的沟通的等等优点，这不仅可以提高我们自己的办事效率而且还方便我们进行管理。更重要的是只要给我们一个合适的系统软件，我们就可以在销售方面另辟蹊径，从而实现更高的营业额和货物的流通。 本网站可以实现用户的注册和登录、商品的分类和展示、购物车的添加和删除、相关订单信息的查看和系统后台的增删查改等功能。因为具备了这些功能，所以用户可以更简单、更容易的找到自己想要的商品，而且和一般的购物网站相比，本次设计的网站更具有指向性更能为用户省事和省时。关键

3、词：网上购物；PHP；Mys；JavaScript；Dream weaverABSTRACTAfterenteringthe21stcentury,computertechnologyandnetworktechnologyinourcountryhasbeenlargelypopularizationandtheenhancement,andmoreandmoretothemorenetworktechnologyinourlives.Itiseasierandeasiertomanageonlineshoppingmallsbymakingcorrespondingsalessoftwar

4、ebycomputerthanowningofflinephysicalstores.Ithastheadvantagesofhighefficiency,lowcost,andtimelycommunicationwithconsumers,whichcannotonlyimproveourownefficiencybutalsofacilitateourmanagement.Moreimportantly,aslongaswearegivenapropersystemsoftware,wecanfindanewwayinsales,soastoachievehigherturnoveran

5、dcirculationofgoods.ThewebsiteisunderthesupportofWindowssystemsoftware,onthebasisofMYSQLdatabasemanagementsystem,usingPHP,JavaScript,Dreamweavernetworkprogrammingtechnologytodevelopasmallonlineshoppingsalessite.Thiswebsitecanrealizethefunctionsofuserregistrationandlogin,commodityclassificationanddis

6、play,shoppingcartadditionanddeletion,relevantorderinformationviewandsystembackgroundaddition,deletionandmodification.Becausehavethesefeatures,souserscanmoresimple,moreeasilyfindthecommoditywhichyouwant,andcomparedwithgeneralshoppingwebsite,thedesignofthewebsitehasmoreradioactivitycanhelpusersmorecon

7、venientandsavetime.KEYWORDS： online shop; PHP; MYSQL; JavaScript; Dream weaverII目录摘要IABSTRACTII1. 绪论11.1选题背景11.2课题研究11.3课题的可行性21.3.1技术可行性21.3.2法律可行性22.系统总体设计分析32.1系统需求分析32.2系统功能结构32.2.1系统功能结构42.2.2业务流程图43.数据库设计63.1数据库结构设计63.2数据表介绍63.3数据库小结94.网站前台设计104.1前台首页概述104.1.1首页包含的主要功能页面104.2用户注册和注册管理114.2.1用户

8、登录114.2.2用户注册页面114.3商品分类展示124.3.1商品分页效果124.3.2商品信息的查看134.4购物车144.4.1添加商品144.4.2购物车查看订单154.4.3物流信息164.4.4订单信息174.5前台小结175.后台设计195.1管理员登录195.2商品信息管理195.2.1添加商品195.2.2商品信息修改205.2.3商品类别添加和删除205.3用户和管理员管理215.3.1用户管理215.3.2管理员管理215.4订单管理215.4.1订单信息编辑215.4.2订单查询225.5评论管理225.6后台小结226.系统测试236.1系统测试的目的236.2用户

9、登录注册测试236.3管理员登录测试236.4搜索功能测试236.5后台测试23总结24致谢25参考文献261 绪论1.1选题背景随着互联网的普及和推广以及电子商务领域已经成为主流，网上消费已经成为电子商务一个不可缺少的部分了，而传统的销售模式店面的优越的环境，合适的地理位置，最重要的就是店面租金的成本限制了我们很多的售卖条件 ，由于网上购物的兴起，它很好的给我们在各方面的限制带来许多的便利，例如它能够给我们带来了一个便利的销售平台，不用因为它的位置不好带来烦恼，还可以解决店面租金解决了限制售卖条件，可以很大的降低我们的店面租金成本，最重要的是网上交易的便捷可以扩大我们的销售渠道并且可以长时间

10、在窗口上展览我们的商品这就为我们货物大大地提高成交率。对于我们消费者来说，省去了出门的麻烦，不用出门就可以买到货物，而且网上购物要比实体店划算了很多，可以省很多钱就可以买到和实体同等质量的衣服。然而针对这一系列的问题开发网上购物也是一个顺势而行的主流。然而这个主流下，网上购物因此发展的比较普遍，这个网上购，物城主要实现的功能有：用户使用账户和密码进入购物城，首先会看到最新商品，推荐商品，商品分类等，然后汇总商品评论区查看评论和写评论，在购物车里可以添加货物进行查看，不想要的东西进行清除很好的实现网上购物所以我们需要网上购物城，它可以便利我们的生活也上我们的货物大大地提高了成交率。1.2课题研究

11、自从阿里巴巴、淘宝取得成功以来，中国的网上购物方向的电子商务发展已经进入一个崭新的时代。我们在淘宝上购物看到喜欢就可以直接加入购物城进行支付，如果遇到了质量问题，买家还可以无条件退款，省去了消费者的烦恼，还可以便利我们的生活，这个新兴的产业已经在悄悄的成为我们生活中重要的一部分。网上购物它很好的给我们在各方面的限制带来许多的便利，能够给我们带来了一个便利的销售平台，不用因为它的位置不好带来烦恼，还可以解决店面租金解决了限制售卖条件，可以很大的降低我们的店面租金成本，网上购物系统就是一个24小时营业并且不需要营业员，消费者可以通过网站上所呈现的照片、物品介绍和其他消费者的评论来决定是否购买，并且

12、它不像实体店铺那样需要每月缴纳一定的租金，也不需要花大量的装修费用，更不会把货物囤积在店里而消耗流动资金，它可以依靠“零库存”管理。SQL Sever 2012数据库有强大的数据处理功能，它不仅保护数据的完整，还保证数量众多的用户修改数据库时开销最小。数据库支持的程序设计模型使其成为强大的无缝部分，这些功能让客户在使用应用程序时只需要最少的安装和管理开销。随着时代的发展，传统的购物已经有了时间和位置的局限，在每个人都在繁忙的工作后并不会愿意花时间再去购物。在这种情况下，网上购物系统就可以解决这种购物方式的缺陷，并且给了消费者更大的选择空间，所以这种方式的法师已经是不可避免的了。本设计的主要目的

13、就是打破一般的传统模式边上网上购物，从而可以很好的编辑订单，其意义在于让那个更多的消费者不出门也可以购买到自己喜欢的商品。1.3课题的可行性1.3.1技术可行性本商城系统是使用PHP和MYSQL应用开发，可以有基本运行环境，是网路技术兴起后的顺势而行的主流，它是由编写程序的开发与MYSQL数据库两个部分组成。，运用PHP结合JavaScript脚本进行编写主要程序，前台页面使用了不仅Dream weaver还JCSS设计。对于后台服务器的采用了Apache与MYSQL，可以让管理员在后台进行对商品的增删查改和订单的交易情况进行查询。1.3.2法律可行性目前，为了缩小和其他国家在电子商务这块的差

14、距，各部门都纷纷出台了相关的政策，来鼓励企业进行网络销售。只要不是通过网络来销售国家禁止的商品，或者网络诈骗，一般的网站系统都是受到支持的。2 系统总体设计分析2.1系统需求分析所谓的电子商务网站，实际上就是在网络上构建一个虚拟超市，其具体开发细节及其功能如下：用户用密码账户登录、商品热销展览、评论等等。如图2.1所示：图2.1 开发细节2.2系统功能结构2.2.1系统功能结构为了可以更加清晰的把商城结构展示在大家面前，下面吧商城的前后端功能模块结构图展示在线：如图2.2，2.3所示图2.2 前台结构图2.3 后台结构商城前台面向所有的用户，通过网站发布的信息进行浏览，在浏览信息的同时，用户可

15、以看到网站所推荐的新品和爆品，再选中自己所买的商品之前，可以查看别的消费者对这件商品的使用评价。商城后台是提供管理员编辑商品信息的，是指对前台的部分操作管理，如：编辑订单、管理员密码修改等。网站商城的后台管理使用通过账号密码登录，要注意密码的保密性，如果密码泄露了需要及时修改，只有登录的信息正确，才能进入后台进行管理界面的有关操作，反之，则无法操作。2.2.2业务流程图业务流程图就好比一个虚拟超市，我们先推一个购物车买自己喜欢的东西，然后去收银员结账，付钱。它使用一些基本的符号帮我们简单的描写了，整个购物操作，让其简单易懂。业务流图2.4：图2.4 业务流程图符号含义消费者可以商品展示来浏览商

16、品，然后输入账号和密码，看到自己想买商品可以查看其它买家的用完评论，考虑要不要购买商品，最后发布自己使用感受。商城管理员从后台登录，拥有管理员权限，可以查看每个用户的评论，并完成商品信息的增加、删除、查询和修改，查询订单等业务。2.5所示，绘制的核心业务流程图：图2.5 核心业务流程图3 数据库设计数据库是可以对数据库中的数据表进行具体介绍，在设计数据库的过程中，要避免后期随着信息的增多而跟不上的问题，结合我网上购物对消费者进行分析，我们管理员的账号和密码都是存储在，一开始设计的MYSQL的数据中，所以我们一开得先连接数据库，来实现的编辑。3.1数据库结构设计海绵百货是一个数据库开发程序，本章

17、节只介绍几个重要的数据表，本商城系统db_shop数据库主要包含了7个数据表，如图3.1：表3.1 数据库中的数据表表名类型整理说明adminMyISAMGb2312_chinese_ci管理员表ordersMyISAMGb2312_chinese_ci用户订单表orderinfoMyISAMGb2312_chinese_ci商品订单表pingjiaMyISAMGb2312_chinese_ci商品评价表shangpingMyISAMGb2312_chinese_ci商品信息表typeMyISAMGb2312_chinese_ci商品类型表userMyISAMGb2312_chinese_ci

18、用户表3.2数据库介绍admin（管理员表），用来保存管理员信息，如图3.2：表3.2 管理员表字段类型Null注释IdInt（4）No主键idNameVarchar（25）Yes管理员账号PwdVarchar（50）Yes管理员密码orders（用户订单表），用来保存用户订单，如图3.3：表3.3 用户订单表字段类型Null注释IdInt（4）No主键idBnumberTinyint（3）Yes用户账号ReceiveNameVarchar（25）Yes用户密码AddressVarchar（125）Yes用户地址TelVarchar（25）Yes用户电话BzMediumtextYes备注Ord

19、erDateVarchar（25）Yes订单日期UsernameVarchar（25）Yes用户订单姓名orderinfo（商品订单表）用于储存购买商品的订单信息，如图3.4：表3.4 商品订单表字段类型Null注释IdInt（4）No主键idOrderIdInt（4）Yes用户订单idgoodsIdInt（4）Yes商品idPriceVarchar（25）Yes商品价格NumberInt（4）Yes购买数量orderStatusVarchar（50）No订单状态pingjia（商品评价表）用于储存商品评价内容，如图3.5：表3-5 商品评价表字段类型Null注释IdInt（4）No主键idU

20、sernameVarchar（25）Yes用户名称goodsIdInt（4）Yes商品idTitleVarchar（66）Yes评价标题ContentTextYes评价内容TimeVarchar（25）No评价时间shangping（商品信息表）用于储存商品的基础信息，如图3.6：表3.6 商品信息表字段类型Null注释IdInt（4）No主键idMingchengVarchar（25）Yes商品名称JianjieMediumtextYes商品简介AddtimeVarchar（25）Yes商品添加时间DengjiVarchar（5）Yes商品等级XinghaoVarchar（25）Yes商品型

21、号TupianVarchar（200）Yes商品图片路径ShuliangInt（4）Yes商品数量CishuInt（4）Yes商品销量TuijianInt（4）Yes是否推荐TypeidInt（4）Yes商品类别idHuiyuanjiaVarchar（25）Yes商品会员价ShichangjiaVarchar（25）Yes商品市场价PinpaiVarchar（25）Yes商品品牌3.3数据库小结在做前台编程时运行数据，网页上显示的内容通常都是调用数据库中的内容。我在设计数据库时首先自己画个表格填好设计的大体内容，并且还要考虑字段的类型，不同的字段对应的类型也是不一样的，数据表与数据表之间，还需

22、要建立关联，目的是可以相互调用。数据库作用，实际上就是select、update、insert等一些编程代码。在建立数据表的时候，id是可以自动生成的；对于数据量较大的数据表，我们需要使用索引，建表时也需要注意主键和约束等，我自己丢了两次主见的设置。网页和数据库连接在一起，从而添加后期所需要的数据。数据库的使用可以更加方便我们对商品信息的编辑，还能储存大量的数据，不会丢失，很好帮我们解决安全等问题的发生。4 网站前台设计对于购物车来说，最重要的就是首页了，她需要展现出网站的特性，首页设计出来的效果直接影响到用户的购买欲。在首页的设计中，必须要把网商城中最新推出的产品、热销的产品、近期的活动等信

23、息展现给用户，然后再提供商品分类、查看订单等功能。4.1前台首页概述海绵百货首页主要包括一下几个点，商城分类菜单：主要包括首页、计算机图书、玩具、家居日用、数码产品；商品信息的搜索栏；商品的今日推荐；最新商品和推荐商品；热门商品和近期活动；用户中心：用来给用户进行登录注册，并可以查看自己的订单情况。购物车模块，如图4.1所示：图4.1 网站首页4.1.1首页包含的主要功能页面在一个网站中，首页是被访问次数越多速度就越慢；所以，为了增加访问运行的速度，本商城网站的前台首页使用include 语句，包含了主要功能页面，分别是：数据库链接文件登录页面、导航功能和搜索栏，主要代码如图4.2所示：图4.

24、2 首页主要代码4.2用户登录和注册管理4.2.1用户登录用户登录功能在FORM表单中插入了账户和密码，再利用数据库将这些数据存入，方便下次登录不需要注册。登录之后有两种情况：1.登录失败，密码或账户错误。2.登录成功，进入首页。如图4.3所示：4.3 用户登入界面4.2.2用户注册界面该模块的主要功能是：当用户进入网站并想要购买自己心仪的商品是，必须要注册为本商城的会员，否则无法购买该商品，在一定的程度上实现了权限的划分该模块也是通过一个form表单实现的，注册时会出现两种情况：1.输入的用户名已被注册。2.注册成功，跳回首页。下面是注册页面如图4.4所示：4.4用户注册界面4.3商品分类展

25、示在本商城的网站首页提供了几个商品分类，有助于用户选购自己想要的商品，这个模块的设计主要以导航的形式展现在首页中，让用户一目了然的找到自己所选商品的所在分类，不需要慢慢寻找，为客户节省了时间。该模块主要实现以下功能：商品分类信息展示；分类相对应的商品信息展示；用户可世界点击商品进行购买；可以显示热门商品。下面为大家展示一下其中一个分类，如图4.5所示：4.5 图书分类4.3.1商品分页效果考虑到每一个分类当中所包含的商品过多，所以每一个分类当中都运用了分页效果，select对数据表shangping、type两张进行查询，把相对应的信息展现出来，下面展示分页的关键代码，如图4.6所示：图4.6

26、 商品分页代码4.3.2商品信息的查看一般的购物网站都会有商品介绍，需要做一个专门的页面来介绍这个商品，了解一下商品的有关信息，在写这个网页时需要和数据库相连接，本网站为了用户可以更直观的了解商品信息，只需点击相应商品的图片就可以进入商品信息页面，如图4.7所示：图4.7 商品信息在实现本页面的时候运用了GET方法来接收点击商品的ID，在运用mysql_query()函数来搜寻该商品，最后通过echo（）展示出来，下面是该操作的主要代码，如图4.8所示:图4.8 商品信息代码4.4购物车4.4.1添加商品在商品展示页面，点击图片下面的购物者按钮，就可以直接把对应的商品加入购物车，同时可以到购物

27、车查看相关订单，如图4.9所示：图4.9 添加商品当用户登录后，系统会自动为用户提供一个购物车，方便用户可以不断的加入自己所想要的商品。下面展示添加至购物车代码如图4.10所示：图4.10 添加商品代码4.4.2 购物车查看订单在用户已经完成购物后，想要结算的时候，点击购物车，就可以查看自己之前所选择的商品，对之前的选择进行修改，如图4.11所示：图4.11 查看订单4.4.3 物流信息在网上购物中，物流信息是不可或缺的一部分，在网上下单以后，如果没有准确的填入物流信息，会导致接收不到对应的商品。用户在结算订单之前，需要填写：消费者的名字、消费者的电话号码、消费者的地址和备注。管理员会在后台相

28、对应的模块根据用户所填的订单信息为用户进行订单处理，本商城的物流界面如图4.12所示：4.12 物流信息物流信息相关的代码如图4.13所示：图4.13 物流信息代码4.4.4订单信息在购物车结算之后，管理员会从后台进行订单的处理，那么用户如果要查看自己所购买的商品的物流情况，就可以在网站页面上点击我的订单来查看，如图4.14所示：图4.14 订单信息在订单生成以后，购物车中的商品和用户所填写的物流信息会被计入数据库中，查看订单的关键代码如图4.15所示：图4.15 查看订单代码4.5前台小结在本商城的前台设计中，我运用到了Dream weaver、JavaScript、CSS等网站前台的开发技

29、术。在做首页导航栏的最基本的就是网页的跳转子页面，主体还是显示浏览内容，点击相关的类别回跳到相应的子页面，前台的商品详情与子页面主要是和数据库的调用。5 后台设计商城的后台管理相对前台网站来说，是比较简单的分为：导航栏、和主体部分。导航栏分为：商品分类管理、用户信息管理、订单信息管理和评论管理。后台主要的功能就是对前台商品信息的增删查改，后台首页和后台登录界面如图5.1,5.2所示：图5.1 后台登录界面 5.2 后台管理首页5.1管理员登录不管是什么网站，都会存在管理员界面，方便管理网站的各种数据，因此后台管理员尤其重要，它关系到了整个网站的安全性，一旦管理员密码泄露，要及时修改，确保网站的

30、安全。管理员可以进入后台对前台商品进行增删查改。5.2商品信息管理后台的商品信息管理分为：添加商品、修改商品信息、商品的类别修改和商品的类别添加四个部分。5.2.1添加商品在做添加商品页面的时候，先是建立了一个form表单，把简单的添加商品格式现出来，在新建立一个和数据库链接的处理商品信息的页面。在做添加商品页面的时候，要注意表单当中的字段要和数据库中的字段一致，页面效果如图5.3所示：图5.3 添加商品5.2.2商品信息修改商品信息修改主要就是在原来的商品信息上进行修改，所以页面并没有太多的差异，商品信息修改这种操作基本上每个后台都会出现，修改信息的记录也会存入数据库中，方便使用。修改过的信

31、息在前台页面也会有相应的变化。修改页面如图5.4所示：图5.4 商品信息修改5.2.3商品类别添加和删除 商品类别管理分为两个：1.添加商品类别：当添加商品新的分类时，前台首页会显示相应的类别，但这时的类别里面并没有任何商品；2.删除修改商品类别：商品类别是可以编辑的，这个时候可以随意的修改商品类别的名字或者直接删除此类别，删除类别时，相应的商品也会被删除。页面如图5.5,5.6所示：图5.5 商品类别添加 图5.6 删除商品类别5.3用户和管理员管理5.3.1用户管理管理员可以在后台查看整个商城的用户信息，也可以在后台中对用户进行删除或者警告，如图5.7所示：图5.7 用户信息5.3.2管理

32、员管理管理员可以在后台修改自己的名称或者密码，这主要是让管理员在泄露密码的时候可以及时修改信息，免得让网站出现不必要的损害，如图5.8所示：图5.8 管理员信息5.4订单管理5.4.1 订单信息编辑管理员可以根据用户的订单信息来执行发货物品，所以订单模块在后台也是必不可少的，他可以根据用户的付款和购买时间来执行订单，可以让订单的状态变为已收款、已发货、已收货状态，也可以对订单进行增删查改。如图5.9所示：图5.9 订单管理5.4.2 订单查询管理员可以根据下单人姓名、订单号进行查找相应的订单信息，更加便于管理员管理订单，在指定条件下通过对数据库的检索，显示相对应的信息如图5.10所示：图5.1

33、0 订单查询5.5 评论管理管理员可以再后台进行查看每个用户对商品进行的评论，查看每个用户对商品提出的意见，对于不利于商品的评论可以进行删除。如图5.11所示：图5.11 评论管理5.6 后台小结后台的设计主要时为了管理前台，所以每个页面的设计都十分的简单，由于后台是为前台提供服务的，所以在设计页面的时候讲究功能完善、操作方便。 本商城的后台主要包括商品信息的增删查改、商品类别、用户管理、订单的增删查改和评论功能，管理员进入后台后，可以更好的管理后台数据。6 系统测试6.1系统测试目的本次测试的主要目的是，希望可以用最少的时间于人力来寻找一些潜在的问题，在做完一个完整的商城之后，为了确保可以让

34、商城正常运行，我们会在完成之后对几个重要的模块进行测试，从中发现问题，为了让用户更好的使用。6.2 用户登录注册测试测试步骤：首先，注册一个用户，注册完成后，输入用户名（abc），密码（123456）就可以进行商品的购买和评论。管理员进入后台查看是否注册成功。测试结果：用户注册时，用户名不可以是汉字，前后密码必须一致，电话号码必须为数字，最后把结果存入数据库中，在用注册的用户成功登陆。6.3 管理员登录测试管理员进入后台界面的时候，密码和账户也是被同时记录到数据库中的，而且管理员只能在后台操作，防治管理员信息的泄露，保证数据后台的安全。6.4 搜索功能测试测试步骤：首先在搜索框中随意输入一个产

35、品的名字，如果可以显示出来，则没问题，如果搜索框为空，则会显示所有商品。测试结果：在搜索框中输入剃须刀，则页面只显示剃须刀相关的商品，但是搜索框不可以搜索导航栏上的分类。6.5 后台测试测试步骤：添加或删除商品类别，修改或添加商品信息，保证前台页面的数据完整性，在上传图片时，是否相互对应；每个商品的信息是否添加完整，修改信息后，刷新页面相对应的是否改变。测试结果：删除可以正常的添加删除商品分类和商品信息。删除乐意正常的管理每个用户的订单信息和商品评论。7 总结经过了一两个月的学习和努力，我终于完成了网络购物的实现的论文。毕业设计，这是我在大学生涯交的最后一次作业了。在这段时间里，我不断的学习和成长，从一开始的论文选题到初步设计再到最后的文章完成，这每一个阶段对我来说都是新的尝试和挑战，也对学到的很多新知识有了新的感受和见解。网络购物的实现主要是因为，现在的人们随着社会的快速发展，生活水平的不断提