汽配商城平台设计与实现

绪论本章为绪论，主要介绍了论文选题的背景，对该课题的研究内容和意义进行详细阐述，并对系统的建设目标给出说明[7]。1.1问题背景1.1.1汽车服务业的快速发展近年来，我国的汽车保有量呈现出飞速发展之势。据公安部统计数据，截至2018年年底我国机动车保有量已达3.27亿辆，其中汽车保有量为2.4亿辆，小型载客汽车首次突破2亿辆，机动车驾驶人高达4.09亿人，汽车驾驶人为3.69亿人[3]，目前，中国已经进入了汽车社会，而每一辆车的配件就有上万个，面对如此巨大的市场需求，为汽车配件的售买提供更优质快捷的服务尤为必要。1.1.2国家政策的大力支持随着互联网的快速发展，国家对“互联网+”行动计划的持大力支持的态度，目前互联网已经快速并深入地渗透到各个行业领域，互联网+时代的到来已成为不争的事实，我国的汽车汽配行业已进入了快速发展阶段。1.1.3电子商务发展的推动电子商务行业的快速崛起和迅猛发展,使得以互联网为基础的新型经济活动正在不断冲击传统的会计理论和会计信息模式[4]。随着信息化、网络化、数字化的发展与应用，汽配行业也随之更新换代。以汽配商信息、物流、资金互联互通为基础的产业互联网，将是未来汽车后市场的发展方向[2]。传统销售渠道的落后与激烈的市场竞争，使得汽配商城对电子商务平台的建设备受关注。网上购物商城是基于互联网技术，将传统的销售和购物转移到互联网上，用户在网上购物商城选择商品，并实现订单、支付和配送等服务[5]。为把汽配商品信息以更快、更新、更专业的姿态呈现在消费者眼前，建立信息量丰富、栏目结构合理、使用便捷的汽配商城平台。1.2建设目标汽配商城既是时代的产物，也是竞争下的先进产物，是商家自己发展自己产品，吸引客户流的重要工具[10]。在系统需求分析的基础上，实现汽配商城平台的pc端和webapp版，建设界面简洁，功能齐全，操作简单的汽配商城。以汽配商城平台的实现，优化汽车配件市场的产业链，提升整个行业协作，提高汽车行业整体的服务能力和竞争力，使之更好的服务于汽配经销商和消费者等，为客户提供极具个性化的信息服务[6]。2需求分析在本章主要对汽配商城进行需求分析，对以后的进行开发方向和要求进行了初步的分析，使使用者，开发人员和分析人员对本系统能有一个共同的初步理解。它阐述了本产品的各项功能需求模块，性能需求和非性能需求等[8]。2.1项目介绍汽车配件是构成比一辆汽车整体的基本单元，随着汽车行业的飞速发展，汽车配件的市场也越来越大。“互联网+”时代的到来，新的汽配商城模式应运而生，实现经销商产品的展示与消费者线上浏览，交易，支付为一体的模式。汽配商城平台的建设，旨在为买家提供方便快捷的优质服务，使采购商能降低成本，放心购买，同时拓展汽配经销商的销售渠道，提升品牌的影响力，使商城以更新更好的经营模式在激烈的市场竞争中占据优势[12]。本平台根据市场的实际需求进行定制化，各功能满足汽配商城汽配行业的业务需求，实现汽配商城平台的pc端和webapp版。系统具有易用性，稳定性，安全性等特点。2.2可行性分析2.2.1技术可行性本系统的开发后台采用Java的ssh框架，前端使用的是layui，html，css,javascript等常用技术，且这些编程技术已经成熟，完全可以承担起汽配商城平台功能的建设，layui作为国产的后台工程师使用的前端框架，界面简洁美观，使用方便，对于系统webapp端的功能界面的建设也起到重要作用。在系统理论方面，软件需求分析，数据库概论，软件项目管理以及诸多的相关论文足以为系统的完成提供相应的支持。所以，汽配商城平台的建设在技术方面是可行的。2.2.2经济可行性本系统的建设使用的工具都是一些开源免费的开发工具，如IDEA，Hbuilder,navicatformysql等，无需付出额外的费用，工作人员方面，由本人独立完成系统的代码的编程，论文的书写等全部工作，也无需另外请人，因此，汽配商城平台的实现在经济方面的开销几乎没有，具备可行性。2.2.3时间可行性本系统的完成时间从2019年1月11日开始，到2019年5月23日结束，四个多月的时间里，需要完成的工作有课题内容制定合理、可行的方案并收集和阅读相关文献（大概需要两个星期）；复习，学习相应的编程知识，熟悉相应的编程工具如IDEA等（大概需要一个月）；进行代码编写与调试工作（大概需要一个月）以及最后的论文的撰写和修改等工作（大概需要两个星期）等。所有的工作所需时间加起来大概需要3个月左右,而系统规定的完成时间是四个多月，因此，汽配商城平台的建设在时间时间要求方面是可行的。总的来说，通过对汽配商城平台的技术可行性、经济可行性和时间可行性三个方面的可行性分析得出结论，本系统的建设工作是可行的。2.3功能需求本产品服务对象是三类用户，分别是系统管理员（商家）、游客、注册会员（买家）[9]。他们的权限和功能如下图2.1所示。图2.1系统用例图如图2.1系统用例图所示，游客可进行浏览首页产品界面和进行注册登录的操作，用户可进行登录系统，浏览商品，选择商品加入“我的购物车”，提交并查看“我的订单”，退出登录等操作，而管理员则可进行登录汽配商城后台管理系统，管理系统的所有用户，所有用户的订单，汽配商城的所有商品信息管理，对不同商品进行分类等操作。2.3.1面向游客（非注册会员）的需求游客属于非注册会员，一般可进入系统首页，进行汽配产品的浏览，详细信息的了解，汽配产品的搜索，用户注册的操作，具体如下：1、浏览首页产品界面功能，通过进入系统首页，可以浏览关于商城种繁多的汽配产品（包括产品的图片，名称，型号，价格等信息），点击相应的图片可链接进入查看给产品的详细信息。2、注册功能，可通过注册按钮进行注册，完善自己的个人信息，如设置用户名，密码，可用邮箱，手机号码等。2.3.2面向用户的需求1、登陆功能，已注册成功的用户，可根据自己注册时的设置的用户名和密码成功登陆。2、浏览首页产品界面功能，通过进入系统首页，可以浏览关于商城种繁多的汽配产品（包括产品的图片，名称，型号，价格等信息），点击相应的图片下的文字可链接进入查看给产品的详细信息。3、购物车功能，选中汽配商品，点击“加入购物车”可将想要购买的汽配商品加入“我的购物车”中，以便日后查找和购买。且在“我的购物车中”可查看商品的信息，总价等，可选择从“我的购物车”中删除该商品，也可以在又下方中填入收货人名字，电话，地址等信息，并点击提交订单可在“我的订单”模块生成该订单。4、订单生成和管理功能，在我的订单中可以查看用户的所有订单信息，对已付款的订单可点击查看订单详情，对待付款订单的查看和支付等功能。5、退出登录功能，点击页面“退出登录”功能即可安全退出登录，回到系统首页。2.3.3面向管理员的需求1、登录功能，点击“后台管理系统”按钮，可根据数据库中的管理员信息输入相应的管理员账号和密码，即可登录。2、用户管理功能，可查看用户信息，包括用户名单列表，序号，用户名，真实姓名等，还可对这些信息进行编辑或者删除。3、分类管理功能，可管理编辑商品的分类列表，如一级分类，二级分类等。4、订单管理功能，可管理所有用户订单，确认发货。5、商品管理功能，实现对各种汽配商品信息的增加，删除，修改，查询。6、页面展示功能，根据商品的市场受欢迎程度选择商品是否为热门商品，如果是，该商品将会在首页中的“热门商品”区域展示，如果否，该商品只在二级分类下商品展示区域展示。7、安全退出登录功能。2.4非功能性需求在完成系统的基本功能的基础上，还要保证系统的正确健壮的运行和达到用户所需求的推荐的精度，非功能的需求主要有：1、保证系统的正确的健壮的长时间正常运行；随着系统用户量的增加，系统必须保证依旧能够维持长时间的正常运行不报错。2、保证用户的良好的用户体验；系统需为用户提供简单快捷的服务，确保用户具有良好而舒适的购物体验。3、简化管理员的管理流程；系统为管理员设置简单快捷的管理流程，方便管理员能快速的对系统信息进行修改而不出差错。3概要设计3.1概要设计思路为保证实现一个功能完整，性能良好的汽配商城平台及兼顾项目的长效性和可持续发展，本系统概要设计思路如下：1、了解什么是汽配商城查找了解作为一个汽配商城平台所需要具备的基本功能，了解它通常的布局，需要向用户提供怎样的服务，如何管理种类繁多的汽配商品，后台应该如何管理等等问题。2、确定数据来源分析确定系统所需要的数据类型（商品名称，类型，价格，详细介绍等），并通过各种方法获取（如百度百科，参考其他成熟汽配商城资源等）。3.2系统设计原则本系统实现的是电商网站，支持多用户使用，需要遵循的原则是：1、功能完善且操作简单对系统前台的设计，布局应做到合理，结构清楚易懂，功能操作简单，界面流畅美观，使使用的用户享受良好的购物体验。对系统的后台管理也同样如此，简单的操作可以大大降低管理员的工作量和出错率，提高工作效率。2、确保系统的安全可靠本商城支持多用户使用，运行时涉及到的各个业务，模块之间的数据通信可能会比较频繁，要确保系统能安全的对外获取和提供数据。3、可维护和拓展要具有良好的可维护设计，可大大降低系统完成后后期的维护工作，减少相关人员的工作量，良好的可拓展性，以便应对后期的需求变更。3.3业务流程本系统的使用者可以分为游客，注册用户，管理员三个，有不同的使用流程业务，如注册用户的业务流程图就是普通用户从注册、登陆，浏览查看，下单到退出登陆的全过程，其中，椭圆框代表起始、结束端点，矩形代表处理。业务流程图如图3.1所示：图3.1业务流程图由图3.1可得不同用户的一般的业务流程，游客可通过注册账号后再登录，已经注册的用户可直接登录进入用户首页，然后浏览汽配商品，查看相应汽配零件的详细信息，选择汽配商品加入购物车，查看“我的购物车”，提交订单，查看我的订单（订单状态，付款）到结束登录一整个的流程。4详细设计4.1系统功能模块图系统功能模块图就是将系统的功能进行分解，按功能的从属关系表示的图表。图4.1系统功能模块图如图4.1系统功能模块图所示，本系统分为汽配商城的前台展示系统和汽配商城后台管理系统两个子系统。其中，前台展示又可再分为第三层的汽配商品模块，购物车模块和我的订单模块三个功能模块，到第四层的加入购物车，查看购物车，提交订单，查看订单，付款，确认收货等六个功能以及到最后一层第五层的各个功能的具体操作等等；同理，汽配商城后台管理系统又可再分为第三层的用户管理，分类管理，订单管理，商品管理的四个功能模块，到第四层的添加商品，商品查询，商品信息的编辑和删除，发货，查询，类别增删改等六个功能以及到最后一层第五层的各个功能的具体操作等。4.2系统E-R设计E-R图也称实体-联系图(EntityRelationshipDiagram)，提供了表示实体类型、属性和联系的方法，用来描述现实世界的概念模型。本系统实体E-R图如图所示：图4.2系统E-R图系统所涉及的实体集关系模式为：1、用户(用户名，密码，姓名，详细地址，电话，邮箱）；2、订单(ID,订单时间，收货人，电话，地址，总价，状态)；3、商品(商品ID,商品名称，市场售价，商品价格，商品图片，商品描述)；4、管理员(ID，用户名，序号，密码，联系方式)。4.3数据库设计4.3.1数据库逻辑设计各关系模式：（1）管理员（管理员编号，管理员姓名，管理员密码）；（2）用户（用户编号，用户地址，用户邮箱，用户姓名，用户密码，手机号码，用户名）；（3）商品（商品编号，二级分类编号，描述，主图，是否热门商品，市场价，商品创建日期，商城价，商品标题）；（4）商品分类（分类编号，分类名称，上级分类编号，类型）；（5）订单（订单编号，收货地址，收货人姓名，订单时间，收货人联系电话，订单状态，订单总价，用户编号）；（6）订单项（订单项编号，商品数量，订单编号，商品编号，总价）；关系规范式：网上商城系统∈3NF没有传递函数依赖。4.3.2数据字典该软件的数据库由下述六张数据表组成：1、管理员信息表：admin_user；2、用户信息表：user；3、订单表：order；4、订单具体项表：order_item；5、产品表：product；6、产品分类表：classification；（1）管理员信息表：admin_user表4.1管理员信息表字段字段名类型宽度说明1管理员编号数值型11自增数字int类型2管理员密码字符型255Varchar类型3管理员姓名字符型20Varchar类型用户信息表：user表4.2用户信息表字段字段名类型宽度说明1用户编号数值型11自增数字int类型2用户地址字符型255Varchar类型3用户邮箱字符型255Varchar类型4用户姓名字符型255Varchar类型5用户密码字符型255Varchar类型6手机号码字符型11Char类型7用户名字符型20Varchar类型订单表：order表4.3订单表字段字段名类型宽度说明1订单编号数值型11自增数字int类型2收货地址字符型255Varchar类型3收货人姓名字符型255Varchar类型4订单时间时间类型Datetime类型5收货人联系电话字符型11Char类型6订单状态数值型1int类型，1:未付款2:等待发货3:等待收货4:订单完成7订单总价数值型Double类型8用户编号数值型11int类型订单具体项表：order_item表4.4订单详细项表字段字段名类型宽度说明1订单项编号数值型11自增数字int类型2商品数量数值型11int类型3订单编号数值型11int类型4商品编号数值型11int类型5总价数值型—Double类型商品表：product表4.5商品表字段字段名类型宽度说明1编号数值型11自增数字int类型2二级分类编号数值型11int类型3描述字符型255Varchar类型4主图字符型255Varchar类型5是否热门商品数值型1int类型：1代表热门，0代表不热门6市场价数值型20Double类型7商品创建日期时间类型—Datetime类型8商城价数值型20Double类型9商品标题字符型255Varchar类型商品分类表：classification表4.6商品分类表字段字段名类型宽度说明1分类编号数值型11自增数字int类型2分类名称字符型255Varchar类型3上级分类编号数值型11int类型4类型数值型1int类型：长度为1，类型为1是一级分类，类型为2是二级分类4.4系统功能测试对上面所分析得到的前台后台功能进行黑盒测试，结果如下表表4.1所示：表4.1系统功能测试表测试项目输入数据期待输出结果是否成功前台-用户注册/登录功能用户注册，输入正确的注册信息及格式返回注册成功页面，数据库添加新用户数据信息是用户注册，为全部输入重要非空信息或输入不合格信息格式返回注册格式错误信息是用户登录，输入正确用户名和密码返回登录成功页面是用户登录，输入不正确用户名和密码返回用户登录失败，用户名或密码出错是商品展示功能商品首页商品首页展示已有的商品是具体某一件商品的信息展示返回商品的详细信息，并展示在页面是根据商品品类搜索商品返回正确品类的商品信息是购物车功能用户登录情况下打开购物车成功进入购物车是购物车商品删除购物车列表减少此商品信息。是输入正确的收货人信息及格式订单提交成功是输入错误的收货人信息及格式或未全部输入重要（不为空）信息订单提交失败是订单功能用户登录情况下可进入“我的订单”页面成功进入“我的订单”页面是查看订单详情返回订单详情页面是登录用户下订单，数据库添加对应商品的订单信息，未支付订单显示“未支付”状态在订单列表中订单状态进行了区分是用户通过“付款”按钮进行支付返回支付成功信息，订单状态改为“等待发货”是商家已发货，用户确认收货修订单状态为已收货是后台登录功能输入正确的管理员账号登录，账号密码登录成功，进入管理系统首页是输入错误的管理员账号，账号密码或未全部输入登录失败是用户管理显示系统用户基础信息成功返回用户信息列表是编辑用户信息，输入正确的用户信息并确定修改成功是编辑用户信息，输入错误的用户信息或未完全输入重要信息（不为空）修改失败是删除用户并且确定删除成功是分类管理一级分类成功返回一级分类信息列表是添加一级分类信息成功跳转至一级分类添加界面是编辑一级分类信息并确定成功编辑是删除一级分类成功删除是二级分类成功返回二级分类信息列表是添加二级分类信息成功跳转至一级分类添加界面是编辑二级分类信息并确定成功编辑是删除二级分类成功删除是订单管理显示系统用户订单基础信息成功返回订单列表是点击并确认发货成功发货是商品管理显示系统所有商品信息成功返回所有商品列表信息是添加商品并输入正确商品信息成功添加商品是添加商品并输入错误的商品信息添加商品失败是编辑商品并输入正确商品信息成功编辑商品信息是编辑商品并输入错误的商品信息编辑商品信息失败是删除商品并确认删除商品成功是

5系统功能展示系统根据需求分析建设，已基本实现所有权限用户的所有功能，下面是汽配商城pc端和webapp端的相应功能页面的展示图。5.1汽配商城pc端1、pc端汽配首页功能展示图图5.1汽配商品pc端首页功能展示图该界面是汽配商城pc端首页，左上方的logo系返回当前首链接，点击即可回到当页面；将鼠标放置右上方分类选择框，即可选择进入相应类别对应的商品（包括汽修设备类、发动系统类、车身附件类、安全用品类、汽车外饰类、汽车影音类、车载电器类、汽车车灯类、行走系统类，汽车内饰类等八大类）或在汽配分类区域中也可选择；将鼠标放置右上方用户选择框，即可选择进入购物车界面和我的订单界面及选择退出登录；页面主体所展示的商品点击商品下方的文字即可进入该商品的详细介绍界面。2、用户登录界面如图5.2所示，该界面主要实现登录功能，必须输入用户的用户名及密码，点击登录按钮提交，成功跳回主界面即成功登录，点击重置按钮，清空当前页面输入的信息，回到初始登录界面。图5.2用户登录界面图3、用户注册界面图5.3用户注册界面图该界面主要实现注册功能，必须输入用户的用户名，密码，姓名，电话，邮箱和详细地址，点击注册按钮提交，跳回主界面并提示注册成功，即成功注册，点击重置按钮，清空当前页面输入的信息，回到初始注册界面。4、购物车界面图5.4我的购物车图该界面是用户的“我的购物车”界面，如图所示，输入相应的收货人姓名，电话及收货地址，再点击“提交订单”按钮即可成功提交订单，可继续点击选择前往“我的订单”界面进行付款；点击“删除”按钮删除我的购物车中的对应的商品。5、我的订单界面图5.5我的订单界面图该界面是我的订单界面，展示本用户所有的订单详情，用户可在本界面查看订单信息，进行付款及确认收货等操作。6、汽配商城管理界面（用户管理）图5.6汽配商城管理界面图该界面展示的是本汽配商城pc端后台管理界面。如图所示，界面左边栏是该后台管理系统的功能管理模块，分别是用户管理功能，分类管理功能（又分为一级分类和二级分类），订单管理功能及商品管理功能，右边栏是用户管理界面，可查看系统所有用户信息以及进行用户信息的编辑和删除用户等操作。7、分类管理界面（一级分类）图5.7一级分类管理界面图该界面展示本系统一级分类管理界面，可在本界面查看系统所有一级分类的信息以及进行一级分类的添加，编辑及删除等操作。8、分类管理界面（二级分类）图5.8二级分类管理界面图该界面展示本系统二级分类管理界面，可在本界面查看系统所有二级分类的信息以及进行二级分类的添加，编辑及删除等操作。9、订单管理界面图5.9系统订单管理界面图该界面展示本系统订单管理界面，可在本界面查看系统所有订单的信息以及进行发货操作。10、商品管理界面图5.10商品管理界面图该界面展示本系统商品管理界面，可在本界面查看系统所有商品的信息以及进行汽配商城商品的添加，编辑及删除等操作。5.2汽配商城webapp端1、首页图5.11系统webapp端首页图本界面主要展示系统webapp端首页的商品，与pc端首页功能相似，左上方的logo系返回当前首链接，点击即可回到当页面；将鼠标放置右上方分类选择框，即可选择进入相应类别对应的商品（包括汽修设备类、发动系统类、车身附件类、安全用品类、汽车外饰类、汽车影音类、车载电器类、汽车车灯类、行走系统类，汽车内饰类等八大类）；将鼠标放置右上方用户选择框，即可选择进入购物车界面和我的订单界面及选择退出登录；页面主体所展示的商品点击商品下方的文字即可进入该商品的详细介绍界面。5.2后台管理系统功能界面图5.12系统webapp端后台管理图该界面展示的是本汽配商城webapp端后台管理界面，与pc端后台管理界面功能相似。如图所示，界面展示的是该后台管理系统的五大管理功能，分别是用户管理功能，一级分类管理功能，二级分类管理功能，订单管理功能及商品管理功能，点击各个功能就可进行相应操作。总结随着时间一天一天的过去，毕业设计的期限也渐渐来临，在将近两个多月的时间里，我已基本完成了毕业设计。对我来说，毕业设计就是一次对所学知识的温故和知新的过程。在编程的过程中，我又从新回顾了之前学习的编程技术，还学会了许多新的知识，不仅是后编程开发方面的专业技能，还新学习了如layui等前端知识，拓展了自己的知识面，也磨炼了自己的毅力和耐性。我的毕业设计的题目是汽配商城平台的设计与实现，需要实现商城的pc端和webapp端。说实话，这个题目对我来说有一定的难度，编程过程中遇到了许多的难题，往往可能只是一个不经意的小小bug或者是一个小功能的实现都要耗费很多的实现，如第一次做app端系统页面的布局及内容的页面排版大小不兼容等等，好在最后这些困难都一一克服了，完成了本次毕业设计。结果是美好的，但过程很艰辛，在同学，老师和舍友的帮助下，也通过自己不断地查阅资料，了解毕业设计涉及的各种技术，自己慢慢地，一点一滴地把难题解决，最终也就完成了汽配商城管理系统。通过本次的毕业设计，对我来说这是一次难得的体验，它使我认识到了许多自己的不足，调整了自己的心态，以更加从容的姿态迈向职场。参考文献[1]王晟宇,叶传奇,刘迪,李闯,蒋文杰,陈昕.基于Java技术的B2C网上购物商城系统的设计与实现[J].电脑知识与技术,2019,15(07):282-284.[2]姜红德.汽车后市场产业互联嬗变[J].中国信息化,2019(04):40-41.[3]对接印度汽配市场[J].进出口经理人,2019(04):80.[4]盛洁.互联网环境