第4章系統(tǒng)設(shè)計4.1順序圖4.1.1登錄順序圖根據(jù)系統(tǒng)分析和登錄活動圖分析，得到用戶登錄的時序圖，如圖4.1所示。圖4.1登錄時序圖4.1.2銷售信息管理順序圖根據(jù)系統(tǒng)分析和銷售信息管理活動圖分析，得到銷售信息管理的時序圖，如圖4.2所示。圖4.2銷售信息管理時序圖4.1.3客戶關(guān)系管理順序圖根據(jù)系統(tǒng)分析和客戶關(guān)管理活動圖分析，得到客戶關(guān)系管理的時序圖，如圖4.3所示。圖4.3客戶關(guān)系管理時序圖4.1.4售后管理順序圖根據(jù)系統(tǒng)分析和售后管理活動圖分析，得到售后管理的時序圖，如圖4.4所示。圖4.4售后管理時序圖4.1.5庫存管理順序圖根據(jù)系統(tǒng)分析和庫存管理活動圖分析，得到庫存管理的時序圖，如圖4.5所示。圖4.5庫存管理時序圖4.2設(shè)計類圖根據(jù)初始類圖進(jìn)行細(xì)化后，詳細(xì)描述了每個實體類、界面類和控制類的描述和操作以及類之間的關(guān)系的類圖。圖4.6系統(tǒng)設(shè)計的類圖4.3數(shù)據(jù)庫設(shè)計4.3.1實體類圖根據(jù)公司系統(tǒng)的各個功能模塊，進(jìn)行綜合分析得到的實體類圖共有六個實體類，分別是SalesAdministrator(銷售管理員)，InventoryAdministrator(庫存管理員)，customer(客戶)，automobile(汽車)，warehouse（倉庫），SalesAnalysisTable（銷售分析表）每個實體類有各自的類名，屬性和方法，具體的實體類圖如圖4.7所示。圖4.7實體類圖4.3.2數(shù)據(jù)庫物理模型設(shè)計通過分析企業(yè)需求以及當(dāng)前所有的難題并經(jīng)過系統(tǒng)分析，上海云盛公司汽車銷售管理系統(tǒng)將使用MySQL作為數(shù)據(jù)存儲工具[9]。根據(jù)上海云盛公司汽車銷售管理系統(tǒng)的具體的功能模塊，現(xiàn)在數(shù)據(jù)庫建立6張數(shù)據(jù)庫表，這6張表名稱分別是：Inventorymanager、Salesadministrator、customerinformation、Automobileinformation、Warehouseinformation、SalesAnalysisTable。表4.1銷售管理員信息表編號數(shù)據(jù)項名稱字段名是否主鍵是否為空類型及長度1-1用戶idSalesId是否int1-2用戶賬號Sales01否否varchar（50）1-3用戶名SalesName否否varchar（130）1-4用戶密碼SalesPass否否varchar（130）1-5用戶權(quán)限SalesRight否否int表4.2庫存管理員信息表編號數(shù)據(jù)項名稱字段名是否主鍵是否為空類型及長度1-1用戶idInventoryId是否int1-2用戶賬號Inventory01否否varchar（50）1-3用戶名InventoryName否否varchar（130）1-4用戶密碼InventoryPass否否varchar（130）1-5用戶權(quán)限InventoryRight否否int表4.3客戶信息表編號數(shù)據(jù)項名稱字段名是否主鍵是否為空類型及長度1-1客戶姓名customerId是否int1-2客戶年齡customerage否否varchar（50）1-3客戶購買車輛customerSUV否否varchar（130）1-4客戶交易日期Customerdate否否varchar（130）1-5客戶需求Customerdemand否否int表4.4汽車信息表編號數(shù)據(jù)項名稱字段名是否主鍵是否為空類型及長度1-1汽車idAutomobileId是否int1-2汽車入庫日期Automobileputdate否否varchar（50）1-3汽車交易日期Automobiletradedate否否varchar（130）1-4汽車生產(chǎn)日期Automobileproducedate否否varchar（130）1-5汽車價格Automobileplace否否int1-6汽車購買者Automobilecustomer否否varchar（130）1-7汽車銷售員AutomobileSalesman否否varchar（130）表4.5倉庫信息表編號數(shù)據(jù)項名稱字段名是否主鍵是否為空類型及長度1-1倉庫idWarehouseId是否int1-2汽車數(shù)量Automobilenumber否否varchar（50）1-3汽車編號AutomobileId否否int1-4汽車價格Automobileplace否否varchar（130）1-5庫存管理員Inventorymanager否否varchar（130）1-6汽車入庫日期Automobileputdate否否varchar（130）1-7汽車生產(chǎn)日期Automobileproducedate否否varchar（130）1-8汽車出庫日期Automobileoutdate否否varchar（130）表4.6銷售分析表編號數(shù)據(jù)項名稱字段名是否主鍵是否為空類型及長度1-1編號IDTableId是否int1-2汽車IDAutomobileId否否varchar（50）1-3客戶購買車輛customerSUV否否varchar（130）1-4客戶交易日期Customerdate否否varchar（130）1-5客戶需求Customerdemand否否int4.4界面設(shè)計4.4.1登錄界面設(shè)計圖4.8登錄界面設(shè)計圖4.4.2銷售信息管理界面設(shè)計圖4.9銷售信息管理界面設(shè)計圖4.4.3客戶關(guān)系管理界面設(shè)計圖4.10客戶關(guān)系管理界面設(shè)計圖4.4.4售后管理界面設(shè)計圖4.11售后管理界面設(shè)計圖4.4.5庫存管理界面設(shè)計圖4.12庫存管理界面設(shè)計圖第5章系統(tǒng)實現(xiàn)5.1環(huán)境配置上海云盛公司汽車銷售管理系統(tǒng)是在win10的環(huán)境下進(jìn)行開發(fā)，系統(tǒng)采用前后端分離的技術(shù)開發(fā)，首先需要安裝jdk，本系統(tǒng)采用的jdk版本為1.8，其次藥品預(yù)訂管理系統(tǒng)選擇的開發(fā)編譯工具為IntelliJIDEA和HBuilderX，采用的前端框架為Bootstrap，數(shù)據(jù)庫選用的是MySQL數(shù)據(jù)庫，版本號為8.0.31。5.2系統(tǒng)登錄實現(xiàn)上海云盛公司汽車銷售管理系統(tǒng)登陸界面，如圖5.1所示。圖5.1系統(tǒng)登錄頁面核心代碼：<template><div><divclass="login-container"><divstyle="width:350px"class="login-box"><divstyle="font-weight:bold;font-size:24px;text-align:center;margin-bottom:30px">登錄</div><el-form:model="data.form"ref="formRef":rules="rules"><el-form-itemprop="username"><el-inputprefix-icon="User"v-model="data.form.username"placeholder="請輸入賬號"/></el-form-item><el-form-itemprop="password"><el-inputshow-passwordprefix-icon="Lock"v-model="data.form.password"placeholder="請輸入密碼"/></el-form-item><el-form-itemprop="role"><el-selectstyle="width:100%"v-model="data.form.role"><el-optionvalue="ADMIN"label="庫存管理員"></el-option><el-optionvalue="STUDENT"label="銷售管理員"></el-option></el-select></el-form-item>5.3銷售信息管理實現(xiàn)上海云盛公司汽車銷售管理系統(tǒng)銷售信息管理界面，銷售管理員登錄該界面主要實現(xiàn)銷售信息的記錄以及銷售信息的分析，如圖5.2、5.3、5.4所示。圖5.2銷售信息管理實現(xiàn)頁面圖5.3銷售信息記錄增添實現(xiàn)頁面圖5.4銷售信息分析實現(xiàn)頁面核心代碼：<divclass="card"style="margin-bottom:10px"><divstyle="margin-bottom:10px"><el-buttontype="primary"@click="handleAdd">新增</el-button><el-table:data="data.tableData"style="width:100%"><el-table-columnprop="id"label="序號"width="70"/><el-table-columnprop="name"label="客戶姓名"/><el-table-columnprop="age"label="客戶年齡"/>--><el-table-columnprop="suv"label="客戶購買車輛"/><el-table-columnprop="date"label="客戶交易日期"/><el-table-columnprop="demand"label="售后需求"/><el-table-columnlable="操作"width="180"/>constchart=echarts.init(document.getElementById('chart'));constoption={title:{text:'客戶購買車輛統(tǒng)計',left:'center'},tooltip:{},xAxis:{type:'category',data:data.tableData.map(item=>item.suv)},yAxis:{type:'value'},series:[{name:'數(shù)量',type:'bar',data:data.tableData.map(item=>item.age)}]};chart.setOption(option);console.log(res);//數(shù)據(jù)可視化})5.4客戶關(guān)系管理實現(xiàn)上海云盛公司汽車銷售管理系統(tǒng)客戶關(guān)系管理模塊，銷售管理員登錄該界面可以實現(xiàn)客戶的檔案記錄、客戶購車記錄管理以及客戶服務(wù)需求增添，如圖5.5、5.6、5.7、5.8所示。圖5.5客戶檔案記錄實現(xiàn)頁面核心代碼：<div><el-table:data="data.tableData"style="width:100%"><el-table-columnprop="id"label="序號"width="70"/><el-table-columnprop="name"label="客戶姓名"/><el-table-columnprop="age"label="客戶年齡"/><el-table-columnprop="suv"label="客戶購買車輛"/>--><el-table-columnprop="date"label="客戶交易日期"/><el-table-columnprop="demand"label="客戶需求"/><el-table-columnlable="操作"width="180"/><el-table-column><template#default="scope"><!--<el-buttontype="primary"@click="handleEdit(scope.row)">編輯</el-button>--><!--<el-buttontype="danger"@click="del(scope.row.id)">刪除</el-button>--></template></el-table-column></el-table></div></div>圖5.6客戶購車記錄管理編輯頁面圖5.7客戶購車記錄管理實現(xiàn)頁面核心代碼：<div><el-table:data="data.tableData"style="width:100%"><el-table-columnprop="id"label="序號"width="70"/><el-table-columnprop="name"label="客戶姓名"/><el-table-columnprop="age"label="客戶年齡"/>--><el-table-columnprop="suv"label="客戶購買車輛"/><el-table-columnprop="date"label="客戶交易日期"/><el-table-columnprop="demand"label="客戶需求"/><el-table-columnlable="操作"width="180"/><el-table-column><template#default="scope"><el-buttontype="primary"@click="handleEdit(scope.row)">編輯</el-button><el-buttontype="danger"@click="del(scope.row.id)">刪除</el-button></template></el-table-column></el-table></div></div>圖5.8客戶服務(wù)需求增添編輯頁面圖5.9客戶服務(wù)需求增添實現(xiàn)頁面核心代碼：<div><el-table:data="data.tableData"style="width:100%"><el-table-columnprop="id"label="序號"width="70"/><el-table-columnprop="name"label="客戶姓名"/><!--<el-table-columnprop="age"label="客戶年齡"/>--><el-table-columnprop="suv"label="客戶購買車輛"/><!--<el-table-columnprop="date"label="客戶交易日期"/>--><el-table-columnprop="demand"label="客戶需求"/><el-table-columnlable="操作"width="180"/><el-table-column><template#default="scope"><el-buttontype="primary"@click="handleEdit(scope.row)">編輯</el-button><!--<el-buttontype="danger"@click="del(scope.row.id)">刪除</el-button>--></template></el-table-column></el-table></div></div>5.5售后管理實現(xiàn)上海云盛公司汽車銷售管理系統(tǒng)售后管理模塊，銷售管理員登錄該界面可實現(xiàn)售后訂單的增添、修改，如圖5.10、5.11所示.圖5.10售后信息增添實現(xiàn)頁面圖5.11增添成功實現(xiàn)頁面核心代碼：<el-table:data="data.tableData"style="width:100%"><el-table-columnprop="id"label="序號"width="70"/><el-table-columnprop="name"label="客戶姓名"/><el-table-columnprop="age"label="客戶年齡"/>--><el-table-columnprop="suv"label="客戶購買車輛"/><el-table-columnprop="date"label="客戶交易日期"/><el-table-columnprop="demand"label="售后需求"/><el-table-columnlable="操作"width="180"/><el-table-column><template#default="scope"><el-buttontype="primary"@click="handleEdit(scope.row)">編輯</el-button><el-buttontype="danger"@click="del(scope.row.id)">刪除</el-button></template></el-table-column></el-table></div></div>5.6庫存管理實現(xiàn)上海云盛公司汽車銷售管理系統(tǒng)，庫存管理員登錄庫存管理模塊界面，可實現(xiàn)入庫單的審核、庫存查詢功能，如圖5.12、5.13、5.14所示.圖5.12待審核汽車信息實現(xiàn)頁面圖5.13審核通過保存實現(xiàn)頁面圖5.14庫存查詢信息實現(xiàn)頁面核心代碼：<el-table:data="data.tableData"style="width:100%"><el-table-columnprop="id"label="序號"width="70"/><el-table-columnprop="name"label="單號名稱"/><el-table-columnprop="no"label="單號"/><el-table-columnprop="descr"label="單號描述"/><el-table-columnprop="times"label="單號日期"/><el-table-columnprop="teacher"label="人員"/><el-table-columnlable="操作"width="180"/><el-table-column><template#default="scope"><el-buttontype="primary"@click="save02(scope.row)">通過</el-button><el-buttontype="danger"@click="del(scope.row.id)">拒絕</el-button>--></template></el-table-column></el-table></div></div>第6章系統(tǒng)測試6.1登錄模塊測試輸入數(shù)據(jù)：賬號、密碼。測試結(jié)果：密碼輸入成功進(jìn)入系統(tǒng)。如圖6.1所示。圖6.1登錄成功6.2.售信息管理測試銷售管理員在銷售信息記錄界面點擊新增按鈕，輸入銷售信息：“客戶姓名、年齡、購買車輛、交易日期、客戶需求”。測試結(jié)果：輸入完成后，新增成功，如圖6.2所示圖6.2添加成功6.3客戶關(guān)系管理測試銷售管理員點擊需要管理的購車記錄，點擊編輯或刪除。測試結(jié)果：點擊編輯，輸入購車記錄信息，保存完成，如圖6.3所示；刪除完成，如圖6.4、圖6.5所示。圖6.3購車記錄保存成功圖6.4確認(rèn)刪除截圖圖6.5刪除成功6.4售后管理測試銷售管理員點擊需要管理的售后訂單，點擊新增或者編輯已有的訂單，輸入信息：“客戶姓名、購買車輛、交易時間、售后需求”。測試結(jié)果：保存成功，如圖6.6、圖6.7所示。圖6.6增加售后信息截圖圖6.7增加成功截圖6.5庫存管理測試庫存管理員進(jìn)入庫存管理模塊，點擊車輛入庫管理，選擇新增按鈕，對車輛入庫信息進(jìn)行填寫：“車輛名稱、車輛編號、車輛描述、入庫日期、人員”，如圖6.8所示。測試結(jié)果：增添成功，車輛入庫成功，如圖6.9所示。 圖6.8庫存信息填寫截圖 圖6.9增添成功截圖第7章結(jié)論本篇論文設(shè)計開發(fā)的上海云盛公司SUV汽車銷售管理系統(tǒng)，整體功能大體可分為兩個模塊：銷售管理模塊和庫存管理模塊，共實現(xiàn)了銷售信息管理、客戶信息管理、客戶需求管理、購車管理、車輛入庫管理、入庫單管理、庫存審核管理、管理員信息管理八項功能。并且使用黑盒測試法，對已開發(fā)的上海云盛公司SUV汽車銷售管理系統(tǒng)的各項功能進(jìn)行測試，主要流程分為：登錄測試、銷售信息管理測試、客戶信息管理測試、售后管理測試、庫存管理測試?，F(xiàn)如今，基于市場的競爭愈加激烈，上海云盛公司SUV汽車銷售管理系統(tǒng)作為已經(jīng)開發(fā)的管理系統(tǒng)，不僅能用來進(jìn)行簡單的銷售管理和庫存管理，還可以較好地整合、優(yōu)化工廠的資源，提升資源利用率。本系統(tǒng)的特點