基于Web的网上书城的设计与实现

1、 基于Web的网上书城的设计与实现 Design and Implementation of Online Bookstore Based on Web 内容摘要网络购物作为互联网快速兴盛的产物，正以一种崭新的面孔呈现在人们的视野当中。基于电子商务快速发展的现状，实现一套人性化、实用性高的网上书城十分符合时代发展需求。此研究课题前端制作采用HTML5与CSS3来完成网站的前端美化工作，后端运用PHP来进行制作，实现一个建立在书城和消费者连接的交易平台。网站的前端页面供浏览用户使用，用户可通过这些页面进行注册、登录、图书查询、购买图书等功能。后台方面则由管理员维护，主要负责书店的图书管理、用户信

2、息管理、订单管理等功能。文章一开始仔细讲解了网上书城的研究背景、研究的目标以及网上购书的优势。然后，简单讲述这次系统开发用到的技术。之后，为书城每个模块功能进行需求分析、内容设计并且完成实现。末尾，对书城系统进行完整性测试。网站主要运用到HTML+PHP技术来完成，数据库方面则采用MYSQL作为书城的数据存储库。关键词：网上书城 HTML MYSQL数据库 PHPAbstractWith a brand-new look, shopping online emerges in peoples lives as an outcome of clipping flourish of Interne

3、t. Based on the status quo of the explosive development of e-commerce, to develop a set of humanized and highly practical bookshop onlinecompletely isin line with the demands of the age.The HTML5 and CSS3 was used to finish the beautifiesconstructionof front-endwebsiteof this research topic andPHP t

4、o the rear-end, which are to implement a trading platform concatenatedbooks and consumers.The front page of the website is for browsing user to use, and users can use these pages to register, log in, search for books, and purchase books.The administratormaintains the backstage, mainly in charge of b

5、ook management, user information management, order managementand so on. Beginning of the essay, itscarefully explained the research background, research objects and advantages of buying books on the Internet,and then brieflyintroduced this technologyused todevelopsystem. After that, it has demand an

6、alyses,content design in each module functionof online bookstore assuring that the bookstorecan be implemented. In the end,HTML+PP technology was mainly applied tocomplete the integrity of the book system test, and the MYSQL database is used as a data repositoryof bookstore.Key words: Online Booksto

7、re HTML MYSQL Database PHP目 录第一章 绪论11.1研究背景11.1.1网上购书的现状11.1.2网上书店的发展前景11.2研究目标21.2.1研究该课题的目的21.2.2研究该课题的意义21.3网上购书的优点3第二章 系统开发环境42.1PHP技术的概述42.2 MYSQL数据库的概述4第三章 系统需求分析63.1场景功能性需求63.1.1前台功能需求分析63.1.2后台功能需求分析63.2.1系统功能结构图63.2系统功能分析73.2.1由用户身份分析73.2.2由管理员身份分析73.3系统工作流程图8第四章 数据库需求分析与设计94.1数据库需求分析94.2数据

8、库设计9第五章 系统的设计与实现115.1系统功能结构设计115.1.1网站首页设计115.1.2购物车模块设计125.1.3后台管理设计145.1.4会员管理模块设计16第六章 系统测试186.1系统测试186.2系统维护18第七章 总结与展望197.1总结197.2展望19参考文献20致谢21广东东软学院本科毕业设计（论文）第1章 绪论1.1研究背景1.1.1网上购书的现状在国内，电子商务越来越受到重视，很多企业纷纷建立直接面对消费者的销售渠道网站。与此同时，中国的图书行业在进行严格的制度改革和新型发展模式的开发探索，在如此艰难的生存环境下，他们必须进行经营模式的变更与调整以维持自己的生存

9、。国内学者普遍认为，网络的方便快捷正在改变人们的购书习惯和阅读习惯。据2018年我国实体书店和网店规模销售占比为35%65%。不仅是时间上的节省还是图书价格方面的优惠，这些方面都是线下实体书店所无法。因为网上书城允许消费者随时随地浏览图书，无需亲自到门店挑选，而且还有便捷的查询系统，再也不用大海捞针般的在书店寻找一本自己想阅读的书籍。还有的网上书城时不时搞促销活动，正常的六七折，大活动的时候低至两三折。这样的折扣力度无疑是给线下实体书店当头一棒。由此可以看出实体书店面临诸多生存挑战。在国外，有迄今为止世界上影响最大的网上书城西雅图的亚马逊网上书城，其主要原因有:（1）多样的图书类型可供选择，图

10、书的目录类型都存储在服务器的后台，用户只需知道书本的名字、作者或者是书目类型，就可以直接查出想要的书籍（2）价格优惠力度大，从亚马逊购书可享受7%至9%不等的折扣，关键是免邮费，免退货费。（3）一般书店会把未售出的书退回出版商。出版商不仅要承担这些退货图书的运输和销售费用，还要准备库存空间。但是当亚马逊收到订单后，他会告诉出版商直接发货。这样一来，他不仅可以维持少量的库存，还可以帮助出版商减轻退书的库存压力。如果中国的网络书店行业能够借鉴亚马逊书店的先进经验，再创新，利用中国独特的互联网发展优势，克服环境带来的不利因素。这样，网络书城的发展将有很大的进步空间。1.1.2网上书店的发展前景面对着

11、如此强劲的电商冲击，许多实体书店选择拥抱互联网。建立“互联网+实体书店”的形式，实现线上和线下相融合的发展道路。用户可在网上查询书体书店的具体位置，在线上书城查询自己喜欢得书籍下单完成支付，然后到实体书店领取商品。这样做一方面方便了消费者选购图书之余，还能了解关于图书的详情、相关信息。另一方面，通过实体书店领取购买的图书，消费者可以真实感受书籍，不用再担心出现盗版书籍的困扰。而且消费者不满意可以现场退款，完美的解决了书籍的售后问题。另外，书城后台可以将用户搜索的高频词汇及时反应给实体商店，让书店智能升级改造，优化推荐书目，增加经营利润减少库存压力。在为读者提供优质的服务同时完成门店的转型升级。

12、事实上，近年来，在图书市场上，一方面，新华书店成立了网络书店进入网络市场；另一方面，一些电子商务也开始进入线下书店销售这领域来，据媒体报道，中国首间自助购书商店在最近落成了。因此，有业内人士预测，实体书店未来最明智的发展路径是进入“线上线下”一体化发展道路。1.2研究目标1.2.1研究该课题的目的网上书城是在浏览器/服务器的应用方式下，实现用户轻松、快速的进行网上购书。书城管理员也不用在新一批书籍来临时，忙手忙脚的加入书架，只需通过简单的后台管理系统认证，即可将书籍展现在购书者面前，大大节省了人力资源。这套网上书城系统界面操作简单直观、功能完善使用简单等特点，不论对用户使用还是管理者来说都是非

13、常方便易上手的。本课题主要应用超文本链接语言HTML、PHP、MySQL等技术来实现这套网上书城系统，极致追求于提高图书销售量、减少用户选购时间、方便管理员管理的商城系统。让人们不受时间的限制、空间领域限制，随时随地选择和购买自己喜欢的书籍。同时也为图书商家扩展他们的销售市场，让跟多的读书爱好者了解和购买他们的产品，获取更多的商品利益。1.2.2研究该课题的意义随着互联网的发展，网络购物已经渗透进了每一个人的生活当中，其携带的低成本、高效率、全球性等特性，带给了人们许多便利。伴随而来的是个行各业都得到了相应的发展，网上书城作为电子商务网站的一员，凭借着电子产品效率高、成本低、使用简单的特点，在

14、此中成为一颗新星。因此开发一套能够更为人性化、更加实用的网络销售图书网站非常重要。而网上书城是在互联网迅速发展扩大的背景下，利用B/S结构完成消费者与商铺两者在线电子订单支付的新型商业经营形式。通俗的说就是把线下实体店转换为大型而统一的虚拟市集。消费者在这大市集里面随意挑选自己喜欢的物品，与商铺达成价格上的协定，这一系列包括双方的价格协商、订单的下达、货款的支付，物流的抵达通知都是由互联网或者说浏览器中完成的，这种轻便、快捷的电子商务新形式，有人称之为一个无法量化虚拟购物商城。再从内部潜力的角度看，中国的网络书店可以在不断创新的同时，借鉴亚马逊的经营模式，利用中国网络科技发达这一优点，化解外界

15、一些不利与自身发展的成分。比如“电动车交付”就是国内书店结合自身优势进行的一次革新。伴随环境因素的不断改进以及外国成功经营的先行经验作为参考，未来一定有着广阔的发展空间给到中国网络书店成长。1.3网上购书的优点首先，网上购书不会受到时间和地点的限制，随时随地只要有网络的地方就可以浏览到商城，服务囊括范围宽广。能够在第一时间进行选购，不用再担心因为店家离得太过远白天又没时间，赶到店家时关门的尴尬情景。其次，网店不需要像线下实体店一样招聘员工，花租金弄店铺，减少了来自租金、工人费用带来的困扰，这样就使得商家的销售成本有所降低，这样就可以用更低的价格来吸引消费者进行消费。然后，由于网络的市场监控规则

16、不比实体店审核简单，这样就减少了盗版书籍出现在网络书城中流通的可能性，那么用户在网上购书的时候也会大大减少买到假货或者是盗版书籍的概率出现。最后，是网上购物的便利。你可以不出门就买你喜欢的东西，也不用手上挂满大包小包的商品辛苦劳累的带回家中，只需一份小小的电子订单，即可享受送货上门的极致服务，省时又省力。第2章 系统开发环境本系统将选取B/S框架编写，前端静态界面制作使用的是Adobe Dreamweaver软件编辑，使用到的编写语言有HTML与PHP。后台则是使用体积占用小、稳定性较高的MySQL数据库软件来进行后台的数据存储。2.1PHP技术的概述作为一种脚本语言，PHP易于使用和实用。P

17、HP语法不仅融合了其他不同语言的特点，更有利于用户学习，而且可以比其他语言更快地执行动态网页，具有更高的执行效率和更快的代码运行速度。此外，PHP是完全开源的。PHP中文全称为“超文本预处理器”是一种通用、完全开源的计算机脚本语言。十分适宜应用到网络开发当中，实用性高、操作简单的同时，还可以嵌入到HTML中。PHP主要运行在web服务器上，提高了浏览页面的执行效率，运行速率更快。能够动态输出用户所需求的内容，输出动态网页。如果需要制作动态网站，那么PHP的实用性在整个动态网站制的过程中就能显现出来，因为它的使用水平的高与低是直接影响这个网站的运行速率。再加上PHP这门计算机脚本语言混合了C、J

18、ava等语法，在使用的过程当中也会是简单易懂的。PHP是一个应用范围非常广泛的语言，相较于其他的脚本语言它在Web在程序开发方面，它具有以下优点：（1）PHP的下载以及应用是完全免费的，软件开发者还额外向用户开放了程序的源代码，许可使用者进行编辑、删改（2） PHP源代码可以直接读取，这使其代码有极高的拓展性，使PHP代码更高效，运行更快。（3） PHP的超高跨平台特性使PHP能够在不同类型的服务器和操作系统平台上运行。（4）PHP拥有各种不同功能的函数，多样化的函数为PHP开发提高了灵活性。2.2 MYSQL数据库的概述MySQL是一个关系型数据库系统。它是现如今最盛行的关系数据库管理系统之

19、一。它在web开发中具有强大的性能、使用成本低、安全可靠性高，成为了主流的数据库服务器。它十分合适Web开发和作为软件应用数据的后端，随着版本不断的跟新迭代，越来越多的中小型网站也加入到MySQL数据库这一大家庭来，最近一些大型网站如Google、Wikipedia等也逐渐开始使用MySQL作为开源数据库。MySQL和PHP的结合在Internet应用程序中非常常见。大多数博客网站都是基于WordPress系统，主要使用MySQL和PHP配对。相较于SQL Server、Oracle等大型数据库，虽然MySQL规模小、功能不及其他大型数据库多，但其作为一个开源且免费使用的软件，可以极大的减低开

20、发项目的开发成本，加上MySQL支持C语言与C+进行编写，可以用多种语言编写程序来访问 MySQL 数据库，可跨越Linux、Mac OS、Windows等多种造作系统进行编辑，它还提供了C、PHP、Java、Python等语言的API供用户使用。较为容易上手的安装过程，让初次使用者也能轻松将软件安装到电脑上，活跃的社区及用户，为数据库出现的各种问题提供最优的解决方法。性能卓越，服务稳定，不用担心数据的突然丢失，同时MySQL还支持多种存储引擎。因此开发人员越来越喜欢使用MySQL作为数据库服务器21第3章 系统需求分析3.1场景功能性需求3.1.1前台功能需求分析（1） 用户管理：对用户信息

21、进行录入以及用户登入网站操作。用户在注册时必须填写的内容信息会作为用户购买图书时重要信息。（2） 图书查询：用户进入书城主页时显示最新的图书信息（包括书名、作者、商品价格、折扣价），当然用户也可以用书本作者或者书名来筛选查询书本信息，以便用户查询找到想要购买的图书，提高购书效率。（3） 商城购物车：当用户选中某图书加入购物车时，可以在购物车上记录书籍的价格、数量和书名。在此期间，用户可以返回书目查询页面并选择要添加到购物车中的其他书籍。（4）图书订单：接收到用户下达的订单后，即刻核对用户购买图书的类型、数量、总价格，对订单的情况做一个记录，最终产生相应的图书订单记录3.1.2后台功能需求分析（

22、1）图书管理：为了给用户展示商城最新的图书信息，书店后台可以对图书信息进行修改、添加或者删除，保证信息的时效性。（2）会员管理:管理者在后台可查询用户的基本信息（包括用户名和密码），用于用户信息验证以及账号注销时可派上用场。（3）商品订单:能够浏览用户在商城中已付款的订单，给与仓库人员筹备货物凭据，也为后期货物售后处理提供处理依据。3.2.1系统功能结构图总体的系统功能主要分为两大模块：首先是前端主要给予用户用来浏览书城的图书商品和购买书籍展示的页面，用户可在首页进行注册登录后，将自己喜欢的书籍添加到购物车里面，可对商品数量进行修改以及多选的书本删除，然后对剩下的商品进行订单的付款购买。后台部

23、分可以浏览到用户注册使用到的用户名与密码，并且可以对图书进行增加、删除或者修改图书的价格、书名等，最后就是货物订单的显示。综上所述得出下图：前端网上书城图书管理用户管理图书订单购物车书籍展示注册登录后台订单管理图3-1网上书城系统功能结构图3.2系统功能分析3.2.1由用户身份分析用户可在书城网站中注册后登录，验证好基本信息之后即可浏览书城，用户可以进行查询搜索操作。在查看到喜欢的书籍可进行购买或者暂时添加到购物车当中，一起付款结账。据论述可得出下图：选购、付款查询搜索浏览书城注册、登录购物车图3-2用户用例分析图3.2.2由管理员身份分析管理员通过身份验证（ID和密码）后即可进入系统后台管理

24、书店。功能包括新增图书信息和删除旧的、过期的图书信息。用户信息管理包括修改用户信息、书店产品订单管理等。根据描述得出下图用户信息管理图书管理订单管理图3-3书城管理员图例分析3.3系统工作流程图在注册页面中输入所需要填写的个人资料，系统对用户输入的字符进行合法测试。如成功，则注册或登录成功；失败，则重新填写校正信息。用户将想要购买的物品添加到购物车内，在期间内，可回到物品页面继续选购其他图书，在购物车内一并下单。通过首页查看上架的图书，亦可以使用快速搜索查询所需用户。如需购物下单，则需要进行注册登录操作。用户注册登录浏览书城订单下达图3-4系统工作流程分析图第4章 数据库需求分析与设计4.1数

25、据库需求分析系统数据库一般采用的是技术比较成熟、稳定性能高、体积占用小的为优。在网上查找到的数据库有：Oracle、MySQL、SQL Server、Neo4j等。本套网上书城将采用提及占用较小且稳定性不输给其他大型数据库的MySQL数据库，来作为系统的数据库进行数据存储。将命名一个叫bookstore的数据库作为后台储存数据。以下表单和数据类型将被写进bookstore库当中：管理员表：管理员编码，管理员名称，登录密码会员表：会员编码，用户注册名称，登录密码订单信息表：下单用户名，商品名，商品数量，送货地址图书详情表：书名，作者，书籍封面图片，价格，书籍简介图书信息表：书名，作者，图书价格，

26、书籍图片4.2数据库设计（1）书城管理者列表，主要存储管理者进入后台的管理者名称以及通行码，数据表命名为store_admin，表结构如下。表4-1 书城管理员表（2）书城用户表，主要用于存储用户ID以及密码，数据表命名为store_user，表结构如下。表4-2 书城用户表（3）订单信息表，用于保存用户下达订单的ID，用户名，商品名称，数量，送货地址，数据表命名为store_oder，表结构如下。表4-3 订单信息表(4) 图书详情表, 用于存储书籍名称，作者，书籍图片，价格以及书籍的简介，数据表命名为store_detail，表结构如下。表4-4 图书详情表（5）图书信息表，用于存储书籍名

27、称，作者，书籍图片，价格，数据表命名为store_new，表结构如下。表4-5 图书信息表第5章 系统的设计与实现5.1系统功能结构设计5.1.1网站首页设计电子购物平台一般直接面向于顾客，顾客打开商城的第一个界面必将是我们的网站首页，系统首页设计得好与不好会直接作用于用户进来购买图书的心情和欲望。所以一个好看的网站首页非常重要。在本书城的首页展示里，用户将可以第一眼就浏览到我们书城新推出的书籍，再来就是书本的分类导航。在此期间，还可以通过顶部搜索框来进行图书的查询等。网站首页效果图见图5-1，内容包括图书搜索、新品书籍上架展示、活动轮播展示、顶部导航等图5-1书城网站首页部分实现代码如下：

28、新品上市 ?phpmysql_connect(127.0.0.1,root,12345678);/连接mysqlmysql_select_db(bookstore);/选择数据库db$sql=select* from store_new;/编写sql语句$res=mysql_query($sql); /执行SQL语句$i=0;while($row=mysql_fetch_array($res) $id=$rowid;$name=$rowname;$price=$rowprice;$author=$rowauthor;$image_url=$rowimage_url; echo;echo. .$

29、rowname. .$rowauthor.￥.$rowprice.;echo ;? 5.1.2购物车模块设计本书城的购物车系统与其他电商基本相同。功能包括：浏览商品的添加、显示所选商品的单价与购买数量的修改、计算订单的总价并给予显示、在购物车中删除指定的商品这四个部分。购物车页面效果图见图5-2：图5-2购物车界面由于用户在登进情形中进入购物界面，因此在用户进入购物车时应考虑用户名的参数传递，以及在购物车为空的时候页面的显示与整理情况。部分实现代码如下： / 创建函数 calc function calc(btn) var td=btn.parentNode; console.log(td);

30、/ 获取td下的唯一一个span元素，保存在变量span中 var span=td.querySelector(span); console.log(span); var n=parseInt(span.innerHTML); console.log(typeof(n);/ 判断:如果btn是+，就+1；否则，如果已经是1，就为0，否则就1； n+=btn.innerHTML=+?1:n=0?0:-1;/ 设置span的内容为n span.innerHTML=n; var price=parseFloat(td.previousElementSibling.innerHTML.slice(1)

31、; console.log(typeof (price); vartotal=td.nextElementSibling.innerHTML=¥+price*n.toFixed(2); var data=document.getElementById(chart); console.log(data); var tds=data.querySelectorAll(.xiaoji); console.log(tds); for(var i=0,sum=0;itds.length;i+) / 遍历tds中每一个td，同时声明变量sum为0 sum+=parseFloat(tdsi.inne

32、rHTML.slice(1); var data1=document.getElementById(dibu); data1.querySelector(#zongjiNum).innerHTML=¥+sum.toFixed(2); window.onload = function()var shanchu = data.querySelectorAll(a);var shanchu=tb.getElementsByTagName(a) console.log(shanchu) for(var i=0;ishanchu.length;i+) shanchui.onclick=funct

33、ion() var conf = confirm(确定删除这件商品吗？); /parentNode父节点 console.log(this.parentNode.parentNode) if(conf) /removeChild 删除节点 shanchui.removeChild(this.parentNode.parentNode); 5.1.3后台管理设计在系统商品管理中，商品信息的整理方式非常关键的一部分，一个好的商品信息整理方式会对后期的商品维护处理提供一个方便快捷的处理措施。因此，本系统后台管理模块将包含：商品列表、商品的添加、商品信息的更改、删除商品等功能。后台管理主要由后台管理中

34、心及其连接的数据库组合而成。管理者通过在后台管理中心对系统进行用户信息、商品价格名称处理等修改操作，而且管理者还能够通过此页面及时地维护和优化系统商品信息。给用户一个良好的使用体验。后台管理界面效果图见图5-3：图5-3后台管理界面部分实现代码如下：商品名称:input type=text name=name value=商品价格:input type=text name=price value=作者:input type=text name=author value=商品图片:input type=text name=image_url value=input.type=submitname

35、=modify_button value=提交修改 class=upda5.1.4会员管理模块设计为了方便记录书城顾客的基本信息，书城的会员模块主要分为两个部分：一个是会员的信息注册，用户只要输入喜欢的用户名和容易记住的密码之后，方可进行书城的账号注册。第二个便是会员的登录操作。用户输入注册时填入的用户名及其对应的密码，经后台数据库确认无误后，可跳转回商场首页。会员的登录界面见图5-4：图5-4会员登录界面部分实现代码如下：if($_POSTlogin_button) $username=$_POSTusername;/获取用户填写的用户名和密码 $password=$_POSTpasswor

36、d;/连接mysql mysql_connect(127.0.0.1,root,12345678);/选择数据库 mysql_select_db(bookstore);/编写php语句 $sql=select * from store_user where username=$username and password=$password; /执行sqlyuju $res=mysql_query($sql); if(mysql_num_rows($res)=1) /$login_flag=登录成功; /header（“Localtion：。”）/header函数用来进行页面的跳转 header

37、(Location:houtai_admin.php);else $login_flag=登录失败; 第6章 系统测试6.1系统测试为了能让本套系统良好地运作，对其进行了较为严密地系统测试，也是本次系统设计的最后一部分，这次测试主要检测系统的所有功能是否满足用户的使用需要，运作是否正常，安全性、性能机制方面是否满足日常使用需求。测试主要内容为纠错和性能测试。纠错主要是纠正测试过程中发 现的错误，解决与系统冲突的错误，让程序的可靠运行得到保障。性能测试主要是检查系统是否存在不一致，并不断搜索系统，找出系统中隐藏的错误。经过测试下来发现一切正常，没有出现乱码和字体错位的情况，系统所有界面体验优异，

38、在某种程度上，很容易使用。兼容性良好，可以在不同的操作系统上运行，没有出现顶格或者严重错位的情况。然后系统的整体框架达到设计需求，功能基本完善，能够正常运行。错误提示方面编辑器能够正确的提示错误的出处以及类型。综上所述，此系统通过测试，运行良好，可以满足用户的使用要求。6.2系统维护为了让系统能够可靠、长时间的进行运作，就不得不配置相应的维护活动。而系统维护类型主要有四种：更正性维护，通俗的说改正系统遗留的错误亦或者修复在系统使用当中发生的故障；调整性维护，即适应软硬件的发展更新，使系统能够适配不同环境下的使用；完整性维护，就是依照用户日益剧增的功能须要，陆续地为系统迭代追加新的功能；防范性维护，即为未来系统修改以及调整做好准备工作。本套系统的重点维护方向主要以在网站开发以及测试过程中没有发觉漏洞或者错误进行更正和增补。为系统功能进行增加和扩充，以适应信息技术发展的需求，满足软件运行环境的升级。最后是系统运行环境、商品信息整理等的日常维护。在此系统日常运作当中，必须要注意系统的数据备份和恢复，及时发现系统的安全问题的同时，也要遵从软件使用的注意事项。第7章 总结与展望该章节总结了本套系统的工作内容，对该书城还没完工的技术问题进行总结，批示往后书城还