基于HTML5的小米商城的设计与实现.docx

《基于HTML5的小米商城的设计与实现.docx》由会员分享，可在线阅读，更多相关《基于HTML5的小米商城的设计与实现.docx（42页珍藏版）》请在第一文库网上搜索。

1、毕业设计说明书基于HTML5的小米商城的设计与实现基于HTML5的小米商城的设计与实现摘要：本次的研究课题是要实现一个具有电子商务所有特点的小米官方商城。描述官方商城的可行性和必要性，从软件设计的角度研究了小米官方商城系统的实现。结合数据库模型图和数据库表描述了数据库的结构。本设计采用Bootstrap+ Thinkphp框架技术设计并实现一个网络商城系统。在本毕业设计中，对系统设计进行详细描述，并基于PHP和MySQL数据管理系统实现了网络购物的基本功能。总体上，所实现的系统功能较完整，具有较好的可操作性，且具有较强的应用性。关键词：网络商城；数据库；网络购物IIDesign and imp

2、lementation of Xiaomi mall based on HTML5Abstract： This paper describes the feasibility and necessity of the official mall, andstudies the implementation of the official mall system from the perspective of software design.The database model graph and database table are combined to describe the struc

3、ture of thedatabase. In terms of software implementation, this paper gives the code design and keyfunction realization from two perspectives of server and client library. Finally, the softwareimplementation result and test report are given.This design uses Bootstrap + Thinkphpframework technology to

4、 design and implement an online shopping mall system. In thisgraduation project, the system design is described in detail, and the basic functions of onlineshopping are realized based on PHP and MySql data management systems. In general, theimplemented system functions are relatively completed, with

5、 good operability and strongapplicability.Key Words： Online mall; Data base;Online shoppingIV目录摘要IAbstract II目录Ill1. 弓I言11.1. 课题研究背景11.2. 课题研究目的和意义12.系统概要设计 22. 1.项目概述22. 2.网络商城功能的结构23.模块功能描述33. 1.用户模块33. 1.2.用户登录33. 1.3.修改信息43. 1.4.退出登录43. 2.商品模块43. 3.购物车模块43.1. 订单模块63. 5.管理员模块64.数据库设计84.1. 数据库逻辑模型

6、图84. 2.数据库表设计95. 目 135. 1.项目环境配置135. 2.项目架构185. 3.功能实现206.测试246. 1.登录注册246. 2.商品列表256. 3.商品信,息266. 4.订单276. 5.管理员管理306.6.测试总结31参考文献32致谢33III1 .引言1.1. 课题研究背景世界市场的全球化，世界经济的一体化发展迅速，互联网也是发展迅速，软件开发最早应用在辅助硬件，随着硬件性能的提升，软件应用的范围也越来越广，在各行各业都有体现，比如说网络商城，我们可以足不出户买到我们想买的各种商品，省去了逛街的劳累，这种情况是以前人们不敢想象的，但现在却真实存在我们生活中

7、的。现如今，人们越来越倾向于网络购物，可以足不出户在网上购买各种商品，正是在这种形式下，电子商务这几年也是迅猛发展。1.2. 课题研究目的和意义（1）网络商城相比于传统实体店有很多优势，价格很低，种类也多，可以实现售后服务一对一。（2）网络商城可以24小时在线访问，这也是传统商店实现不了的。（3）网络商城多元化，人们不出家门也能买卖商品，用户有更多的选择机会，不仅仅可以货比三家，没有中间商赚差价，还能用更低的价格买到商品。同时帮商家解决了地域限制，消费者来自全国甚至全世界。（4）还有就是今年的疫情严重，网络购物的优势更能体现出来，减少了人与人之间的接触，降低了感染病毒的风险。72 .系统概要设

8、计2.1. 项目概述小米商城系统是一个基于B/S架构的软件系统，是一款为用户提供购物功能的基于浏览器的软件，该系统分为用户端和服务端。用户端是用户进入以后可以查看商品的信息，查看商品的评价，用户登录以后可以购买下单，添加到购物车，评价商品等的操作。服务端是系统的管理员登录后可以对数据进行查看修改等。例如查看用户信息，商品信息，用户订单信息，交易明细，修改商品状态等操作。2.2. 网络商城功能的结构小米商城系统的功能结构见图2-lo图2-1网络商城结构图3.模块功能描述3.1.用户模块用户模块包括了注册，登录，修改信息，退出登陆等功能见图3-1。图3-1用户用例图3. 1. 1.用户注册在小米商

9、城的注册页面，第一次使用的用户可以在此页面进行注册，如果通过验证信息，即可注册成功具体见图3-2。网络商城注册3. 1.2.用户登录用户要在登录页面输入刚才注册成功的账号和密码,通过验证了就可以成功登录。3.1.3. 修改信息用户成功登录之后，可以根据自己的实际情况去修改一些个人信息，通过验证之后即可成功修改个人信息。3.1.4. 退出登录用户想要退出登录或者切换账号时; 要先点击退出登录，清除系统存储的之前登录的账号信息，退出登录后会回到登录页面，方便切换账号。3.1.5. 2.商品模块3.2. 1.商品信息列表用户在不登陆的情况下也可以浏览商品列表，还能根据商品分类去搜索心仪商品。3. 2

10、. 2.商品搜索可能用户在浏览过程中找不到自己想要的商品，这时可以在搜索框输入商品名称进行搜索。3. 2. 3.商品信息用户在页面点击商品图片后会跳转到显示商品详细信息的页面。3. 3.购物车模块购物车模块具体包含添加购物车，查看删除和结算的功能图3-3购物车用例图3.3.1.添加购物车用户点击进入商品信息的页面时，如果看中了这个商品，但是又不想现在就购买,可以点击添加到购物车，方便以后进行付款。如果是登录状态，则会加入到购物车，如果是未登录状态，则会提醒用户进行登录。3. 3. 2.查看购物车信息用户登录之后可以在购物车页面查看到购物车里的信息，且系统会计算出购物车里商品的总价，方便用户付款

11、。3. 3. 3.购物车信息修改在登录状态下，用户可以进入购物车，可以进行修改购物车里商品的数量或者是直接将商品从购物车删除等操作。3. 3. 4,购物车结算添加到购物车里的商品，系统将会计算出一个总价并显示出来，用户也可以自己选择那些商品需要结算，系统也会根据已选的商品计算总价，然后会生成一个订单见图3-4 o图3-4购物车用例图3.4. 订单模块订单模块包括了提交，下单，确认，支付订单和确认收货的功能图3-5订单用例图3.5. 1.添加订单用户在登录的状态下进入订单确认页面，要核对自己的订单信息，如果订单信息的重要信息都没有错的话即可进行提交订单的操作，订单有效时间30分钟，如果超过30分

12、钟还未进行付款则系统会自动将订单取消。3.4.2.订单支付用户在提交订单之后，可以使用自己方便的支付方式去付款。3. 4. 3.订单查看用户在登录的状态时，可以在我的订单页面查看自己所有的订单信息，方便查询自己买过哪些商品。3. 4. 4.确认收货用户购买完成后会收到寄来的商品，确定没问题后，可登录网络商城系统进行确认收货，此时用户所支付的金额会转到卖家账号，用户在收到货以后系统会提示用户确认收货。3. 4. 5.订单详情用户在登录的状态下，可以在订单列表页面点击订单详情来查看更多订单信息3.5.管理员模块3.5.1.用户管理管理员再后台能看到用户的一般信息，还可以对用户状态进行修改的操作。3

13、. 5. 2, 管理员管理小米商城系统会提供一个默认的管理员账号，管理员登陆以后，可以添加或删除另外的一些管理员。3. 5. 3.商品信息管理管理员可以添加或修改商品信息页面的基本信息。3. 5. 4. 订单管理管理员可以查看订单信息，修改订单信息等。用户在付款成功以后，管理员要去进行发货操作，修改订单的状态。4.数据库设计84.1.数据库逻辑模型图量r:ejnjint intintintdatetimedouble手机号军政势吗intcharactercharactercftaraderchsracterch era ctrccharset erdatetimeid百工号user idid-

14、.支量S联注,下价缶一一 二三intcharacterintmtintdatetimeccublecha-订亘第Widint巨character芒亏character及 4character性别chractv之3球亘datetimeiduser namepasswordaddressemailphonepost 8。，nicknamecreate date1ctegerCharacters (1Characters Characters Characters Characters (,1)Chercters 0)Characters (1)Date & Tlidadminnamepasswordpowersexcreate datet_adminIntegerChBfder (1Chsractecs (1)Characters (1)Characters (T)Date & Timeijidd 同 段MHG时 手书 “4 量7:站二.二=区区ocbo加浦仰缶蕾mtvpk.fidintintintintaateti