基于WEB的小型电子商务系统设计与实现样本.doc

河 北 工 程 大 学本 科 生 毕 业 论 文(设计)题 目：基于WEB小型电子商务系统设计与实现学生姓名：单身小灰灰思密达学生学号：指引教师：赵晓峰院系：经济管理学院专业班级：信息管理与信息系统1202班完毕时间： 5月 30 日摘 要随着越来越多像“双十一”、“双十二”、“京东815”等等特殊日子被拥有着庞大消费者网络商城所挖掘出来，越来越多消费者也将目光从实体店转移到了网络电商方向，而在刚刚过去“双十一中”，仅在当天，阿里巴巴旗下各平台总交易额达到了前所未有912亿元，从这里可以看出，网络发展，消费者顾客群消费能力增长，使得电子商务网占在将来所拥有能量超乎想象。本文所阐述对小型电子商务网站系统设计及实现就是由此而形成。本系统重要目的是实现顾客通过本网站购买商品，订单解决、付款，并完毕商品收货及评价。并通过后台实现顾客、管理员管理，以及商品，订单，地址，权限等在后台管理等功能。基本实现了顾客购买商品功能及流程。一方面，本文简朴简介了选题背景、国内外电子商城现状，以及当前相应问题。对实现本系统所需要技术以及为本系统设计数据库进行简要描述，并简介开发本系统中所需要开发语言、工具、开发环境、框架、所需软件等。并对本系统进行需求分析，以及详细阐述本系统各个模块设计、代码设计、数据库设计、运营环境搭建、系统实现及运营测试成果。关 键 词：电子商务网站； ThinkPhp 框架； MySQL； MVC 模式；JavascriptAccording To WEB Small Scaled Electronic Commerce System Design And RealizationAbstractAlong with more and more be like the special day of double 11，double 12，andthe east of city 815.etc. be owned a huge consumer of network company city scoop out，more and more consumers also transfer vision from the entity store to network electricity the companys direction，but at justdouble 11 in in past ，only on that very day，in Ba Ba underneath each platform always traded a sum to come to an unprecedented 91,200,000,000 dollars，could see from here，the development of network，the increment of consumption ability of the consumer customerses，make the electronic commerce net have in the future own of the energy is more than an imagination.Design and realization of rightness small scaled system in the electronic commerce website elaborated by this text be from here but formation of.The main target of this system is to carry out a customer to purchase a merchandise through this website，the processing，payment of the order，and complete accepting of merchandise goods and evaluation.Combine and pass the management that the backstage carries out a customer，managing person，and merchandise，order，address，the functions like management,etcs in backstage like legal power,etc.It was basic to carry out a customer to purchase the function and process of merchandise.First，this text in brief introduced to choose the present condition of background，domestic and international electronics companys city，and currently to should of problem.To realization originally the technique needed by system and carry on a synopsis description for the database of this system design，and introduce and develop this system in need of development language，tool，develop environment，frame and the software needed etc.Combine carry on need analysis to this system，and elaborates building of each mold piece design，code design，database design of this system，movement environment，system to carry out and circulates a test in detail result.Keywords： Electronic commerce website； ThinkPhp frame； MySQL； MVC mode； Javascript目 录摘 要I第1章 绪论11.1 选题背景11.2 本文所做重要工作1第2章 开发环境、有关技术及有关工具概述22.1 .ThinkPHP框架简介22.2 MVC设计逻辑简介22.3 MySQL数据库22.4 WampServer 3环境简介32.5 Navicat工具简介32.6 JavaScript简介32.7 PHP语言简介3第3章 系统分析43.1 可行性分析43.2 需求分析4第4章 系统设计64.1 数据库设计64.2 各功能模块界面和代码设计124.3 运营环境设计与硬件需求20第5章 项目系统实现与运营测试225.1 系统实现225.2 系统运营测试及成果22 5.3 运营成果分析26总 结27参照文献28致 谢29第1章 绪论1.1 选题背景近年来，随着着互联网技术迅速发展，网络早已经成为当代人寻常生活中不可或缺某些。而阿里、京东、苏宁、唯品会等等大型电商网站崛起，中华人民共和国消费者数量增长，生活节奏加快，网络购买便捷，使得电子商务网站逐渐成为了越来越多消费者购物第一选取。当前中华人民共和国电子商务依然保持迅速增长态势，潜力巨大，公司、行业信息化迅速发展，为加快电子商务应用提供了坚实基本。电子商务服务业迅猛发展。此外，如快递行业这种对电子商务辅助型行业，从快递行业浮现发展到今天，快递行业已形成功能完善业态体系。并且在电商推动快递行业发展同步，快递行业也相应增进了电商行业发展。而由此也就拟定了本次毕业设计定题方向，即小型电子商务网站建设，本设计以蘑菇街商城为模板，将整个网站分解为20个模块，通过ThinkPhp框架及MVC模式实现整个网站从客户登录注册、购物、下订单、支付、收货、评论重要购物流程。通过JavaScript实现轮播图、页面详情放大镜等功并实现后台对顾客管理、商品管理、订单管理，商品类别管理、网站配备、情谊链接、轮播图管理、评论模块等几大模块。1.2 本文所做重要工作1. 一方面简介开发工具（涉及前台设计和数据库设计所用工具）及运营环境有关知识，涉及ThinkPHP框架、MVC设计逻辑、WampServer环境、MySQL数据库、JavaScript等；2. 进行需求及可行性分析，并描绘出系统大体业务关系和数据流程图；此外以进行需求分析为基本，导出系统实体关系模型图(E-R图)，并展示MySQL数据库中所涉及表表构造图。3. 对本系统先后台操作页面进行详细分析，以图片演示为主，代码详情展示为辅，将整个系统设计以简洁明了方式展示出来，4. 在对系统进行详细设计后，就可以对系统进行实行和运营；最后总结了本系统特点，并提出某些需要完善方面。第2章 开发环境、有关技术及有关工具概述2.1 .ThinkPHP框架简介ThinkPHP是一种迅速、兼容并且简朴轻量级国产PHP开发框架， ThinkPHP可以支持windows/Unix/Linux等服务器环境，正式版需要PHP5.0以上版本支持，支持MySql、PgSQL、Sqlite各种数据库以及PDO扩展。作为一种整体开发解决方案，ThinkPHP可以解决应用开发中大多数需要，由于其自身包括了底层架构、兼容解决、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单解决等惯用组件，并且对于跨版本、跨平台和跨数据库移植都比较以便。2.2 MVC设计逻辑简介MVC全名是Model View Controller，是模型(model)视图(view)控制器(controller)缩写，一种软件设计典范，用一种业务逻辑、数据、界面 显示分离办法组织代码，将业务逻辑汇集到一种部件里面，在改进和个性化定制界面及顾客交互同步，不需要重新编写业务逻辑。ThinkPhp中MVC：模型（M）：模型定义由Model类来完毕。Model类位于项目目录下面LibModel目录。视图（V）：模板实现是和框架无关，做到了100%分离，可以独立预览和制作。控制器（C）：应用控制器，承担了控制器角色，负责调度控制。2.3 MySQL数据库MySQL是一种关系型数据库管理系统关联数据库将数据保存在不同表中，而不是将所有数据放在一种大仓库内，这样就增长了速度并提高了灵活性。MySQL所使用 SQL 语言是用于访问数据库最惯用原则化语言。由于MySQL体积小、速度快、总体拥有成本低，特别是开放源码这一特点，普通中小型网站开发都选取 MySQL 作为网站数据库。2.4 WampServer 3环境简介WampServer是一款Apache Web服务器、PHP解释器以及MySQL数据库整合软件包。在windows下将 Apache+PHP+Mysql 集成环境，拥有简朴图形和菜单安装和配备环境。这个软件是完全免费，可以在其官方网站下载到最新版本。2.5 Navicat工具简介Navicat是一套迅速、可靠数据库管理工具，专为简化数据库管理及减少系统管理成本而设。它设计符合数据库管理员、开发人员及中小公司需要。Navicat 是以直觉化图形顾客界面而建，让你可以以安全并且简朴方式创立、组织、访问并共用信息。Navicat 让你可以以安全且简朴办法创立、组织、访问和共享信息。2.6 JavaScript简介JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型语言，内置支持类型。它解释器被称为JavaScript引擎，为浏览器一某些，广泛用于客户端脚本语言，最早是在HTML（原则通用标记语言下一种应用）网页上使用，用来给HTML网页增长动态功能。2.7 PHP语言简介PHP(Hypertext Preprocessor缩写)超级文本预解决器。是一种在服务器端执行嵌入HTML文档脚本语言。是当前主流网站开发语言（ B/S构造）。支持几乎所有主流数据库以及操作系统 开放源代码.独立于操作系统，可以运营在几乎所有系统中.支持大某些服务器，如apache,IIS。支持大量数据库，可以创立图象等某些其她功能。第3章 系统分析3.1 可行性分析3.1.1经济可行性由于本项目由我个人独自设计、开发，本项目在人员方面没有更大需求，并且本项目不需要设备等其她额外开支，此外，本项目所用软件都是开源软件，即在软件方面也没有更多支出，因此本项目在经济方面是完全可行。并且，本项目在最后可应用于任意联网计算机上，具备较高经济可行性。3.1.2技术可行性本项目所采用开发语言是PHP，采用B/S构造设计，数据库为MySQL，ThinkPHP框架，WampServer Version 3.0.0环境。此外，LAMP(Linux- Apache-MySQL-PHP)网站架构是国际上成熟架构框架，诸多流行商业应用都是采用这个架构，和 Java/J2EE架构相比，LAMP具备Web资源丰富、轻量、迅速开发等特点，与微软.NET架构相比，LAMP具备通用、跨平台、高性能、低价格优势。因而，LAMP无论是性能、质量还是价格都是公司搭建网站首选平台。在本项目技术层面上，舍弃了LAMP（Linux，Apache，MySQL，PHP）中Linux，将项目放在Windows环境下进行设计，使得项目中需要软件更容易操作。完全保证了技术可行性。3.2 需求分析3.2.1需求功能分析依照电子商务网站基本需求，本系统分为前台某些和后台某些，共计二十个模块，其中实现基本商城运作模块十四个，扩展模块六个。前台某些涉及顾客注册登录、轮播图与搜索分类、商品列表页、商品详情、个人中心、客服、购物车、商品推荐、下单支付、商品评价这十大模块。后台某些重要涉及了前台顾客管理、管理员管理、商品信息管理、商品类别管理、评论管理、订单管理、权限管理、轮播图管理、情谊链接、网站配备共十大模块。其中，实现基本商城运作模块分别是：前台，顾客注册登录、商品列表页、商品详情、个人中心、客服、购物车、下单支付、商品评价；后台，前台顾客管理、管理员管理、商品类别管理、商品信息管理、订单管理、评论管理；这些模块会在之后着重阐明。 项目系统重要功能模块图如下图所示：图31系统功能模块图3.2.2顾客需求分析顾客详细需求有如下几点：（1） 顾客点击注册按钮，注册成为商城会员。（2） 顾客登录商城，通过商品列表页与商品详情页浏览商城商品信息。（3）顾客可以在个人中心修改自己个人信息，如头像、密码、昵称、性别等，设立收件地址信息，查询订单，已发货、未发货、已收货、退换货等。（4）顾客选取商品加入购物车后，可以对已选商品进行更改数量、删除商品、提交订单等选取。（5）顾客拟定订单后，可以点击提交订单并跳转支付界面，并在个人中心查询订单。（6）顾客确认收货后，可以点击评价并跳转评价界面，评价将显示在商品详情页评论中。（7）顾客在下单完毕后，可以在个人中心订单中心里选取取消订单。在确认收货后，需要售后时，可在个人中心订单中心页面选取退换货。第4章 系统设计4.1 数据库设计4.1.1数据库设计概述数据库是本项目除先后台外另一种重要构成某些，数据库设计决定了商城运作流畅与否。一种好数据构造设计不但会减少数据库存储量，还会使数据完整性和一致性比较高，系统具备较快响应速度，也相应简化了基于该数据库项目实现复杂限度。4.1.2 数据库详细设计（1）总数据流程图 图41总数据流程图 (2) 系统E-R图1管理员管理顾客顾客商品信息1n 顾客订单订单信息n1管理 管理员商品类别n评论商品评论轮播图情谊链接 图 42系统E-R图(3) 数据库信息表本项目采用MySQL数据库系统来开发后台数据库，建立了较多数据库表，其中重要数据表共有12个，涉及后台管理员表sunny_admin，前台顾客表sunny_user，顾客信息表sunny_user_detail，顾客地址信息表sunny_address，商品表sunny_goods，商品分类表sunny_type，商品评论表sunny_goods_comment，购物车表sunny_shoplist，订单表sunny_order，订单状态表sunny_order_status，网站配备表sunny_webconfig，管理员权限表sunny_role，以及管理员权限节点表sunny_node。Sunny_sdmin（后台管理员信息表）如表41所示。其中Id编号自增，管理员级别默以为1，1为普通管理员，2为超级管理员。管理员名称默以为空，管理员账户唯一。表41 后台管理员信息表字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号NameVarchar255NoNo账号UsernameVarchar255NoNo名称Passchar32NoNo密码LevelTinyint5NoNo级别Sunny_user （前台顾客表） 如表42所示。其中Id编号自增，顾客账号唯一，顾客昵称默以为“新蘑菇”，顾客头像默以为“Public/Admin/images/default.jpg”，顾客状态默以为1,1为启动，0为拉黑。表42 前台顾客信息表字段名数据类型长 度容许空值主 键描述IdInt 10NoYes编号PhoneInt11NoNo顾客账户NicknameVarchar255NoNo顾客昵称UserpicVarchar255NoNo顾客头像PassChar32NoNo顾客密码StatusTinyint4NoNo状态Sunny_user_detail（前台顾客信息表）如表43所示。其中Id编号自增，性别默以为w,并固定在m和w中选取，m是男士，w为女士。级别默以为0，0为普通会员，1为高档会员，2为超级会员。表43前台顾客信息表字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号UidInt11NoNo顾客IDSexEnumw，mNoNo性别GoldInt10NoNo金币EmailVarchar40NoNo邮箱LevelTinyint5NoNo级别Sunny_goods（商品详情表）如表44所示。其中Id编号自增，商品状态默以为1，1为上架状态，2为下架状态,商品原价与现价在限制在小数点后两位。字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号GoodsnameVarchar255NoNo商品名GoodspicVarchar255NoNo商品图片GoodspriceFloat10.00NoNo商品原价GoodsnumInt11NoNo库存PriceFloat10.00NoNo商品现价TidInt11NoNo分类idStatusTinyint4NoNo状态DesVarchar255NoNo商品描述BidTinyint4NoNo商品类型表44前台顾客信息表Sunny_type（商品分类表）如表45所示。其中Id编号自增，分类名唯一。字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号TypenameVarchar255NoNo分类名称PidInt11NoNo父级idPathVarchar255NoNo父级途径表45 商品分类表Sunny_address（顾客地址表）如表46所示。其中Id编号自增。字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号uidInt11NoNo顾客idNameVarchar255NoNo收货人姓名PostcodeChar6NoNo邮编StreetText255NoNo详细地址Phonebigint20NoNo手机号StatusInt4NoNo状态表46 顾客地址表Sunny_goods_comment（商品评论表）如表47所示。其中Id编号自增，评论总计和评论时间默以为空。字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号GidInt11NoNo商品idUidInt11NoNo顾客idCountInt11No评论总计ContentTextYesNo评论内容PosttimeVarchar255No评论时间ReplycontentTextYesNo回答内容ReplytimeVarchar255YesNo回答时间OrdernumVarchar255YesNo订单号表47 商品评论表Sunny_shoplist（购物车表）如表48所示。其中Id编号自增。字段名数据类型长 度容许空值主 键描述IdInt 4NoYes编号UidInt4NoNo顾客idGidInt4NoNo商品idNumInt4NoNo商品数量GoodsnameVarchar255NoNo商品名称GoodspicVarchar255NoNo商品图片PriceFloat10.00NoNo商品现价表48 购物车表Sunny_order（订单表）如表49所示。其中Id编号自增，分类名唯一。字段名数据类型长 度容许空值主 键描述IdInt 4NoYes编号UidInt4NoNo顾客idOrderumVarchar255NoNo订单号LinknumChar255NoNo收货人姓名AddtimeChar255NoNo购买时间AddressChar255NoNo收货地址StreettextYesNo街道PhoneInt11NoNo联系电话TotalpriceInt255NoNo总价表49 订单表Sunny_order_status（订单状态表）如表410所示。其中Id编号自增，订单状态默以为0，0为未发货，1为已发货，2为已收货等。字段名数据类型长 度容许空值主 键描述IdInt 4NoYes编号OrdernumVarchar255NoNo订单号StatusInt4NoNo订单状态表410 订单状态表Sunny_webconfig（网站配备表）如表411所示。其中Id编号自增，状态默以为1,1为启动网站，0为关闭网站。字段名数据类型长 度容许空值主 键描述IdInt 11NoYes编号WebnameVarchar255NoNo网站名称LogoVarchar255NoNo网站logoKeywordsVarchar255NoNo核心词DescriptionVarchar255NoNo描述StatusTinyint4NoNo状态表411 网站配备表Sunny_role（管理员权限表）如表412所示。其中Id编号自增。字段名数据类型长 度容许空值主 键描述IdSmallint6NoYes编号NameVarchar20NoNo管理员名称StatusTinyint1NoNo级别RemarkVarchar255NoNo描述表412 管理员权限表Sunny_node（管理员权限节点表）如表413所示。其中Id编号自增，状态默认未0，0为禁止，1为启动。字段名数据类型长 度容许空值主 键描述IdSmallint6NoYes编号NameVarchar20NoNo名称MnameVarchar50NoNo控制器名AnameVarchar50NoNo父办法名StatusTinyint1NoNo状态表413 管理员权限节点表4.2 各功能模块界面和代码设计 在本项目功能模块界面以及实现功能代码设计中，前台界面页面，参照蘑菇街商城官网设计，并用JavaScript实现页面轮播图，以及在购物车界面全选，反选功能。用HTML和CSS使页面达到与蘑菇街商城官网近似限度。通过PHP获取数据库中表信息，并反馈到页面当中。功能界面设计也关系到本项目电子商务网站最后与否可以得到顾客认同重要某些，4.2.1 前台界面前台界面重要涉及顾客注册，顾客登录，商品总览，商品详情查看，加入购物车，提交订单等模块。（1) 顾客注册：顾客注册重要实现了只有先注册成会员并登陆网站后顾客才可以通过本网站购买她们所想要购买商品功能。顾客注册即为注册功能模块。顾客注册后信息将存储在数据库sunny_user表中，顾客注册需要信息涉及顾客名（与昵称不同），登录密码，其她功能如：顾客性别，顾客昵称，顾客邮箱，顾客地址，等信息将会在个人中心由顾客设立。顾客注册页面效果图如图41 图41顾客注册(2) 顾客登录：顾客登录是在注册后进入本商城并享有购物必备环节，顾客登录时必要输入在注册中设立顾客名和顾客密码，然后点击登录按钮，网页就会提交顾客输入顾客名和密码并带入到数据库中进行验证，如果顾客名与顾客密码输入对的，即可进入网站开始购物之旅，如果验证失败，将返回登录页面，并提示“顾客名或密码”不对的，等到顾客将对的顾客名和顾客密码提交之后顾客才可以进入。顾客登陆效果图如图42图42顾客登录（3） 商品展示：商品展示功能涉及同类型商品展示，通过查询数据库中商品详情表sunny_goods，在展示列表页显示所有商品商品名、商品图片、商品价格等。并在商品展示列表页下方有分页设计。商品列表展示页面效果图如图43、图44图43商品列表页（1）图44商品列表页（2）（4） 商品详情页：详情页实现了顾客查看商品详细信息，并加入购物车流程，在商品详情页中，会显示商品表中商品名称、商品图片、商品描述、商品库存、商品分类等。商品详情表中还会通过JavaScript实现放大镜效果。商品详情页页面效果图如图45、图46图45商品详情页面（1）图46商品详情页面（2）（5）购物车：购车实现了顾客当前有购买欲望商品信息。涉及商品名称、商品图片、商品描述、商品单价、购买数量、商品小计及购物车商品操作等信息，顾客可以在本页面修改购物车中商品数量或删除购物车物品，然后即可下单。购物车页面效果图如图47图47购物车界面 4.3.2后台模块界面 本系统后台模块界面涉及：管理员模块、顾客模块、商品模块、订单模块、地址模块、评论模块、网站配备等功能模块。 （1）后台管理员登录界面：管理员通过这一界面，输入对的管理员顾客名和相相应密码并填写对的验证码，才可以登录成功并进入系统后台，并系统管理商城每一项功能。并在后台设立了权限管理，由高一级后台管理员来负责添加、修改、删除普通管理员。管理员登录页面如图48。图48 管理员登录 （2）会员信息管理：前台顾客信息管理是后台管理员对前台注册顾客进行管理功能模块，在本项目中管理员可以对前台顾客会员信息进行修改、查看和删除操作，前台顾客会员信息涉及会员头像、顾客名、电话、email、会员级别、会员级别、会员注册时间、会员最后登录时间、会员注册IP、会员状态。在修改方敏对管理员添加一定限制，管理员只能修改顾客状态。会员信息管理页面效果图（包括修改）如图49。图49 会员信息管理（3）后台管理员信息管理。系统设计师时将后台与前台顾客与管理员分为两个表添加，并且两张表构造不同，因此很完美分开了前台顾客与后台管理员之间联系。后台管理员在整个系统中拥有绝对地位，在管理员模块中显示了管理员账号、顾客名、状态和级别。无论是后台管理员模块还是后台前台顾客模块，都不显示顾客密码，对顾客账户安全也是一种保护。后台管理员模块信息页面效果如图410。 图410 后台管理员信息（4）商品模块。商品信息管理是管理员网站所销售商品进行管理一种重要功能模块。该模块涉及商品名称、商品图片、商品分类、商品价格、商品库存、商品状态以及附加状态。管理员可通过后台程序对商品进行添加删除及修改操作。商品信息管理页面效果图如图411。图411商品信息管理（5）订单管理模块：订单管理模块也是网络商城必不可少一种重要模块，管理员可以查看未发货、已发货、退换货及已收货订单、并修改订单状态，模块中重要显示顾客id、商品id、订单联系人、下单时间、订单地址，电话、状态。订单模块信息页面效果图如图412图412 订单模块界面（6）订单评价模块：订单评价模块是订单模块一种重要附属模块，管理员可以查看已收货订单最新评价，并挑选评论予以相应回答。回答模块显示顾客ID、商品图片、商品名、评价内容、评价时间、回答内容、回答时间。订单回答模块信息页面效果图如图413图413 订单回答界面4.3 运营环境设计与硬件需求 本次项目我选取MySQL数据库来建立商城数据库系统，运用了ThinkpPHP框架，MVC开发模式，并采用了PHP语言作为开发语言，并结合了HTML、CSS与JavaScript来共同实现整个电子商务网站整体。运营环境方面选取了WampServer Version 3.0.0，代码编写工具为Sublime Text3。硬件需求如下表49表49硬件需求服务器端：CPU：Intel Core i5-4210M 四核CPU 2.6GHz内存：4 GB以上硬盘：500G以上客户端：CPU：AMD 双核 1.7Hz内存：512M以上硬盘：10G以上软件需求如下表410表410 软件需求服务器端：操作系统：Microsoft Windows Win7 旗舰版数据库：MySQL数据库开发环境：WampServer Version3.0.0客户端：操作系统：Window Xp Professional浏览器：火狐、google浏览器第5章 项目系统实现与运营测试5.1 系统实现系统实现与否取决于系统设计成果能否进过一系列检测，而消除了所有bug之后系统方能称作是一种已经成功系统。检测各种状况都会影响到整个系统走向。 本项目系统实现重要体当前数据库创立以及系统先后台各功能模块实现。一方面是通过NAVIcat在MySQL上创立数据库文献sunny，并向sunny数据库汇总添加项目所需要数据表。系统先后台功能模块实现重要通过创立界面与调试代码。5.2 系统运营测试及成果（1） 加入购物车进入商品详情页后选取商品数量，点击“加入购物车”，即浮现下图所示购物车界面：图5.1 加入购物车界面（2） 提交订单在购物车详情页选中商品，点击“去付款”，即浮现下图所示订单提交界面：图5.2 提交订单界面（3） 支付成功提交订单页面选中收货地址，也可添加备注，然后点击“确认并付款”，付款成功或即浮现下图所示界面：图5.3 订单完毕界面（4） 查看订单在支付完毕界面选取点击“查看订单”，即浮现下图所示界面：图5.4 订单界面（5） 订单详情进入订单页面后点击“订单详情”，即浮现下图所示界面：图5.5 订单详情界面（6） 后台转为已发货进入商城后台找到未发货订单，点击“修改订单”，将订单转为“已发货”，即浮现下图所示界面