网上手机商城系统分析与设计分析研究 计算机科学与技术专业

目录摘要 1一、系统开发工具和技术简介 2（一）开发工具 2（二）开发技术 2（三）硬件环境 3二、系统分析 3（一）研究目标 3（二）可行性分析 4（三）技术可行性 4（四）操作可行性 4三、系统设计 5（一）具体设计目标 5（二）系统描述 5（三）系统结构设计 6（四）系统结构描述 6（五）系统功能模块设计 6四、系统模块详细设计与实现 7（一）用户注册的详细设计 7（二）用户登录的详细设计 9（三）用户发表评论功能的详细设计 10（四）用户提交订单的详细设计 12（五）购物车功能的详细设计 13（六）后台管理功能的详细设计 15（七）商品管理的详细设计 16五、数据库设计 18（一）数据库逻辑分析 18（二）数据库结构设计 19六、系统测试 23（一）测试内容 23（二）测试计划 25绪论 26参考文献 27摘要网上手机商城系统的开发主要包括两个部分的内容，一个是前端界面的设计与搭建；一个是后台数据的管理及数据库的设计与实践。电商购物网站是互联网＋购物的一种重要组成部分，以C2C的形式存在。购物，我们生活中必不可少的行为，在很大程度上影响着我们的生活。但从古时候到上世纪，一直是传统的购物方式，那个时候还没有互联网，我们无法从网上那样点开网络就可以看到商品，加上联络不方便，我们平时的购物方式基本就是去最近的集市什么的，很大程度限制我们购物。传统方式存在着许多缺点，比如：效率低，不方便，信息不流通，局限性等等。从而无法让我们的需求达到更好的满足。随着科技的不断发展，网上购物越来越普遍，相对于传统购物方式，网上购物不仅可以通过网络商城进行购物，送货上门，还可以发表自己的评论。这一形式使人们的生活水平进一步提高，具有传统购物所无法比拟的优点。例如：节约时间，筛选较优商品，方便生活，发表观点，提高服务质量，安全可靠等等。这些优点极大地提高了人们购物体验，也是新时代逐渐发展的产物，与世界接轨的重要条件。关键词：手机；商城；购物；网站系统开发工具和技术简介开发工具开发此购物系统使用了win10的操作系统。服务器使用的是ApacheHTTPServer（简称Apache），他的强大之处就是兼容性很强，基本上可以在绝大部分的计算机操作系统中运行。它的功能也非常强大，是许多开发人员的第一选择。同时它的运行速度和处理速度也非常快，是一款靠谱安全性高的服务器。sublimeText3编辑器，Sublime是一款流行的简洁的代码编辑器软件，是对于html和css来说好用的文本编辑器，可运行在多种操作系统中，它不仅简洁方便体积小而且有非常强大的插件功能，是一款非常不错代码编辑软件。WampServer，是一个整合的软件集合包，包含了开发网站的很多软件，比如Apache服务器可以当服务器，Mysql数据库软件，以及PHP解释器。方便了开发人员的开发，无需一个个下载对应的软件，节约了时间。VScode编辑器，也使用VScode是因为它可以提高工作效率，它具有很多插件及功能，包括它可以让你的代码界面更清晰便于观看，所以他也是一款不错的编码软件。调试工具GoogleChrome（谷歌）浏览器，对于开发人员来说调试网站最好的选择就是谷歌浏览器，它不仅功能强大，而且很人性化，界面设计也深受开发者喜欢。它也是一款两种引擎的双开源引擎浏览器。而且调试功能和插件功能很强大，可以下载一些代码文件调试等的插件进行开发，对于开发人员来说作用非常大，也节约了很多时间。它是调试工具的不二选择。数据库管理系统MySQL，这个系统在WEB应用方面里是最好的关系数据库应用的软件之一。不仅运行速度快，体积也很小，运行指令的速度也非常快，同时开源的可移植性强，有着非常广泛的应用，搭配Apache服务器和PHP开发语言可以组成一个良好的具有高效率的开发环境。开发技术使用了PHP语言，以及html，css，JavaScript，JQuery框架，还有boostrap框架。PHP可以说是超文本的处理器，PHP相对于其他语言来说，有着双面向的特性，即面向过程和面向对象。同时它也是一种通用的开源脚本语言，是开发网站时很青睐的一种后端语言，使用它的可操作性很高。使用时可以与很多主流的数据库建立起比较简单高效的连接。HTML是网页的结构组成，他的标签是网页页面的每一个小部分，而css则是来修饰HTML这些小部分，这两者组成了一个个美观的网页，而JavaScript就是让我们美丽的页面加入一点点特效，让我们的网页变成动态网页。JQuery框架就是对js的封装，使我们的代码变得更加简洁，节约了开发者很多时间，从而提高了效率。而boostrap则是css的封装，不仅简洁、直观、强悍，使得web开发变得更加快捷。硬件环境机型：HPPacilionNotebook；主频；2.30GHz；内存容量：8GB；磁盘容量；500GB；特殊部件：数据库；操作系统：windows10；系统分析研究目标现在的电商网站越来越多，电商网站百态多样，我们要通过实际情况知道我们真正想要什么样的系统，最后才可以实践开发。在开发前的分析自己的需求至关重要，这样做可以让你在开发的过程中防止出现开发内容不清晰，无从下手的情况。当然，开发软件的都知道时间是很重要的，时间也是成本的一部分，开发者要在一定时间内完成系统的哪个阶段，从而才可以有序的进行着。所以需求分析的作用就是，在开发前了解你的客户的需求，按照客户的需求安排相对应的开发任务，包括时间，人员等一系列安排。从而明确整个开发过程中任务和分配。可行性分析可行性分析的作用就是根据需求进行可操作性的分析，比如对需要完成的功能或者系统的搭建进行可行性分析，基本的包括技术上的，经济上的，操作等方面进行分析。并且找到系统所需要的技术支持，对于开发时的经济需求等等，这是开始一个软件前必做的步骤。技术可行性技术可行性就是对开发技术的分析，分析是否有能够完成需求的技术条件，并且能在整个开发过程中提供对应的技术支持，使得系统能够顺利完成，技术分析主要分为两个方面，一个是软件，一个是硬件。此系统中采用VisualStudioCode集成开发环境，后台开发语言使用的是PHP，系统服务器用的是Apache，后台数据库管理用的是Mysql。根据使用情况，现在使用的技术已经可以来开发此系统。所以，对于此系统的技术需求是可以满足的。操作可行性本系统是基于B/S结构的WEB应用，对于界面的设计面向用户，可以保证用户的操作流畅度，而且可操作性强，使用人员经过简单的了解就可以掌握系统的使用；本系统简单明了，使用者只需按照显示的网页进行一些相应操作就行，无需太高的操作技巧便可实现系统的基本流程操作，保证操作者可以在无人指导的完成系统对应操作。综上所述，通过各方面的分析，开发此系统的各方面的分析结果都达到开发的要求，因此说明对于此系统的开发是可行的。系统设计具体设计目标根据来发系统需求分析的要求，整体设计目标主要分为两部分，一个是前端页面布局设计，一个是后台数据返回。前端页面设计毋庸置疑就是我们要设计美观的前端页面，每个页面可能有多个模块之间的渗透交杂，前端设计简单讲就是让这些看似复杂的交互变得简单美观，根据实际需求设计符合该操作系统的前端页面，实现功能的搭建。后台数据主要是数据之间的交互，我们要根据设计的功能返回相应的数据，根据功能需求实现数据库数据的整合，拿到功能算需要的数据，并且通过前端展示出来，所以后台数据设计及其重要。前端页面设计和后台数据的操作一起构成了我们的系统。后台根据需求设计相应的数据库逻辑并且创建物理数据库，实现数据的更换，最终返回我们想要的数据至前台，这是每一个系统几乎必备的流程，设计一个符合逻辑的系统至关重要。系统描述本系统分为几个功能模块，分别是个人中心模块、登录模块、评论模块、分类模块、订单模块、购物车模块以及后台管理模块。其中登录模块主要负责的是实现用户的登录、注册以及找回秘密的功能实现；个人中心模块是指用户在登录成功后具有的个人中心功能，主要是订单的查看和用户收货地址的添加；购物车模块是用户对购买商品的添加和保存功能，根据商品库存的判断是否可以提交购物车信息，如果库存为零则无法提交订单；订单模块是指用户在个人中心的地址信息通过购物车的选定的商品提交形成一个购物订单，每个订单都有一个订单号，并且提交订单时必须有至少一个收货地址，否则无法提交订单，需跳转个人中心添加收货地址返回；评论模块则是商品订单提交后的一个评论功能，需要用户提交订单后点击确认收货，则可以点击评论跳转评论；分类模块是对商品进行分类显示包括品牌分类，每个商品都有一个品牌及分类，前端设计也是根据分类设置布局；后台管理系统是对前端页面的数据操作，包括用户、分类、订单、商品、评论、广告牌的查看、修改和删除操作。系统结构设计系统设计其实就是物理设计，它是开发信息管理系统的第二主要阶段，在系统项目的需求完成后，接下来就是系统结构的设计了。系统结构设计是一个非常重要的部分，系统的结构和功能实现目标可以通过结构设计为基础，根据设计好的结构实现最基本的模块功能。在设计系统结构前，我们必须进行系统的业务需求分析。要根据分析出来的内容设计符合需求的系统功能架构。在需求分析时要明确系统软件的各部分模块功能和业务范围为前提进行结构的设计。如果需求分析未确定则不能开发系统功能架构的设计，需求不明或者不确定可能会导致架构开发重新来过，这是不推荐的，所以需要完成需求分析阶段判断是否向下继续开展设计。系统结构描述 用户注册登录后跳转商品首页来浏览商品页面，点击商品详情页面查看详细内容包括库存等等，如果没有库存则提示商品库存不够无法跳转购物车页面，如果检测到有库存跳转添加商品至购物车。如果在购物车中用户没有设置收货地址信息则需要点击跳转至个人中心设置地址信息添加地址信息，然后跳转购物车提交订单，提交成功后跳转个人中心查看订单信息，当确认收货后就可以评论商品，点击提交评论信息后评论将在商品下方显示。系统功能模块设计每个系统都由不同的模块组成，每个模块代表着一个或者多个功能的实现。系统功能模块设计就是以需求分析的基础设计出不同模块，每个模块实现对应的系统功能，所以系统功能模块化设计也是至关重要的一部分。主要系统功能分为几个模块，包括用户管理模块，分类管理模块，品牌管理模块，商品管理模块，评论管理模块，订单状态模块，订单管理模块，广告管理模块，系统管理模块。用户管理模块包括用户个人中心信息和用户登录与注册。分类管理模块实现的是对商品进行分类，以及对商品分类的查看、添加和修改，把商品划分为很多不同的分类，在添加商品时要选择商品的分类信息。品牌管理模块则包括查看所有商品品牌信息，以及对商品的添加和修改，管理员在添加商品时同样需要选择对应商品的品牌类型，通过在后台添加品牌信息，把数据返回前台。商品管理即管理商品的信息，在后台可以查看所有商品信息，包括商品名、分类、品牌、图片信息、价格、是否上架等等，添加商品后会在首页显示商品信息。评论管理在评论后根据会返回后台评论列表，在后台可以看到，并且可以后台管理人员删除用户评论，前台则在商品下方显示，用户必须在确认收货后才可以评论，否则无法评论。订单状态每个订单都有一个状态，查看商品订单的状态信息，显示是否发货，是否收货还是在运输中，可以根据业务变更添加对应的状态信息。订单管理，每个用户购买商品都要需要提交订单，包括在个人中心填写收货信息，添加订单会生成唯一的订单号和购买的商品信息，订单提交后后台人员可以查看，并且可以改变订单状态。广告管理，设置首页的广告栏，可以在后台更换广告内容，包括广告牌的地址信息以及位置。系统管理可以修改管理员的后台登录后令，可以直接后台返回前台的接口，并且可以退出整个系统。整个系统又不用的模块构成，形成了一个功能完整的系统网站。模块化开发可以使系统更容易维护和更新，到需要修改时不必修改整个，这是现在开发的一个开发模式。一个系统由多个子模块构成，形成了一个完整的系统网络。系统模块详细设计与实现用户注册的详细设计用户注册模块：用户填写并且完善注册表单，表单通过php验证插件实时验证输入数据的符合度，如果数据符合添加要求则注册成功，并且把用户信息存储到数据库中。重要代码部分：图4-1图4-2效果图如下：图4-3用户登录的详细设计用户登录模块，用户输入用户信息后点登录，如果信息正确则直接跳到首页，失败则提示重新输入。重要代码部分：图4-4图4-5效果图如下：图4-6图4-7用户发表评论功能的详细设计评论模块：用户在个人中心查看订单是否确认，如果确认，则可以点击评论按钮跳转评论页面，在评论页面评论框填写评论语，然后点击发表；如果未确认，则需点击确认后再点评论按钮跳转。重要代码部分：图4-8图4-9效果图如下：图4-10图4-11用户提交订单的详细设计订单模块：用户需在购物车有商品的情况下才可以提交订单，如果用户没有设置收货地址信息，则需要点击添加按钮到个人中心添加收货地址，才可以返回选择相应的地址提交订单。提交订单后跳转个人中心显示查看所有订单。重要代码部分：图4-12图4-13效果图如下：图4-14图4-15购物车功能的详细设计购物车模块：用户点击商品加入购物车，在购物车页面可以返回继续购物，购物车不会自动清空，点击清空按钮可以清空购物车，可以加减商品数量，如果商品库存不足则无法添加购物车。每个用户购物车情况都会存储在后台数据中。重要代码部分：图4-16图4-17效果图如下：图4-18后台管理功能的详细设计后台管理管理着前台的数据跟换，后台管理分为几个板块：一级目录下用户管理对应着子目录查看用户和添加用户两个子目录，查看用户界面可以查看用户信息，包括id、用户名，点击修改按钮可以修改用户名和密码信息，点击删除按钮则可以删除用户；一级目录分类管理对应着查看分类和添加分类两个子目录，查看分类可以查看分类的编号、名称及修改按钮和删除按钮，添加分类则可以添加一项分类。一级目录品牌管理下有查看品牌和添加品牌两个子分类，查看品牌页面有编号、品牌名称、分类名称、修改按钮、删除按钮，点击修改则跳转修改品牌页面，可以修改品牌名称和选择对应的分类；添加品牌则可以输入品牌名称和选择分类。一级目录商品管理有两个子目录，查看商品和添加商品。查看商品可以查看编号、商品名称、商品图片、上下架、价格、库存、品牌、分类、删除按钮、修改按钮，点击修改按钮可以修改商品信息，删除则删除商品。添加商品添加的信息包括商品名称、价格、库存、上下架、品牌选择、选择图片。一级目录评论管理有一个子目录，查看评论。显示所有评论的编号、用户名、商品名称、内容、时间及删除按钮。一级目录订单状态有两个子目录，查看状态和添加状态。查看和更改订单状态一级目录订单管理管理有一个子目录，查看订单。前台返回的订单信息查看，包括订单号、用户名、下单时间、订单状态、联系方式、客户确认及修改和删除按钮。一级目录广告管理有两个子目录，查看广告和添加广告。查看广告可以查看广告信息，包括图片的地址、要放置的位置、URL信息及修改和删除按钮；添加广告的信息则是广告的位置、文件及URL。一级目录系统管理有三个子目录，修改口令、退出系统和网站首页。修改口令页面则是修改管理员的密码页面，退出系统则是退出整个后台系统，点击网站首页也是跳转至首页。重要代码部分：图4-19图4-20效果图如下：图4-21商品管理的详细设计点击查看联系方式，查看订单的地址信息；点击添加联系方式则是跳转到添加地址的页面，填写信息点击提交保存后台数据；点击查看订单页面查看当前用户的订单信息。重要代码部分：图4-22图4-23图4-24效果图如下：图4-25数据库设计数据库逻辑分析(1)实体模型转换为关系模式每个系统对应的都有很多实体，实体可以说是系统数据组成的基础。每个实体模型对应不同的关系，每段关系把所有连接为一体。实体之间的关系可以进行合并，转换为独立的关系模式。如关系表1和关系表2所示：关系表5-1用户Id用户名评论Id内容负责用户id评论id(其中"负责"的这个关系的码可以是评论的id，也可以是用户的id，这就是关系)关系表5-2用户Id用户名手机评论Id用户id(其中"用户.id"为外码)一对多的联系模型之间对应的关系也可以进行合并。如关系表3和关系表4所示：关系表5-3用户Id用户名订单用户的Id订单号订货用户id订单号（对应的用户id和订单号关系）关系表5-4用户Id用户名订单用户id订单号（对应的用户id和订单关系）数据库结构设计数据库概念结构设计根据系统的功能需求设计出对应的数据库。数据库都有对应的数据信息。这些信息是构成系统功能的基础，也是交互数据的基础，通过这些实体数据之间的交互，才可以得到我们想要的实现结果。效果图如下：图5-1整体E-R图图5-2订单E-R图图5-3分类E-R图图5-4购买E-R图数据库表设计（1）数据库名：shop15表5-5表名：用户信息表（user）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识UsernameVarchar(50)否无否用户名PasswordVarchar(50)否无否密码emailVarchar(50)否无否邮箱phoneInt(15)否无否手机号码isadminTinyint(4)否0否是否为管理员表5-6 表名：广告信息表（advert）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识ImgVarchar(100)否无否图片PosTinyint(4)否无否位置UrlVarchar(100)否无否地址表5-7表名：商品信息表（shop）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识NameVarchar(50)否无否商品名字ImgVarchar(100)否无否图片Pricefloat否无否价格StockInt(11)否无否库存Brand_idInt(11)否无否关联品牌IDshelfTinyint(4)否1否1为上架0为下架表5-8 表名：品牌信息表（Brand）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识NameVarchar(50)否无否品牌名字Class_idInt(11)否无否分类名称表5-9表名：分类信息表（Class）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识NameCarchar(50)否无否分类名字表5-10 表名：评论信息表（Comment）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识User_idInt(11)否无否关联用户IDContenttext是NULL否内容Shop_idInt(11)否无否关联商品IDtimeInt(11)是NULL否时间表5-11 表名：订单信息表（Indent）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识CodeVarchar(50)否无否订单号User_idInt(11)否无否关联用户名IDtimeInt(11)否无否时间Status_idInt(11)否1否关联订单状态Touch_idInt(11)否无否关联评论idShop_idInt(10)否无否关联商品IDpriceInt(10)否无否价格总合numInt(10)否无否商品数量confirmTinyint(4)否0否确认收货表5-12 表名：订单状态信息表（Status）列名类型允许空值默认是否主键字段释义IdInt(10)否无是ID唯一标识NameVarchar(50)否无否订单状态表5-13表名：订单地址信息表（Touch）列名类型允许空值默认是否为主键字段释义IdInt(10)否无是ID唯一标识nameVarchar(50)否无否人名addrVarchar(100)否无否收货地址telVarchar(50)否无否电话emailVarchar(50)否无否邮箱User_idInt(11)否无否用户ID系统测试测试内容表6-1系统管理测试表模块功能输入输出正确输出错误输出系统登录用户登录输入框输入用户名和密码进入系统首页返回登录界面（输入的账号或密码有误）用户管理查看查看用户信息点击个人中心按钮显示用户基本信息显示用户基本信息失败（后台原因）新增新增用户信息点击按钮，输入相关信息并点击保存添加成功跳转查看用户信息页面添加失败提示添加失败删除删除用户信息点击删按钮，弹出对话框并点击确定弹出框弹出成功删除该条用户信息弹出框弹出删除失败编辑编辑用户信息点击修改按钮，修改相关信息并点击保存弹出框弹出成功修改该用户信息弹出框弹出修改失败分类管理查看查看商品分类信息点击查看分类的信息显示所有分类信息显示错误（后台原因）新增添加分类信息点击添加按钮输入添加信息添加成功，跳转查看分类添加失败，显示错误（后台原因）删除删除分类信息点击删除按钮删除某一个分类删除成功，跳转查看分类删除失败，显示错误（后台原因）编辑编辑分类信息点击修改分类修改分类编辑成功，添加成功返回查看页面编辑错误，显示错误（后台原因）购物车管理查看查看购物车信息点击购物车按钮，跳转购物车页面跳转购物车页面显示购物车信息显示错误（后台原因）新增添加购物车信息点击添加购物车添加商品添加商品成功添加失败，显示错误（后台原因）删除删除购物车信息点击清空购物车购物车的商品信息全部清空删除失败，显示错误（后台原因）编辑修改购物车信息点击添加或者增加商品数量修改成功并显示信息编辑错误，显示错误（后台原因）订单管理查看查看订单信息点击个人中心按钮，点击查看订单按钮显示个人订单信息显示错误（后台原因）新增添加订单添加完商品和选择完地址之后点击提交订单跳转个人中心页面，查看订单详情添加失败，显示错误（后台原因）删除删除订单后台点击删除订单按钮删除订单成功删除失败，显示错误（后台原因）编辑确认订单点击确认订单按钮确认订单按钮变评论按钮编辑错误，显示错误（后台原因）评论功能查看查看评论点击查看商品详情查看显示商品页以及评论信息显示错误（后台原因）新增发表评论编写评论信息点击发布商品页面新增评论详情添加失败，显示错误（后台原因）删除删除评论删除评论信息商品页面删除评论信息删除失败，显示错误（后台原因）个人中心管理查看查看个人中心信息点击个人中心链接查看显示个人中心信息显示错误（后台原因）新增新增个人中心信息点击添加个人信息按钮添加显示添加成功，跳转查看信息添加失败，显示错误（后台原因）删除删除个人中心信息点击删除按钮个人中心信息显示删除成功，跳转查看个人信息删除失败，显示错误（后台原因）编辑修改个人中心信息点击修改个人信息按钮修改个人信息显示修改成功，跳完查看个人信息编辑错误，显示错误（后台原因）测试计划运行Apache，在浏览器中输入：http://localhost:8080http://localhost:8080/myshop15/admin/publi