基于MVVM框架的汽車銷售管理系統設計與實現

丁海洋，王昊翔，姚全珠

（西京學院，陜西西安，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瀏覽器，包含了員工與管理員兩種模式。本系統的開發將促進信息技術在汽車銷售企業中的應用和發展，同時還能提高汽車企業的核心競爭力。