基于springboot+vue的便利店信息管理系统

博主主页：猫头鹰源码

博主简介：Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容：毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目介绍： 

本系统适合选题：便利店、便利店管理、商店管理等。系统采用springboot+vue整合开发，前端框架主要使用了element-ui框架、数据层采用mybatis，功能齐全，界面美观。

功能介绍：

管理员在后台主要管理字典管理、供应商信息管理、商品管理、采购管理、采购详情管理、收银管理、收银详情管理、员工管理、管理员表管理等。

系统包含技术：

后端：springboot，mybatis
前端：element-ui、js、css等
开发工具：idea/vscode
数据库：mysql 5.7
JDK版本：jdk1.8

部分截图说明：

下面是登录页面

供应商类型管理

供应商管理

商品类型管理

商品管理

收银管理

收银详情

部分代码：

/**     * 后端列表     */     @RequestMapping("/page")     public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){         logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));         String role = String.valueOf(request.getSession().getAttribute("role"));         if(StringUtil.isEmpty(role))             return R.error(511,"权限为空");         else if("员工".equals(role))             params.put("yuangongId",request.getSession().getAttribute("userId"));         if(params.get("orderBy")==null || params.get("orderBy")==""){             params.put("orderBy","id");         }         PageUtils page = gongyingshangService.queryPage(params);          //字典表数据转换         List<GongyingshangView> list =(List<GongyingshangView>)page.getList();         for(GongyingshangView c:list){             //修改对应字典表字段             dictionaryService.dictionaryConvert(c, request);         }         return R.ok().put("data", page);     }      /**     * 后端详情     */     @RequestMapping("/info/{id}")     public R info(@PathVariable("id") Long id, HttpServletRequest request){         logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);         GongyingshangEntity gongyingshang = gongyingshangService.selectById(id);         if(gongyingshang !=null){             //entity转view             GongyingshangView view = new GongyingshangView();             BeanUtils.copyProperties( gongyingshang , view );//把实体数据重构到view中              //修改对应字典表字段             dictionaryService.dictionaryConvert(view, request);             return R.ok().put("data", view);         }else {             return R.error(511,"查不到数据");         }      }      /**     * 后端保存     */     @RequestMapping("/save")     public R save(@RequestBody GongyingshangEntity gongyingshang, HttpServletRequest request){         logger.debug("save方法:,,Controller:{},,gongyingshang:{}",this.getClass().getName(),gongyingshang.toString());          String role = String.valueOf(request.getSession().getAttribute("role"));         if(StringUtil.isEmpty(role))             return R.error(511,"权限为空");         Wrapper<GongyingshangEntity> queryWrapper = new EntityWrapper<GongyingshangEntity>()             .eq("gongyingshang_name", gongyingshang.getGongyingshangName())             .eq("gongyingshang_lianxi_name", gongyingshang.getGongyingshangLianxiName())             .eq("gongyingshang_phone", gongyingshang.getGongyingshangPhone())             .eq("gongyingshang_types", gongyingshang.getGongyingshangTypes())             .eq("gongyingshang_suozaidiqu_types", gongyingshang.getGongyingshangSuozaidiquTypes())             .eq("gongyingshang_xinyongdengji_types", gongyingshang.getGongyingshangXinyongdengjiTypes())             ;          logger.info("sql语句:"+queryWrapper.getSqlSegment());         GongyingshangEntity gongyingshangEntity = gongyingshangService.selectOne(queryWrapper);         if(gongyingshangEntity==null){             gongyingshang.setCreateTime(new Date());             gongyingshangService.insert(gongyingshang);             return R.ok();         }else {             return R.error(511,"表中有相同数据");         }     }      /**     * 后端修改     */     @RequestMapping("/update")     public R update(@RequestBody GongyingshangEntity gongyingshang, HttpServletRequest request){         logger.debug("update方法:,,Controller:{},,gongyingshang:{}",this.getClass().getName(),gongyingshang.toString());          String role = String.valueOf(request.getSession().getAttribute("role"));         if(StringUtil.isEmpty(role))             return R.error(511,"权限为空");         //根据字段查询是否有相同数据         Wrapper<GongyingshangEntity> queryWrapper = new EntityWrapper<GongyingshangEntity>()             .notIn("id",gongyingshang.getId())             .andNew()             .eq("gongyingshang_name", gongyingshang.getGongyingshangName())             .eq("gongyingshang_lianxi_name", gongyingshang.getGongyingshangLianxiName())             .eq("gongyingshang_phone", gongyingshang.getGongyingshangPhone())             .eq("gongyingshang_types", gongyingshang.getGongyingshangTypes())             .eq("gongyingshang_suozaidiqu_types", gongyingshang.getGongyingshangSuozaidiquTypes())             .eq("gongyingshang_xinyongdengji_types", gongyingshang.getGongyingshangXinyongdengjiTypes())             ;          logger.info("sql语句:"+queryWrapper.getSqlSegment());         GongyingshangEntity gongyingshangEntity = gongyingshangService.selectOne(queryWrapper);         if(gongyingshangEntity==null){             //  String role = String.valueOf(request.getSession().getAttribute("role"));             //  if("".equals(role)){             //      gongyingshang.set             //  }             gongyingshangService.updateById(gongyingshang);//根据id更新             return R.ok();         }else {             return R.error(511,"表中有相同数据");         }     }

以上就是部分功能展示，从整体上来看，本系统功能是十分完整的，界面设计简洁大方，交互友好，数据库设计也很合理，规模适中，代码工整，清晰，适合学习使用。

好了，今天就到这儿吧，小伙伴们点赞、收藏、评论，一键三连走起呀，下期见~~