基于前后端分离的超市连锁店管理系统的设计和实现

基于前后端分离的超市连锁店管理系统的设计和实现

作者：朱腾飞

来源：《消费导刊》2018年第04期

摘要：大型的零售超市连锁店已经开始进行信息化建设，而普通的中小型零售超市连锁店受到信息差的限制，对于信息化后的优势还并不十分了解。本文设计开发的面向中小型零售超市连锁店的信息管理系统正是在这个背景下产生的。我们采用了目前流行的前后端分离的信息系统开发架构来开发这个系统。这种方式不仅能够获得跨平台的优势，还可以获得传统客户端的流畅度。我们设计和开发的这个面向中小型零售超市连锁店的信息管理系统能够为中小型零售超市连锁店进行信息化的升级，为他们在日常运营等各种方面节省更多的成本，让他们在信息化浪潮中不被淘汰。我们的面向中小型零售超市连锁店的信息管理系统能够加强用户与商家之间的交互，促进企业的营销水平，从而提高企业在激烈市场中的竞争力。但是，不可避免的，这个信息系统还有一定的提升空间。

关键词：连锁店管理 前后端分离 超市电商 电子商务 引言

传统的零售超市连锁店主要销售用户的一些日常生活中需要用到的必需品，材米油盐醋及每日的生鲜果蔬和肉品，以及一些日常生活中会用到的器具等。随着电子商务的快速发展，选择网购的消费者越来越多了。网购这种新兴起来的消费模式。对象消费者的购买习惯造成了很大的改变，在大大方便消费者的同时，也使得传统的零售超市连锁店逐渐走向低迷。 一、传统零售业存在问题描述 （一）空间方面存在布局不合理的问题

目前杭州超市连锁店行业存在区域发展不平衡问题。大型超市连锁店已经呈饱和状态，但中型超市连锁店还在盲目扩张，造成了严重的资源浪费。此外所有的大型、中型超市连锁都存在功能雷同的问题。但是随着杭州城市化建设的不断加快，新建起来的小区、新城区的新建的区域商业中心里，存在着大中型超市零售业数量不足的问题，社区便利超市连锁店也存在配套数量不存的问题。

（二）经营方面存在成本十分高的问题

超市连锁店在经营方面主要受到店铺租金、人力成本、使用的能源等费用的影响。这些因素大大加重了超市连锁店的运营成本，使得利润率不能上升。杭州超市连锁店在经营方面所面

龙源期刊网 http://www.qikan.com.cn

临巨大压力，尤其对于小型超市连锁店而言，店铺的房租费用已经快要超过其承受的范围。其次，税收政策的不合理执行也使得正规的超市连锁店的成本要高于普通的小型零售企业。特别是劳动力成本的上升对超市连锁店这种人员密集型的产业来说更是雪上加霜。据文献可知，中国企业在过去很多年的竞争优势主要建立在低成本劳动力的的基础上，而随着改革开放、经济不断发展的现状，劳动力的成本上升已成为企业不得不面对的问题。 （三）商品方面存在特色不明显的问题

杭州超市连锁店在商品目录上存在同质化和内容老化的问题，已经不能适应处于网购浪潮中的消费的需求了。目前消费者对于日常日护用品，家电等的都习惯于网上购买，而去超市连锁店购买的更多的是食品类商品，特别是家庭每日所需的日耗品，比如生鲜、粮油等。但目前杭州普遍的超市连锁店的商品类型中非食品类的商品占比过高，生鲜日耗品的经营严重不足。同时本地超市缺乏品牌的支撑，使得在经营上发觉不出特色店。尽管杭州超市连锁业近年来出现了很多差异化经营的精品超市连锁店，但其数量还不能满足消费者不断高涨的品质化商品需求。

二、开发该类信息系统的需求分析 （一）经济可行性

随着人们生活水平的提高和互联网技术的发展，人们通过使用微信上的扫一扫功能扫描微信公众号二维码从而进入我们开发的APP页面完成挑选下单支付系列操作已经成为了一种年轻人主导的消费模式。 （二）技术可行性

随着互联网IT信息技术的发展，从前端开发的角度来说，随着web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。必须掌握基本的前端开发技术，其中包括：CSS、HTML、DOM、javascript、AJac等，在掌握这些技术的同时，还要清楚的了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug，手机上webapp还有hybird app开发，前端占据的作用很大，nodejs、websocket、localstorage、react、vue、angular、gulp、webpack等概念的出现，更加的丰富了前端这个行业。 （三）操作可行性

该系统是前台和后台相互配合的一套完善的系统，前台APP使用最流行的安卓软件应用设计形式，并采用vue+vuex+wabpack+es6+axios+vonic的技术，使得界面操作简单，用户使用方便。后台管理系统，主要用到了vue+vuex+webpack+es6+axios+element-ui的技术，管理员使用起来方便易懂。本系统可以划分为前台H5页面混合app和后台管理系统两个项目，采用前后端分离的模式进行研发。以往前端开发人员只需要提供静态页面，然后剩下的事情都交给服务端去做了，这无疑是增加了服务端开发人员的负担，但是现在采用这种前后端分离的模式进

龙源期刊网 http://www.qikan.com.cn

行AP项目开发，服务端的人员只需要提供API接口，这大大减少了后台人员的工作量，相比较而言，前端开发工程师的工作量大大增加，前端开发人员不仅需要根据设计师的设计稿编码出静态页面，还需要完成所有页面之间的通信交互、nodejs与视图层，最后需要跟服务端完成所有接口的对接。 三、系统设计与实现 （一）app端的系统模块设计

该系统是给用户使用的，用户界面操作简单，页面之间通信流畅，具有良好的用户体验，用户可以轻松使用。针对该系统进行分析我们总结出面向中小型零售超市系统的app的功能模块，该前台系统包括首页、分类、购物车、会员中心四大模块，其中，首页模块里面包括商品详情、选择商品规格、确认订单三个子模块，分类模块下面包含分类列表子模块，购物车模块包括编辑购物车、确认订单（快递）、确认订单（自提）、收银台子模块，会员中心模块包括会员资料、我的订单（空/待付款/待发货/拆单/待收货/评论）、收货地址管理、我的积分、我的收藏子模块。

（二）后台管理系统的系统模块设计

后台微商城管理系统主要是给管理员使用的，用户界面操作简单，可以轻松使用。针对中小型零售业超市管理系统我们对功能模块进行了总结，该后台管理系统包括商品、会员、订单、财务、渠道、支撑、商城运营管理七大模块，其中，商品模块包括商品类目管理、添加商品、商品列表、标准属性库、设置运费模板子模块，会员模块包括会员概述、会员列表子模块，订单模块包括订单概述、订单列表、维权订单子模块，财务模块包括查看分润，渠道模块包括门店列表、加盟商列表、分销商列表子模块，支撑模块包括部门维护、角色维护、人员维护、人员权限分配子模块，商城运营管理包括轮播管理子模块，商品类目管理模块包括添加和删除商品类目功能，添加商品模块包括填写商品信息功能，商品列表里面模块包括商品详情子模块，标准属性库模块包括新增或删除标准属性功能，订单列表模块包括待付款、待发货（拆单）、待发货（拆单后）、待收货、已完成、已关闭、申请、完成几种状态，维权订单模块包括申请和完成两种状态，门店列表模块包括新增门店模块，加盟商列表包括新增或删除加盟商功能，分销商列表模块包括新增或删除分销商功能，部门维护模块包括添加删除部门功能，人员维护模块包括添加人员、添加角色子模块，轮播管理包括新增或删除轮播功能。 （三）系统数据库设计

（四）客户端和后台管理模块的实现

对于客户端的app，它包含了首页、分类、购物车和会员中四个部分。对于后台管理模块软件功能，我们分为商品管理、订单管理、会员管理、运营管理四大模块，我们可以在后台管

龙源期刊网 http://www.qikan.com.cn

理模块方便的进行商品的添加、编辑和删除，该系统已经发布上线，可以根据相应的线上地址进行访问。 四、结束语

面向超市连锁店的管理系统的研究与开发，我们首先对杭州目前的中小型超市连锁店进行了调研，这其中主要使用了搜索网上资料、阅览相关文献以及实地调研等方式。从这些调研中，我们了解了面向超市连锁店的管理系统的这个论文主题的历史背景，国内外的研究现状。然后我们根据调研结果，对需要设计和开发的信息系统进行了设计，主要通过了各种图表的方式。之后的系统开发，我们利用了目前流行的前后端分离的开发架构，前端使用vue全家桶，后端使用基于java的web服务端技术。用这些先进的架构开发而来的面向超市连锁店的管理系统可以为中小型超市连锁店进行信息化升级，减少它们与大型超市连锁店的信息化差异，在减少它们的日常运营成本的同时，让它们在信息化浪潮中不被淘汰。