基于MVVM框架的汽车销售管理系统设计与实现
2021-12-17丁海洋王昊翔姚全珠
丁海洋，王昊翔，姚全珠
（西京学院，陕西西安，710123）
0 引言
近年来，中国经济发展迅速，汽车企业的销售订单越来越多，因此对汽车企业的汽车销售信息进行了调查，发现随着汽车销售信息的增加，汽车店的销售管理工作也越来越繁琐。手动管理不能再满足当前的需求，容易出错，并且具有大量数据。因此，为了提高汽车企业销售管理的工作效率，有必要开发一款汽车销售管理系统。
1 系统设计
■1.1 系统体系结构
汽车销售管理系统采用B/S架构、MVVM框架开发，是标准的MVC模式的改进版。整个系统划分为四层，依次是Dao层、Service层、Controller层 与View层，Dao层负责与数据库的交互，Service层负责业务的应用逻辑，Controller层负责请求的处理与业务流程的控制，View层负责页面数据渲染。
本系统前端使用渐进式框架Vue开发，后端是由SpringBoot框架开发，降低了前后端的耦合度，实现了前后端的分离。
■1.2 功能模块设计
本系统主要分为了管理员与员工两个用户角色，其具体如下：
(1)管理员
管理员登录后主要功能有个人信息、员工管理、汽车信息、销售信息、统计报表、系统管理与公告管理。管理员的功能模块图如图1所示。
图1 管理员功能模块图
(2)员工
员工登录后主要功能有公告信息、个人信息、汽车信息、销售信息与统计报表，员工的功能模块图如图2所示。
图2 员工功能模块图
■1.3 数据库设计
1.3.1 数据库E-R图设计
E-R图为实体-联系图，提供了表示实体、属性和联系的方法，是用来描述现实世界的概念模型。实体即我们所说的对象或字段，属性和方法，也就是某一个对象的属性和方法。E-R图是一种描述显示数据类型间的关系的数据描述方法，E-R图可以完整地映射出现实模型的关系。E-R图中的三个最为重要的元素就是实体、属性、关系，E-R图即由这三点组成。汽车销售管理系统的数据库总体E-R图如图3所示。
图3 数据库总体E-R图
1.3.2 数据库表设计
汽车销售管理系统需要有后台的数据库，本系统采用MySQL数据库进行数据的存储，下面介绍数据库中各个表的详细信息。
(1)管理员信息表：用来储存管理员信息，如表1所示。
表1 管理员信息表
(2)员工信息表：用来存储员工信息，如表2所示。
表2 员工信息表
(3)汽车信息表：用来存储汽车信息，如表3所示。
表3 汽车信息表
(4)销售信息表：用来存储汽车的销售信息，如表4所示。
表4 销售信息表
userId 员工编号 int 10 否 是userName 员工名称varchar 20 否 是consumerName 客户名 varchar 20 否 是consumerPhone客户电话varchar 20 否 是
2 系统实现
本系统的实现分为管理员与员工两种模式，系统流程图如图4所示。本系统采用的是B/S架构、MVVM框架开发，将视图UI与业务逻辑分开，实现了前后端的分离，达到了解耦的目的，前后端的交互通过Axios跨域实现。
图4 系统流程图
本系统前端是由渐进式框架Vue开发，Vue框架是基于模块化与组件化，模块化思想是封装好模块对外提供接口，组件化思想是用组件拼凑出完整的页面，实现代码的复用。前端通过调用后端提供的接口API向后端发送请求，前端接收到后端返回的数据后先对数据进行存放，最后通过数据的双向绑定对页面进行渲染。
本系统后端是由SpringBoot框架实现，它主要负责接收并处理前端的请求、与数据库交互以及返回给前端所需的数据，后端不需要关心数据如何加载到前端中以及前端页面如何渲染。后端主要分为三层，依次为Dao层、Service层、Controller层，Controller层负责接收并处理前端的请求，还负责给前端提供调用的接口API，收到前端的请求后，依次调用Service与Dao层，最后以JSON格式将数据返回给前端。
本系统数据库选用的是MySQL数据库，服务器使用的是SpringBoot内置的Tomcat服务器，开发环境是JDK1.8.0。之所以采用MVVM框架是因为其具有低耦合、可重用性、独立开发、测试方便等优点。系统运行只需用户调用API接口向后台发送请求，后台对接收到的请求进行业务处理，再将处理的结果返回给前端，前端收到后台返回的数据后将其渲染到页面，系统的前后端交互过程如图5所示。
图5 前后端交互图
3 结论
汽车销售管理系统是汽车销售企业的重要组成部分，本系统的开发加强了汽车企业对汽车销售信息的管理，提高了综合管理能力，促进了汽车产业的快速发展。本文设计并实现了基于汽车企业销售订单的汽车销售管理系统，该系统采用了IntelliJ IDEA与Visual Studio Code编译软件、Tomcat服务器、MySQL数据库、JDK1.8.0开发环境、Google Chrome浏览器，包含了员工与管理员两种模式。本系统的开发将促进信息技术在汽车销售企业中的应用和发展，同时还能提高汽车企业的核心竞争力。
