计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)

1,绪论

1.1 开发背景

世界上第一个购物中心诞生于美国纽约,外国人迈克尔·库伦开设了第一家合作商店,为了更好地吸引大量客流量,迈克尔·库伦精心设计了低价策略,通过大量进货把商品价格压低,通过商店一次性集中售卖。但由于大量商品的销售,难免会出现商品信息录入错误,经常导致顾客把鸡肉当作猪肉买走,并且工作人员忙不过来结账的情况,这对当时的销售产生了重大的影响。

1.2 研究意义

在计算机还没普及的年代,我们常常会看到许多超市在结账的时候会排起长长的队伍,并且那个年代许多超市的职工分工不明确,组织架构不清晰,导致员工之间的配合不默契,整个超市运转就不流畅,这样很容易出现因为操作上的差错而给当事人或者整个超市企业造成不必要的经济损失,为了避免出现这样的情况,企业管理层就考虑要引入新的超市管理技术。

步入21世纪后,计算机行业迅猛发展,数据库信息管理技术以及商业应用软件的不断进步和发展,现代化信息管理系统取代传统的手工业是社会发展的必然趋势。

2,系统设计

功能权限图

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第1张图片

3,需求分析

超市账单管理系统内含角色权限管理和菜单权限管理,用户可自定义系统角色

  • 系统基础管理:对登入用户、部门、角色、权限进行维护。
  • 商品管理:对超市所出售的商品档案进行维护。
  • 供应商管理:对超市所合作的供应商档案进行维护。
  • 账单管理:对超市所管理的账单档案进行维护。

4,技术分析

后端技术

技术 说明 官网
SpringBoot Web应用开发框架 https://spring.io/projects/spring-boot
SpringSecurity 认证和授权框架 https://spring.io/projects/spring-security
MyBatis ORM框架 http://www.mybatis.org/mybatis-3/zh/index.html
MyBatisGenerator 数据层代码生成器 http://www.mybatis.org/generator/index.html
Druid 数据库连接池 https://github.com/alibaba/druid
JWT JWT登录支持 https://github.com/jwtk/jjwt
Lombok Java语言增强库 https://github.com/rzwitserloot/lombok
PageHelper MyBatis物理分页插件 http://git.oschina.net/free/Mybatis_PageHelper
Swagger-UI API文档生成工具 https://github.com/swagger-api/swagger-ui

前端技术

技术 说明 官网
Vue 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io
Axios 前端HTTP框架 https://github.com/axios/axios
v-charts 基于Echarts的图表框架 有源码 获取源码

5,页面展示

登录

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第2张图片

系统首页

一些小的特色功能

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第3张图片

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第4张图片

用户管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第5张图片

部门管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第6张图片

角色权限管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第7张图片

菜单权限管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第8张图片

数据字典管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第9张图片

日志管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第10张图片

商品管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第11张图片

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第12张图片 计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第13张图片

供应商管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第14张图片

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第15张图片 计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第16张图片

账单管理

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第17张图片

计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第18张图片 计算机毕业设计 | vue+springboot 超市账单管理系统(附源码)_第19张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,spring,boot,后端,毕业设计,java,node.js,vue)