购物网站的设计与实现论文

摘  要

随着经济社会的发展，计算机己被应用到社会生活的各个领域。而网站作为网络信息主要的表现形式在Internet上表现出其重要的地位，并发挥着重要的作用。电子商务是internet爆炸式发展的直接产物，是网络技术应的全新发展方向，随着信息时代的来临，知识经济的扩张，电子商务已经越来越靠近我们的生活，他的发展极大地改变了企业商务活动的形式与内容，更多企业可以通过电子商务来进行网上交易。

本论文主要介绍怎样制作一个电子产品的购物网站。本网站使用HTML与PHP语言，结合MYSQL数据库进行数据库的设计，建立起一个包含首页、登录、注册、产品信息、等多个子页面的网站，制作一个具有特色的购物网站，能够有自己的个性和特点，从而吸引消费者，让消费者满意。

 

关键词：PHP，MySQL数据库，购物网站

目录

一、概述

（一）背景

（二）电子商务简介

二、 开发工具和技术介绍

（一）HTML介绍

（二）PHP介绍

1、开源免费

2、快捷高效

3、性能提升

4、跨平台

5、常驻内存

6、页面生命周期

（三）MySQL数据库介绍

1、系统特性

三、 系统分析与设计

（一）功能结构分析

1、经济型

2、技术性

（二）项目规划

（三）系统流程概述

四、网站的详细设计

（一）网站前台设计

（二）前台首页

1、首页

2、登录页面

3、注册页面

4、商品详细信息页面

5、关于我们页面

6、新闻中心页面

7、产品展示页面

8、工厂资质页面

9、购物车页面

10、后台登录页面

五、 测试

（一）测试的目的

（二）测试内容

（三）网站测试的重要性

（四）网站测试需要多人进行检测

结束语

致谢

参考文献

一、概述

（一）背景

互联网已经深入到人们生活的各个角落，成为人们工作、生活中不可缺少的一部分。一个人要想生存，一个企业要想发展，就必须采取一种新的生存方式和新的竞争手段去适应可能面对的各种困境。面对互联网本身所据有的低成本、全球性、高效率、开放性等特点，以前的商业模式暴露的问题也越来越多，原有的商业格局和运作模式在互联网上显得那样的苍白无力，世界上互联网的发展趋势给传统商务工作带来了巨大的压力，而同时也带来了巨大的动力和机遇，而相对的也带来了新的挑战，同时机遇是潜在的存在，而这些就是迫使我们拆散原有商业格局的催化剂，变革原有的商业模式来契合互联网的发展以获取最大效益。

据权威调查在我国目前大约有，上比万家大中型企业使用了互联网，其中一些企业甚至拥有了自己的主页和服务器。任何新事物的诞生都是代表着一种发展趋势，只有那些符合进步的趋势才会得到大家的认可。电子商务就是这样一种新生事物，电子商务对人类社会进行着全方位的改造，在企事业单位、各种公共机构、教育以及娱乐等各个方面改变着人类之间向往的方式，为人们展示了一个多姿多彩的世界。由于电子商务的出现，从前的经营模式以及经营理念必将发生变化。电子商务将会实现巨大的效益和机会，会将市场的时间形态、空间形态、虚拟形态结合到一-起、将资金流、信息流、物流汇集成良性循环的开发性环路，使经营者以市场为纽带，在市场上发挥出最佳的作用，以及得到最大的效益。电子商务的发展，不但能够有力地推动互联网的发展，而且对社会的进步和经济的变革产生深远影响，而且更重要的是电子商务本身的发展为我们提供了巨大的机会。企业家利用先进的科学技术为人们营造越来越广阔的“电子空间”，在人们感受到科技发展带来的种种好处的同时，也代表着信息时代的经济即将腾飞。现在越来越多的企业希望通过电子商务来获得更广阔的发展空间，而越来越多的人渴望了解并亲身参与到电子商务中去，目前精通电子商务的人才短缺问题是阻碍我国电子商务发展的一个重要因素。因此，我设计并研发了这套网上购物系统，将电子商务中所涉及的各种理论知识和相关技术集成到此套系统中，期望能够模拟出使用者通过使用该系统深入浅出的了解其中的某些关键信息技术，使其体会出网上购物系统的内部工作机理，并加深对网上购物运营方式的了解与认识。

（二）电子商务简介

一个完善的电子商务系统应该包括哪些部分，目前还没有权威的论述。从总体上来看，电子商务系统是三层框架结构。底层是网络平台；中间是电子商务基础平台；而第三层就是各种各样的电子商务应用系统。电子商务基础平台是各种电子商务应用系统的基础。电子商务具有以下几个主要特点:系统性、动态关联性、经济性、竞争性。

• 二、开发工具和技术介绍

（一）HTML介绍

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

自1990年以来，HTML就一直被用作万维网的信息表示语言，使用HTML描述的文件需要通过web浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。

（二）PHP介绍

PHP（PHP: Hypertext Preprocessor）即“超文本预处理器”，是在服务器执行的脚本语言，尤其适用于Web开发并可嵌入HTML中。PHP语法学习了C语言，吸纳Java和Perl多个语言的特色发展出自己的特色语法，并根据它们的长项持续改进提升自己，例如java的面向对象编程，该语言当初创建的主要目标是让开发人员快速编写出优质的web网站。PHP同时支持面向对象和面向过程的开发，使用上非常灵活。

经过二十多年的发展，随着php-cli相关组件的快速发展和完善，PHP已经可以应用在 TCP/UDP服务、高性能Web、WebSocket服务、物联网、实时通讯、游戏、微服务等非 Web 领域的系统研发。

根据W3Techs2019年12月6号发布的统计数据，PHP在WEB网站服务器端使用的编程语言所占份额高达78.9%。在内容管理系统的网站中，有58.7%的网站使用WordPress（PHP开发的CMS系统），这占所有网站的25.0%。

1、开源免费

PHP是一个受众大并且拥有众多开发者的开源软件项目，Linux + Nginx + Mysql + PHP是它的经典安装部署方式，相关的软件全部都是开源免费的，所以使用PHP可以节约大量的正版授权费用。不过PHP作为一个开源软件，它缺乏大型科技公司的支持背景，网络上对它的唱衰也是经久不衰，不过它的持续迭代和性能持续增强的现实却是鼓舞人心的，PHP社区用实际行动给予各种质疑强有力的回击。

2、快捷高效

PHP的内核是C语言编写的基础好效率高，可以用C语言开发高性能的扩展组件;PHP的核心包含了数量超过1000的内置函数，功能应有尽有很全面，开箱即用程序代码简洁；PHP数组支持动态扩容，支持以数字、字符串或者混合键名的关联数组，能大幅提高开发效率；PHP是一门弱类型语言，程序编译通过率高，相对其他强类型语言开发效率快；PHP天然热部署，在php-fpm运行模式下代码文件覆盖即完成热部署；PHP经过20多年的发展，在互联网上可以搜到海量的参考资料供参考学习。

3、性能提升

PHP版本越高它的整体性能越高，根据官方介绍，PHP7.0.0对比PHP5.6性能就提升了2倍，PHP7.4已经比PHP7.0快了约30％，PHP8.0在性能上又相对PHP7.4大约改进了10%。PHP 8.0 引入了 JIT编译器特性，同时加入多种新的语言功能，例如命名参数、联合类型、注解、Constructor Property Promotion、match 表达式、nullsafe 运算符以及对类型系统、错误处理和一致性的改进。PHP拥有自己的核心开发团队，保持5年发布一个大版本、1个月发布2个小版本的频率，最新的版本是PHP8.08。PHP 7.0.0发布于2015-12-03，此版本下最新版本是PHP 7.4.21，PHP 8.0.0发布于2020-11-26,此版本下最新版本是PHP 8.0.8。

4、跨平台

每个平台都有对应的php解释器版本，指针对不同平台均编译出目标平台的二进制码(PHP解释器)，php开发的程序可以不经修改运行在windows、linux、unix等多个操作系统上。

5、常驻内存

php-cli模式下可以实现程序常驻内存，各种变量和数据库连接都能长久保存在内存实现资源复用，比较常用的做法是结合swoole组件编写cli框架。

6、页面生命周期

在php-fpm模式下，所有的变量都是页面级的，无论是全局变量还是类的静态成员，都会在页面执行完毕后被清空，对程序员水平要求低，占用内存非常少，特别适合中小型系统的开发。

 

（三）MySQL数据库介绍

MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。

MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库。

1、系统特性

MySQL使用 C和 C++编写，并使用了多种编译器进行测试，保证了源代码的可移植性。支持 AIX、FreeBSD、HP-UX、Linux、Mac OS、NovellNetware、OpenBSD、OS/2 Wrap、Solaris、Windows等多种操作系统。支持多线程，充分利用 CPU 资源。优化的 SQL查询算法，有效地提高查询速度。既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中。提供多语言支持。提供用于管理、检查、优化数据库操作的管理工具。支持大型的数据库。可以处理拥有上千万条记录的大型数据库。支持多种存储引擎。MySQL 是开源的，所以你不需要支付额外的费用。MySQL 使用标准的 SQL数据语言形式。MySQL 对 PHP 有很好的支持，PHP是比较流行的 Web 开发语言。MySQL是可以定制的，采用了 GPL协议，你可以修改源码来开发自己的 MySQL 系统。

• 三、系统分析与设计

（一）功能结构分析

此次电子商务网站是建立在企业和消费者之间的电子商务交易网站，用户在电子商务网站上可以方便快捷地浏览商品，并且可以足不出户地购买到商品。在开发一个项目之前，首先要对所开发的项目进行系统分析，然后规划系统设计。

可行性分析

在制定项目方向和功能结构时，一定要考虑项目的可行性。项目的可行性从以下两点考虑:

1、经济型

电子商务网站的宗旨是根据用户需求和市场形势，提供商品的详细信息，并对商品进行详细分类，方便用户查找和购买所需商品。.

2、技术性

电子商务网站提供购物车和收银台功能，用户选择商品并可以在线提交订单。网站信息管理系统实现对商品信息、用户信息、订单信息等的管理，使网站具有友好的交易界面和良好的管理平台。

（二）项目规划

电子商务网站是一个典型的数据库开发用用程序，由前台展示区和后台管理组成。

本网站的规划系统模块如下：

1、前台功能模块

网站整体设计效果舒适、和谐。前台展示区主要功能包括首页、关于我们、新闻中心、工厂资质、商品分类展示、商品详情查看、用户注册、用户登录;商品分类展示包括SD卡、Micro SD卡、U盘、移动电源，用户可以分类查看所需产品;商品详情模块用户可查看商品价格、产地、经销商、售后质保等，可以使用户对商品有更详细的了解。

2、后台管理模块

后台功能管理的主要功能包括用户基本信息管理、商品信息管理、订单信息管理、友情链接管理。其中用户信息管理包括管理管理员信息和管理用户信息。

（三）系统流程概述

用户在浏览电子商务网站时首先看到的是网站首页。在首页上用户可以快速浏览最新商品，了解商品信息。如果用户想要购买商品，在查看完商品的详细信息后就可以把自已想要购买的商品放入购物车中，同时还可以修改或删除购物车里的商品。确定购物车里的商品后，用户就可以去收银台结账下订单。这时相关的程序模块会将用户所提交的信息都记录在数据库里，以便商城的管理人员核对信息并在收款后准备发货。电子商城的后台管理还包括添加、修改、删除商品，对用户信息的管理、对订单的处理等。

四、网站的详细设计

（一）网站整体设计

根据前面的分析及客户的需求，电子商务网站前台系统主要包括以下功能模块:

(1)网站导航:主要包括网站的旗帜广告条、主功能导航两部分。

(2)商品模块:主要用于展示最新商品信息。

(3)登录模块:主要包括用户注册、登录。登录后可以购买商品或者查看资料。

(4)商品展示模块:主要功能是显示商品的详细信息包括商品价格、产地、经销商、售后质保等。

(5)购物车的实现:购物车的主要功能是保留用户选择的商品信息，显示选购商品

的总金额，还可以删除所选商品。

(6)管理功能的实现:管理员可以在后台对用户信息进行修改或删除的操作

（二）各个页面的实现

前台首页承载并显示网站前台所包含的模块，使浏览者能够了解网站的内容和特点；

后台是方便管理员对用户信息进行删除或修改；

下面介绍电子商务网站前台与后台首页面的设计和功能实现。

1、首页

包含主要的功能页面。前台首页的设计效果

2、登录页面

用户输入用户名和密码可以进行登录

3、注册页面

用户输入用户名密码确认密码填写邮箱后方可进行注册

4、商品详细信息页面

展示商品各个详细信息包括品牌、型号、容量等各个参数以及售后质保等信息

5、关于我们页面

展示公司信息以及主要负责业务以及整体规模

6、新闻中心页面

展示公司最新资讯与新闻

7、产品展示页面

可以清楚的浏览各个商品信息的页面

8、工厂资质页面

展示工厂实力包括各种设备与多种车间，以及工厂所获荣誉

9、后台登陆界面

管理员输入用户名密码可以对信息进行管理

10、用户信息管理页面

管理员可以对用户信息进行删除或修改

11、商品信息管理页面

管理员可以上传商品或修改商品信息

12、订单提交页面

用户可以在登录后在此页面进行商品订购

• 五、测试

（一）测试的目的

网站测试是为了更快更及时的将网站中存在的问题找出来，并尽快去解决这些问题，更好的向消费者提供服务，提高消费者的体验，最终向消费者呈现一个功能完善的网站。任何一个网站建设完成后是不能直接上线的，而是需要对网站进行测试。网站测试时要对整个网站的运行状况、显示细节等进行测试，确保网站能以最佳效果展示现来，且运行、链接畅通。做好对应的网站测试工作，用以提高网站转化率，进而让网站达到最佳状态上线。

（二）测试内容

网站要进行全方位的测试，进而保证网站能顺利上线。网站测试的内容包括：

功能测试，测试一下网站功能是否都已经实现，能否正常使用；

兼容性测试，测试的目的是网站在不同浏览器、不同操作系统、不同浏览平台下网站的前端表现是否一致；

（3）压力测试，是测试系统的限制和故障恢复能力，就如100个人同时访问网站和1000个人同时访问网站，系统的承压能力肯定不一样；

（4）安全测试，是对网站安全性（服务器安全，脚本安全），可能有的漏洞测试，攻击性测试，错误性测试等环境下，网站是不是依旧可以正常访问。

（三）网站测试的重要性

任何一个网站在建设完成后都需进行网站测试，网站质量一方面是取决于技术人员的技术和完善的项目管理机制，但网站测试这一环节也是必不可少的，这是对网站质量的好坏进一步保障的必须流程。

（四）网站测试需要多人进行检测

网站在测试时，测试的内容较多，一个人是无法检测出所有问题，毕竟百密总有一疏。因此需要多人测试，甚至是用户也参与测试，毕竟每个人的思路都不一样，发现问题的角度也不一样，所以这样能更全面的发现网站存在的所有问题。

结束语

毕业设计即将结束，在老师的指导和同学的帮助之下，学生对于网站设计有了更多新的认知，对网站设计有了更深一步的认识，对网站设计的整体脉络了解得更加的清晰透彻。通过毕业设计，学生对自己大学三年以来所学的知识有更多的认识。

毕业设计，帮助我们总结大学收获、认清自我。同时，还帮助我们改变一些处理事情时懒散的习惯。从最开始时的搜集资料，整理资料，到方案比选，确定方案，再到着手开始进行网站首页、各个子页面以及功能的设计，每一步都是环环相扣，衔接紧密，其中任何一个步骤产生遗漏或者疏忽，就会对以后的设计带来很多的不便。学生的动手能力和资料搜集能力在设计中也得到提升。毕业设计中很多知识、计算方法都需要我们去耐心地查阅书籍，浏览资料，设计中需要用到辅助设计软件的地方，也需要我们耐心的学习。掌握其使用的要领，运用到设计当中去。最后汇总的时候，需要将前期各个阶段的工作认真整理。

毕业设计结束了，通过设计，学生深刻领会到基础的重要性，毕业设计不仅仅能帮助学生检验大学期间的学习成果，更多的是毕业设计可以帮助我们更加清楚的认识自我，磨练学生的意志与耐性，这会为学生日后的工作和生活带来很大的帮助。

致谢

经过大学期间的学习，籍论文完成之际，我特向指导和帮助我的老师、同学、朋友及关心支持我的人，表示诚挚的谢意。

首先要感谢我的指导教师。本文是在导师的精心指导下完成的，从论文的选题、设计方案直至完成论文的整个过程中，都得到了老师耐心细致的指导。

感谢所有的领导和老师，在此期间学习基础对我非常重要，是你们让我能够静静地坐下来，在知识的海洋里吸取更多的营养，从而能够为自己进一步地加油充电。

通过论文的撰写，使我能够更系统、全面地学习有关计算机方面的理论知识，并得以借鉴众多专家学者的宝贵经验，这对于我今后的工作和我为之服务的企业，无疑是不可多得的宝贵财富。

最后再次感谢我的指导老师；同时感谢我亲爱的同学们，在学习中我们相互帮助，互相激励和关心。是你们让我在学习和生活中收获到了更多的东西。

参考文献

[1]陈承欢,html5+css3网页设计与制作实用教程[M].北京：人民邮电出版社，2018;

[2]邢益辉,HTML5配合CSS3在网站中的应用[J].信息与电脑（理论版），2014（5）：137;

[3]蔡楠,HTML语言的网页制作技巧与方法研究[J]，2018;

[4]唐俊开,HTML5移动Web开发指南[M].北京：电子工业出版社，2014;

[5]林珑,HTML5移动Web开发实战详解[M].北京：清华大学出版社，2012;

[6]传智播客高教产品研发部。HTML5+CSS3网站设计基础教程。中国工信出版集团，2016,（3）：269-307;

[7] 张晓东,MySOL数据库应用系统与实例[M].北京:人民邮电出版社,2012：179;

[8] 崔洋,MYSql数据库应用从入门到精通.中国铁道出版社，2013：27;

[9]波诺赛克,Web开发入门经典:使用PHP6、Apache和MySQL[M]. 清华大学出版社 ,2009,07;

[10]辛洪郁,PHP项目开发全程实录(第3版)[M]. 清华大学出版社,2013,11;

[11]杨宇, PHP典型模块与项目实战大全(附DVD-ROM光盘1张)[M]. 清华大学出版社,2012,01。