基于Web的网上奶茶店销售系统设计9800字论文

随着现代科学技术的高速发展，互联网已经覆盖到我们生活的方方面面，人们的生活与互联网之间的联系越来越紧密，尤其在销售领域方面突出广泛应用，网络的不断发展使得电子商务这一行业的发展前景十分的美好，传统的售卖形式已经满足不了顾客的本系统基于Web进行设计，奶茶店铺页面制作运用Vue和Bootstarp技术框架，来实现可以让用户在线选购奶茶的系统。同时包括登录验证，在线付款等功能。后台管理为管理员提供树形管理列表模式，可根据奶茶所属的不同类型来进行选择查看、订单查询及对个人的某些信息进行修改，以及一些管理功能，如：奶茶管理、用户管理、订单管定的前后台数据交互传递。本文的设计思路包括奶茶店的页面布局设计，社会背景分析，以及针对奶茶店做出实体分析，并绘制实体的功能需求，分析出业务逻辑需求，和数据和操作。考虑到奶茶店需要大量的用户数据和商品数据，因此选择本地存储的方式，选用Mysql数据库进行数据的存储，考虑到前端页面对数据库操作以及数据的业务逻辑控系统选题从实际生活中做过调研分析，本文从本次的选题背景及系统开发的意义开始进行阐述，介绍了调研和系统分析、系统的设计、功能设计以及系统存储数据的数据 1 2(一)开发背景及意义 2(二)开发环境 2(三)本文章节内容 2 3 3(二)需求分析 3(三)系统流程分析 6 9 9(二)数据库设计 五、系统实现 (二)系统各功能模块实现 六、系统测试 (二)测试过程 (三)测试结果 一、引言现如今中国的发展堪称日新月异，人们的生活品质也随着科技的发展在提升，人们对美好的生活期望和需求也在逐渐增多，不光仅仅局限于温饱问题和工作问题，对更美好的生活期望也在增多，用于消费和娱乐的费用越来越高。通常人们的大部分消费除了购买生活必需品外，还有一部分用于娱乐和饮食，这足以说明，人们有了更多的选择，饮食市场的需求在不断增加。目前互联网的发展非常稳定，人们对互联网的使用已经成为了生活的习惯，生活中处处都存在着互联网的身影，因此可以借助新互联网技术结合传统的饮食实体店，设计一个网上虚拟的饮食商城，可以帮助传统饮食店扩大售卖市场，人们的消费和购物并非局限于在实体店里，现在更多人开始选择网上购物。这种情况不止是对于年轻人，一些老人也会使用网上购物。人们不管是在家，单位，地铁或者其他任何地点，不管是在凌晨还是傍晚都可以下单。不难想到，对于商品的销售行业来说，为奶茶店服务最核心的一部分。因为传统的营销模式已经难以满足广大顾客的需要，越来越多的奶茶店已经将互联网络引入到经营和销售环节当中，用自己独特的营销方式来提高其自身在市场上的竞争力。可见互联网在奶茶店销售领域很受欢迎。销售功能的最大之处是顾客不用自己花费大量时间和精力去线下门店排队购买商品，顾客可以随时随地在系统中登陆账号信息就可以查看该奶茶店所在售的不同种类的奶茶商品，下单进行购买，环境安全，不用担心任何风险。设计的这个销售系统的主要目的就是坚持以顾客为本，始终秉持以广大顾客为中心的思想，根据顾客的需求与现有奶茶的种类的区别与联系，通过留言板与顾客们进行沟通探讨获取其建议与意见，尽最大努力去满足顾客们三、系统分析(一)可行性分析在开发系统中，前端页面设计选用的是目前主流的Vue,不仅帮助系统实现更加漂亮的页面，还可以应用Vue的面向对象的设计理念，快捷方便的进行实体属性数据处理，aioxs将页面的请求向后台传递时更是做出了安全的封装，为了简化前端的设计难度和页面编码的混乱问题，选用java编程语言作为后端开发，不仅简化代码难度，JDBC更是方便快捷对数据库进行数据插入和获取更改。便于后期维护，提高了开发效率。此系统正式投入使用时，只需要在软件方面考虑部署和后期维护即可，因此只需要在云平台上凭租一台服务器即可，就可以供应奶茶店的百人的线上同时的访问服务，服务器购买的价格在几千元左右即可。奶茶的实体店的占地面积和规模不需要太大，更不需要进行装修，只需要提供一个可以制作奶茶的空间即可，不需要为客户提供餐饮的地点，在网上直接售卖，因此这种网上售卖经济性价比很高。初步预算凭租一台服务器，可供百人同时在线访问系统。可以满足小型奶茶店商家使用。网上奶茶销售系统无论是在城市还是乡镇，都可以迅速投入使用，并长时间获利。经济效益可行，此系统为网上销售系统，不会涉及到清洁和环保等问题，更不会出现意外的法律责任，所以具有社会可行性。(二)需求分析本系统将实体店的奶茶图片挂在网上销售是为商家提供网上奶茶售卖的一系列过程，因此奶茶售卖系统用户的需求有：用户可以在线购买奶茶，数据库中对应的要存储奶茶的各种信息内容用于为用户展示，用户可以修改个人的个人信息，用户能够将需要购买的奶茶加入购物车，用户可以对自己的订单进行订单内容修改，查询下单的订单信息，不需要访问系统还能够选择注销。如图1普通用户用例图：YYNV图4登录流程图用户的注册账号流程图如图5所示。Y亚Y亚图5注册流程图用户在使用系统进行添加信息时的流程如图6所示。用户成功登录到系统后，在系统首页中可以进行浏览奶茶的详情信息，能够根据类别去查看奶茶的列表，能够将奶茶加入购物车并进行结算，能够在用户结算了奶茶后生用户登录功能：用户可以跟据自己的个人账号进行系统登录，任何一个用户在访问奶茶详情展示功能：用户能够在点击任何一个想要购买的奶茶图片后，会弹出奶茶订单信息查看功能：在用户将购物车中的奶茶进行结算后会生成对应的订单信息，信息会存储在本地，当用户点击订单信息时，会以表格的形式将订单的信息内容进行展购物车功能：用户选择查看奶茶是可以选择将当前奶茶加入购物车，在购物车中会对应的加入用户选择的商品，购物车中还会将选择的商品金额进行累加，当用户点击购物车，可以在购物车中直接浏览到选中的奶茶列表名称，以及共计的金额，点击结算会自动结算。奶茶分类展示页面，用户可以在首页面奶茶类别中选择不同的类别点击查看，每个成功登录系统后，管理员可以在系统管理首页管理奶茶信息，管理用户信息，维护奶茶信息管理：管理员在管理页面能够选择奶茶信息管理，点击此功能会查询到系统本地存储的奶茶信息，管理功能够进行奶茶信息修改，可以填写新的奶茶信息后进行用户个人信息管理功能：该功能可以修改用户信息、保存填写的新信息、删除用户用户生成订单信息管理功能：管理员可以在管理页面选择订单信息管理。点击此功奶茶分类信息管理：管理员在管理页面能够选择奶茶分类信息管理，点击此功能会查询到系统本地存储的奶茶分类信息，管理功能能够进行奶茶分类信息修改，可以填写新的奶茶分类信息后进行保存，还可以将新品的奶茶信息进行添加，在添加页面将新的类别信息填写完整后，点击保存就可以添加新的奶茶类别，可以对奶茶分类信息进行删除，删除后会永久删除本地存储的奶茶分类信息。如图8所示：奶茶基本描述定价奶茶名称奶茶类型订单实体属性图，关系模型为(ID、商品ID、用户ID)根据分析，很容易得知用户和选购的奶茶是多对多的关系。生成订单时，还需要用户信息和订单信息。那么就可以采用第三个关联表来分别存储用户和订单的ID来消除冗余数据。它也符合第三种范式原则建设。如图11:订单详情、实体属性图，关系模型为(奶茶列表、用户名、订单ID、价格、用户地址、联系电话)。如图12:分析各实体间的E-R模型关系如下，用户可以在线选购多种奶茶。一种奶茶也可以被多个用户选中，为多对多关系。用户选好后下单产生订单，一个用户是能够拥有多个订单。但是，一个订单只对应一个用户，因此关系是一对多的。在这里应用主外键来处理此关系。生成订单后，将出现订单详细信息，这也是一对多关系。管理员可对多个奶茶进行管理，奶茶也可被多个管理员所管理，订单亦是如此。因此为多对多关系。实体关系E-R图如下图13:购物车用户名用户选购奶茶M奶茶类型奶茶列表用户名址电话对应订单详对应管理奶茶名称基本描述管理员订单编号价格联系电话用户地址ID用户ID图13部分实体关系E-R图2.数据库逻辑结构设计Ljg_user表显示用户的信息表，并存储用户的基本信息。详细如下表1:中文名称字段名数据类型用户编号用户名admin表呈现的是管理员的信息表，对管理员的个人基本信息进行存储，详细如下表中文名称字段名数据类型管理员标识账号性别Naicha表呈现的是奶茶信息表，主要对奶茶的基本信息进行存储，详细如下表3:中文名称字段名数据类型商品编号上架时间五、系统实现(一)用户界面实现系统的用户首页页面如下图所示，在首页的商品类别按钮下滑栏处可选择不同类别的奶茶。首页提供奶茶店的热卖奶茶内容，以及首页面还展示了奶茶店一些新颖漂亮的奶茶图片作为首页展示内容，并且也有不同种类的奶茶供用户选择。整体界面新颖高端，给用户带来舒适体验。系统首页面如下图14所示：今日精选推暮加入购物车(二)系统各功能模块实现系统设定了每个用户访问本系统时，如果想要购买就必须要进行登录验证。在登录页面中填写好登录的数据信息后点击登录，数据会在前台页面进行判空处理如果为空会提示用户，如果输入不存在的用户名Ajax会动态验证然后提示判断不能为空，用户填入的登录信息在<v-from>标签中通过aioxs封装后通过.post的请求方式，将用户填写的信息提交的后台UserCon类中的Login方法中，在方法中获取aioxs封装的用户登录数据，将获取到用户数据使用查询Sql语句到数据库中查询，根据查询的返回结果进行页面跳转。如下图15所示：饮品店饮品店注册新用户玛卡巴卡花园宝宝系统设定了每个用户访问本系统时，如果想要购买就必须要进行登录验证。那么登录之前就需要注册一个私人账号，该账号用于方存储每个用于的个人信息数据。在注册页面中填写好注册的数据信息后点击注册，数据会在前台页面进行判空处理如果为空会提示用户注册项不能为空，如果输入以存在的用户名Ajax会动态验证然后提示，用户填册数据，将获取到用户数据使用插入Sql语句插入到数据库中，然后跳转至登录页。如下图16所示：后台管理用户登录用户名*用户名*在首页，用户可以选择不同种类的名称。根据选择就会显示出此种类所对应的奶茶。在设置分类时，Jsp页面中使用href标签通过指定地址栏的方式携带type对应的id将请求中，在方法中获取id,然后通过id在数据库中查询类别的奶茶，将查询到的奶茶信息封装到List集合，通过Session会话对象存储List集合，jsp页面通过使用<v-for>获取List集合数据，如下图17所示：登录登录后台管理商品分类首页商品分类¥2994.奶茶详情界面当用户点击奶茶图片时，新的页面会有奶茶的相关详情信息介绍，实现过程为Jsp页面在<img>标签中加入href属性通过指定地址栏的方式携带type对应的id将请求提交到后台，aioxs封装后通过.post的请求方式提交到，Shop类中的SelectShopByid方法中，在方法中获取id,然后通过id在数据库中查询类别的奶茶，将查询到的奶茶信息封装到List集合，通过Session会话对象存储List集合，jsp页面通过使用<v-for>获取List集合数据，如图18所示：加入购车加入购车用户在奶茶店浏览到的奶茶，点击查看时能够将奶茶加入到购物车当中，最后可以在购物车当中挑选某些奶茶进行结账操作。如图19所示：饮品店首页商品分类·热销新品注册登录后台冒理Q3工爱之玫瑰订单总金额：¥897提交订单提交订单functionlessen(goodi5.post("lessen.action",(goodid:goodid},functiolocation.href="cart.action"图19购物车页面管理员在对奶茶管理时的界面实现：管理员在奶茶管理功能中，可以将奶茶加入新品，也可以将奶茶设置为热销奶茶，对不需要在网上售卖的奶茶可以直接删除，还可以对变动的奶茶信息进行修改。如图20所示：除6奶油，法国君度力娇酒甜度三星(满五星)图20奶茶管理操作在管理用户生成的订单数据：管理员可以对用户在商场首页生成的订单数据进行确认订单和修改订单的状态更改。确认订单后，只能查看，如图21所示：饮品店后台订单管理客户管理品管理类日营理修改密码退出 奶茶分类管理：管理员可以在奶茶分类管理界面修改奶茶信息，删除奶茶类型信息。I场加类目5432管理员管理用户信息：在用户管理功能中，如果有用户信息错误，管理员可以点击修改按钮对用户信息进行修改。如果管理员能够管理使用系统的用户，如果用户在特殊情况下不能修改信息，可以联系相关人员处理。如图23所示：饮品店后台订单管理客户管理商品世理类目管理修改密码退出D32111六、系统测试(一)测试原理在程序设计完了以后，用黑盒测试的方法，将奶茶店的登录功能，注册功能，以及信息的管理功能简单的测试一下，黑盒子测试顾名思义其实就是在看不到盒子里面的东西时，对外面进行测试，外面是程序的各个功能，把每个功能可能发生的问题，应该需要正常执行的顺序整理一下，做出测试用例，然后根据测试用例进行系统的测试。在黑盒测试方法中会出现以下这两种情况：存在没有实现的功能；数据是否能正确接收和存储。系统测试将针对这两点进行。(二)测试过程针对前台及后台管进行测试。用户的登录功能：在奶茶店登录页面，输入空用户名和密码；输入所有空用户名和密码；输入正确的用户名和密码。购物车功能：在奶茶店的购物车页面，随便点击奶茶加入购物车，总计金额会发生用户的管理功能：选择任意一个用户账号，直接删除。奶茶分类功能：点击商品管理，添加奶茶。对新加入的奶茶进行基础信息设置，再返回首页查看是否在相应的分类中。奶茶的管理功能：选择任意一个奶茶信息，直接删除。表测试用例预期结果实际结果用户名与密码若密码为空或不匹配时会发出提示，如果正确则会跳转到首页完整信息填写信息完整且两次密码一致，会注册成功。数据库会有新用户添加首页点击不同类别的商品对应的不同的类比商品都会有显示，还可以点点击加入购物车购物车中会存储加入的商品，并核算金额测试用例预期结果实际结果Ljg_订单信息理点击订单删除用户点击订单管理，进行产生的订单可以跟下数据库中会删除掉用信息七、结束语论文的写作到了尾声阶段，奶茶店的基本功能可以实现，系统的使用可以给大多数用户提供网上买奶茶的途径，给商家带来更宽阔的销售市场，网上售卖奶茶不仅节省时间，还节约经济和资源，网上奶茶店占地面积不大，店铺的装修成本不高，尽管此系统具有便利和降低人工成本的优点，但是还是避免不了有缺点。例如，页面的设计相对其他网站不够精美，对数据库的相关设计应进行完善。未来还要对用户使用上的一些功能进行改进，比如，没有相似商品的寻找，对商品的留言功能，根据有关形容词对商品查找等。还有待提高页面的精美程度。通过本次的毕业设计，不仅是对实训所学习的知识的补充，更是由此项目提高自己独立完成一个项目的能力。我更加熟悉开发流程。这次选题是我自己很喜欢的购物系统。购物一直是人们生活中的常事，只是所使用的方式一直在改变。这一课题具有重大的现实意义。在初步设计中，通过搜索信息，咨询老师。对该项目进行了充分的分析。好的开始就是成功的一半，通过对项目的研究，规