【《中小型超市进销存管理系统的设计与实现6900字（论文）》】

1目录 1 2 2 21.2课题研究意义 3 31.前言 32.需求分析 33.系统分析 34.界面功能设计 3 36.系统测试 32需求分析 4 4 42.3平台可行性分析 4 43系统分析 53.1功能需求 53.2系统结构 6 6 6 7 73.3.2数据库的概要结构设计 84界面功能设计 4.1主窗体界面 4.2商品分类界面设计 4.3商品出库界面设计 4.4商品入库界面设计 5.1前台设计 5.2后台系统设计 19 6.1测试用例 6.2测试运行结果 2随着计算机和通信技术的信息系统正在积极发展。在当今的商品经济和社会中，随着产品信息的类型和数量的增加，管理人员越来越难以管理大量的产品信息，如何优化管理方法成为热议话题。国外大型超市的进销存管理系统非常完善。无论是前台界面的设计，还是后台管理系统的构建，都有很多值得借鉴的经验。近年来，由于国内计算机和互联网技术的快速发展，中小型超市的库存管理系统也取得了很大的进步。中小型超市管理系统是对中小型超市内商品的购销存进行管理的系统。该系统的开发可以使中小型超市的工作人员减少工作流程，对商品的采购、销售和仓储进行系统的管理。同时可以减少采购、销售、仓储等部门的劳动强度，方便各部门之间的管理和信息交流。加快各部门信息化步伐，使管理更加规范。中小型超市管理中，由于商品数量庞大，采购、销售和库存管理工作复杂繁重。利用计算机数据库技术和网络技术实现小型超市的自动采购、销售和库存管理已迫在眉睫。为了提高工作效率，它带来了一种新的现代化、规范化、标准化的管理模式。关键字：企业资源计划；存货；数据库；面向对象；javaScript随着计算机和通信技术的信息系统正在积极发展。在当今的商品经济和社会中，随着产品信息的类型和数量的增加，管理人员越来越难以管理大量的产品信息，如何优化管理方法成为该系统的热议话题。国外大型超市的进销存储管理系统非常完善。无论是前台界面的设计，还是后台管3理系统的构建，都有很多值得借鉴之处。近年来，由于国内计算机和互联网技术的快速发展，中小型超市的进销存管理系统也取得了很大的进步。1.2课题研究意义目前，国内中小超市信息技术匮乏，计算机利用率低，日常工作处理量大，因此工作效率很低，内部沟通不畅等问题，导致仓库无法及时给采购、生产商及管理人员提供准确的参考数据。解决物流管理中物料统一编码管理、信息流、积压、物料匹配等问题，提高仓库管理效率，整合商品，整合供应信息做出快速合理的经营决策。1.3课题章节安排说明书共分七个章节。第一章详细的分析了课题的研究现状和意义；第二章介绍了相关技术的可行性、项目的调研及可行性的评价；第三章介绍了系统框架的需求、页面的设计和数据库的设计；第四章解释了主页的具体细节；第五章解释了详细代码实现之后的系统；第六部分介绍了系统的每个模块的测试。测试每个模块的功能是否完善，是否有各种隐藏的漏洞。1.前言本章主要介绍了系统设计的背景环境和必要性，分析了系统研究的现实情况及本说明的大体结构。2.需求分析本章对网站的相关技术及其他可行性进行了详细的分析和阐述。3.系统分析本章从架构层次构思了系统的功能，简化用户操作的流程，以及系统后台及数据库结构、逻辑设计到物理数据库表的设计，并对其进行了阐述。4.界面功能设计本章对前台的功能模块详细的说明，并介绍了图形界面。5.系统详细设计与实现本章对系统的功能模块进行了说明，描述了相关接口的调用。介绍了相关图形界面6.系统测试42需求分析本系统使用JavaScript语言开发，使用普遍的MVVM设计模式7,既节约了开发的成本，又降低了后期维护的难度。Web页面使用VUE+Elementui,使用V2.2项目调研2.3平台可行性分析(2)软件：Window10,javaScript,nodejs,Mysql,vscode。2.4其他可行性分析在实现过程中，可以连接到数据库，并且可以使用SQL语句进行增删查改等操作，所支持。53系统分析对于超市来说商品信息不可或缺。通过对系统的分析，前台系统主要分为商品分类模块、商品出库模块、商品入库模块。后台管理系统主要分为商品信息管理系统、进货管理系统、出库管理系统和库存管理系统。前台系统主要分为商品分类模块、商品出库模块、商品入库模块。具体描述如下：(1)商品分类模块：商品分类模块分为所有模块和新建分类模块。所有分类模块可以查看当前分类数、分类ID、分类名称和删除分类。新建分类模块可以新建分类，设置分类名称、货架区域、创建时间、分类性质等。(2)商品出库模块：商品出库模块用于处理商品的销售操作，包括商品ID、数量、价格、时间、当(3)商品入库模块：商品入库模块分为商品入库模块和查询当前分类模块。商品存储模块包括商品的ID、名称、数量、价格、存储时间和代码。查询当前分类模块的标识，用于查询该分类下的所有商品。3.1.2后台管理系统后台管理系统主要是对商品的进货、信息、销售、库存进行分类。具体描述如下：(1)商品进货的管理：主要分为进货和出货两个模块，用来对进出货的数据进行处理，并实时更新到Web界面，帮助管理人员把握存量。(2)商品信息的管理：商品信息管理系统分为商品类别和信息两个模块，用于归类商品形成商品集合，规定存货区域等。(3)商品销售的管理：6商品销售管理系统分为销售信息和退货信息的录入，检索。形成责任到个人的体系，也可对不守诚信的供货商进行备注，有助于超市人员管理制度的优化，提高超市所售商品的质量，为客户带去更好的购物体验。(4)商品库存的管理：主要是用来查询指定商品的信息，库存，销售额等。3.2系统结构前台系统模块是商场系统中用户的操作平台。用户使用浏览器操作系统对商品进行添加、删除、检查和修改；后台系统模块是系统的功能结构，如下图3.1所示：商品库存管理系统商品库存管理系统商品销售管理系统商品信息管理系统进货管理系统商品入库模块商品出库模块商品分类模块超市进销存管理系统前台管理系统后台管理系统图3.1系统结构图3.3数据库的分析与设计3.3.1数据库的逻辑结构设计在这个系统的开发中使用的数据库系统是mysql。数据库中有三个表。商品库存表、商品分类表以及出库表。该表包含字段名、类型、长度、主键、描述和允许的空值。1.库存表“entegoods”如下表3.1库存表“entegoods”列名数据类型长度允许空是否主键说明7否是否否否否进货商品生产日期否否否否否否外键码2.分类表“goods”如下表所示：表3.2分类表“goods”表名数据类型长度说明否是商品id号否否商品名字否否商品数量10(小数点后两位)否否商品价格否否商品创建时间否否商品编码否否外键码表3.3出库表“outgoods”表名出库商品id号出库商品名字出库商品数量出库商品价格8否否否否是(1)商品实体属性图包括记录采购商品或供应商的商品信息，收货编号、产品编号、产品类型和商品名称。如下图3.2所示：进货量商品图3.2商品实体属性图(2)商品库存实体属性图剩余的货物数量。当购买相同的商品时，存货中与商品编如下图3.3所示：商品类型商品名称9已上架商品信息是指从库存到柜台销售的商品信息。属性商品编号是商品的唯一标识。货架上的商品数量是指柜台上销售的商品数量。销售价格是所售商品的价格，存货是剩余存货图。如下图3.4所示：上架数上架数商品编号销售价图3.4已上架商品实体属性图(4)新增上架商品实体属性图新增上架商品信息是指柜台上有库存但尚未售出的商品信息。它包含五个属性：商品编号、商品名称、商品类型、货架上的商品编号和价格。其中，上架数和售价分别代表新产品在柜台销售的数量和价格。如下图3.5所示：图3.5新增商品上架实体属性图4界面功能设计能模块，右侧显示各功能的操作界面，主要使用Elementui库实现。如下图4.1所示：⑦幅市进销存管理系统⑦☆N库图4.1主窗体界面4.2商品分类界面设计量、分类ID、分类名称和删除分类。新建分类模块可以创建新的分类，并设置分类名称货架区域、创建时间和分类性质。商品分类—一所有8品分类出库☆幅N商品分类—一新建分类界面如下图4.3所示：超市进销存管理系统超市进销存管理系统m分“分类性质□食家因其地□ma图4.3商品分类--新建分类图4.3商品出库界面设计当前所在的分类。商品出库界面如下图4.4所高品出库d出库价格所在分类i图4.4商品出库界面图ID、名称、数量、售价、入库时间和代码代码。于查询分类下的所有商品。商品入库一一商品入库界面如下图4.5所示：超市进销存管理系统询分类下品⑦品数量图4.5商品入库--商品入库界面图商品入库一一查询分类界面如下图4.6所示：图4.6商品入库--查询分类下商品图5系统详细设计与实现本系统设计的主要功能分为前台系统和后台两个模块，前台系统主要是对某商品的入库、出库、价格、分类等进行处理并形成相应的数据表格，系统后台主要根据前台通过特定的网络接口发送请求，对相应的数据库进行添加和删除，整理数据并返回到前台。5.1前台设计在前端页面开发中，我使用了流行的Vue+element后端前台解决方案，它基于Vue和elementui。本项目前端开发属于单页开发，能够适应当前市场主流显示器。本系统的主页设计主要由两部分组成。下方分为左侧导航栏和右侧功能区。其功能如下：上层主要使用嵌套的<div></div>标签，使用弹性盒布局来显示系统相关信息。在左下方，元素界面的导航栏组用来展示此项目的功能。展开时，其子节点是项目的路由导航。右下角是空的<div></div>标签，用于在单击左侧导航栏时呈现基于路由变化的功能性视图。如下图5.1所示：NN图5.1系统首页面5.1.2商品分类商品分类功能是使用ElementUI的表格组件和Vue的V-for指令在一个循环中呈现，每行分类后的删除按钮都可以将其删除。网络请求在vue的生命周期created中在面页第一次加载时就请求数据，点击删除时会调用handleClick方法。具体实现方法如下图5.2this.$axios.post("http://localhost:8088/allSort").thenthis.data=res.data.da//别除诗城confirmButtonText:"确定",}图5.2商品数据请求与删除请求代码截图商品所有分类界面如下图5.3所示：①①图5.3商品分类页面图5.1.3新建分类新建分类功能是使用ElementUI的表单表单组件获取用户通过Vue的双向绑定输入的数据。当点击“立即创建”时，会将用户输入的信息进行打包，调用SubmitForm上传到服务器，当点击“重置”时，会调用ResetForm方法清除当前用户输入的信息。新建商品分类界面如下图5.4所示：☆NW⑦图5.4新建商品分类页面新建商品页面的代码实现如下图5.5所示：//console.Log();});图5.5新建商品分类代码截图5.1.4商品出库商品出库功能是使用Elementui的表格表单组件，通过vue的双向绑定取到用户输入的数据，点击“立即出库”时会调用out方法，将商品出库。商品出库界面如下图5.6所示：超市进销存管理系统图分类图分类品出库N品N图5.6商品出库页面商品出库界面实现如图5.7所示：consoLe.Log(this.formLabeoutgoods_price:this.formLabelAlign.price,outgoods_time:this.商8分类图5.9图5.9商品入库代码截图5.1.5查询分类下商品查询商品分类功能是使用Elementui的表格组件，配合vue的v-for指令循环渲染完成的。在vue的生命周期created中在面页第一次加载时请求到数据并渲染到页面，点击“查询”时会调用onSubmit方法将用户输入的关键字打包提交到服务器。点击“删除此分类下所有商品”时，会调用deleteAll方法将用户输入的分类id提交到服务器，并删除所有此分类下的商品。查询商品分类界面如下图5.10所示：超市进销存管理系统品入库下图5.10查询商品分类页面查询商品分类界面实现如下图5.11所示：});图5.11查询商品分类代码截图删除商品分类界面实现如下图5.12所示：console.log(this);console.log(infor);进行网终造。})图5.12删除商品分类下商品代码截图5.2后台系统设计后台管理系统主要分为进货、商品信息、商品销售、商品库存管理系统。进货管理系统通过路由函数处理数据并返回前端。如下图5.13所示：app.post("/enterGoods",function(req,res)日cot.query("select*fromgoodswheregoods_id=?",[reg.body.goods_id],function(err,result)《cot.query("updategoodssetgoods_num=?wheregoods_id=?",[num,req.body.goods_id],fuif(result)(for(leti=0;i<req.body.entergoods_time.length;ientegoods_time:req.body.entergoif(result){图5.13商品进货管理代码截图商品信息管理系统是用于对商品的类别分类，形成商品集合，对商品信息进行增删改查等操作。如下图5.14所示：//添加分类sort_name:req.body.msg:“分类已存在”}))7}))}//根族分指添加商R5.2.3商品销售管理系统商品销售管理系统是处理商品销售信息和退货信息的录入，检索。其本质还是商品的入库操作。如上图5.13所示。商品库存管理系统主要是用来查询指定分类商品的信息。如下图5.15所示：//松分页查遍入榨记录//松分页查遍入榨记录app.post("/sltEtGoodscot.query("select*fromentecot.query("select*fromoutgoods",function(err,reapp.post("/sltEtGoodsN",functioncot.query("select*fromentegoodswheresort_id=?",图5.15商品库存管理代码截图6系统测试6.1测试用例本次测试主要对商品的进货管理、商品的销售管理、商品的存货管理进行了测试。见表3.5:表3.5系统功能测试操作预测结构实际输出结果销存管理系统”首页点击搜索商品信息可以查看所选商品的信息得到预期结果销存管理系统”首页点击商品进货管理可以查看到添加、删除商品进货信息等功能得到预期结果销存管理系统”首页点击商品分类增加可以增加商品的分类，备注等得到预期结果销存管理系统”首页点击商品分类查询可以查询到所有的商品的分类，备注等得到预期结果6.2测试运行结果商品的新增成功页面如下图6.1所示：8品分类1饮料分3服装分45分图6.1商品的新增页面新增分类成功的页面如下图6.2所示：分类名称5测试用例1