□ 譚正龍

一、開發(fā)平臺的選用和介紹

該款評分軟件使用Visual Studio 2019平臺開發(fā)，Microsoft Visual Studio（以下簡稱為VS）是美國微軟公司的開發(fā)工具包系列產(chǎn)品。VS是一個基本完整的開發(fā)工具集，包含了整個軟件生命周期所需要的大部分工具。評分系統(tǒng)使用C#語言為基礎(chǔ)開發(fā)語言，采用.NET平臺WebAPI模式開發(fā)服務(wù)器端，采用Bootstrap、knockout.js、WPF構(gòu)建跨平臺客戶端，利用Jquery的AJAX方法調(diào)用和服務(wù)器端進行數(shù)據(jù)交互實現(xiàn)。

二、系統(tǒng)功能及可行性分析

該款評分系統(tǒng)采用B/S、C/S架構(gòu)，在服務(wù)器端實現(xiàn)會員注冊、會員權(quán)限管理、參賽數(shù)據(jù)收集、評分數(shù)據(jù)讀寫等功能；在客戶端通過Jqury的AJAX方法調(diào)用實現(xiàn)和服務(wù)器端的數(shù)據(jù)交互，從而實現(xiàn)評分過程。之所以采用WebAPI模式開發(fā)服務(wù)器端是出于客戶端跨平臺特性的考慮。采用WebAPI模式時，服務(wù)器和客戶端傳輸數(shù)據(jù)可選擇JSON格式。JSON格式是一種輕量級通用的數(shù)據(jù)交換格式，可以輕松將JSON格式數(shù)據(jù)轉(zhuǎn)換成JavaScript對象。得益于JavaScript在多種應(yīng)用中的廣泛使用，JSON可在手機瀏覽器、電腦瀏覽器、電腦程序、微信等多類客戶端和服務(wù)器實現(xiàn)無差別通訊，豐富客戶端形式。以下從服務(wù)器端及客戶端分析系統(tǒng)可行性。

（一）服務(wù)器端

完成服務(wù)器端會員注冊、會員權(quán)限管理、參賽數(shù)據(jù)收集、評分數(shù)據(jù)讀寫等基本功能，首先要建立會員模型、權(quán)限管理模型、參賽模型和評分模型，然后利用VS平臺的代碼優(yōu)先規(guī)則建立從模型到數(shù)據(jù)庫關(guān)聯(lián)，進而實現(xiàn)模型數(shù)據(jù)讀寫的基本功能。相應(yīng)模型、相關(guān)數(shù)據(jù)庫建立以及服務(wù)器寄宿方式設(shè)置如下。

1.會員及權(quán)限模型。構(gòu)建該系統(tǒng)的權(quán)限管理模型時，該系統(tǒng)對會員身份的需求大致可以分為系統(tǒng)管理員、比賽管理員、評委、參賽者和普通會員五類。系統(tǒng)登錄采用注冊登錄制，系統(tǒng)管理員具有更改已注冊會員身份的權(quán)限，采用ASP.NET的Identity模塊來實現(xiàn)該系統(tǒng)的會員功能。ASP.NET Identity可用于所有的ASP.NET框架，如ASP.NET MVC、Web窗體、網(wǎng)頁和WebAPI。采用ASP.NET的Identity建立模型可簡單實現(xiàn)跨平臺的用戶管理。主要用戶模型字段及角色模型字段建立如表1。

表1 用戶模型表

業(yè)務(wù)流程如圖1，管理員劃分角色。

圖1 注冊管理流程

2.評分模型。系統(tǒng)管理員添加比賽并分配比賽管理員，比賽管理員完成添加比賽評委及參賽者后，添加單場比賽評分項，評委根據(jù)比賽進程進行打分操作，主要涉及評分模型字段建立和評分流程，如表2和圖2。

表2 數(shù)據(jù)庫表格

圖2 評分流程

3.創(chuàng)建數(shù)據(jù)庫。至此已經(jīng)設(shè)置好主要模型，通過VS的代碼優(yōu)先編程模型，可以依據(jù)數(shù)據(jù)模型創(chuàng)建數(shù)據(jù)庫實體。為給定數(shù)據(jù)模型協(xié)調(diào)實體框架功能的主類是數(shù)據(jù)庫上下文類，通過創(chuàng)建派生自DBContext的類來定義這種對應(yīng)關(guān)系。根據(jù)前述設(shè)置好的模型，通過代碼優(yōu)先規(guī)則共生成了用于存儲數(shù)據(jù)的5張數(shù)據(jù)表，分別用于存儲用戶、角色、比賽和評分記錄等信息。

4.服務(wù)器寄宿方式。服務(wù)器端可通過設(shè)置寄宿方式，達到支持多類型客戶端的目的。WebAPI寄宿的本質(zhì)是利用一個具體的應(yīng)用程序為WebAPI提供一個運行的環(huán)境，并最終解決“請求的接收和響應(yīng)的回復(fù)”。該評分系統(tǒng)采用Web Host方式寄宿WebAPI接收以及響應(yīng)來自微信、移動客戶端瀏覽器、電腦端瀏覽器的請求，采用Self Host方式寄宿WebAPI接收以及響應(yīng)來自電腦應(yīng)用程序的請求，如圖3。

圖3 寄宿方式

（二）客戶端

該評分系統(tǒng)支持多種形式的客戶端，主要包括移動設(shè)備瀏覽器、電腦瀏覽器、微信和電腦應(yīng)用程序，采用電腦程序端可以實現(xiàn)評分過程、評分結(jié)果的投屏顯示，方便評分進程公開化。下面主要以移動設(shè)備端以及電腦程序端進行說明。

1.移動設(shè)備端。移動設(shè)備客戶端采用Jquery的AJAX異步通信模式和服務(wù)端實現(xiàn)數(shù)據(jù)交互，移動設(shè)備客戶端發(fā)送的請求通過服務(wù)器的Web Host模式路由到達對應(yīng)的服務(wù)處理程序中進行處理，服務(wù)器再將處理結(jié)果返回客戶端。為了在多種屏幕大小不一樣的設(shè)備中獲取最佳使用體驗，使用了Bootstrap和knockout.js進行界面的設(shè)計以及界面元素和后端數(shù)據(jù)的綁定。

2.電腦應(yīng)用程序端。電腦應(yīng)用程序設(shè)計是為了獲得更好的投屏顯示效果，因此采用了VS平臺中的WPF來進行開發(fā)。WPF的優(yōu)勢在于圖形向量渲染引擎，能開發(fā)出較為酷炫的界面以滿足投屏顯示評分過程及評分結(jié)果的需求。電腦應(yīng)用程序端發(fā)送的請求通過服務(wù)器的Self Host模式路由到對應(yīng)的服務(wù)處理程序中進行處理，服務(wù)器再將結(jié)果返回客戶端顯示。

三、主要代碼設(shè)計與實現(xiàn)

（一）在服務(wù)器實現(xiàn)Web Host寄宿以支持與移動設(shè)備瀏覽器、微信、電腦瀏覽器的連接與數(shù)據(jù)交互。采用Web Host方式寄宿WebAPI，ASP.NET自身的路由系統(tǒng)會成為接收請求的第一道屏障，因此我們需要做的就是根據(jù)需求注冊相應(yīng)的路由。在項目中添加一個Global.asax文件，并建立Application_Start方法，在方法中完成路由設(shè)立，代碼如下：

（二）在服務(wù)器實現(xiàn)Self Host寄宿以支持與電腦應(yīng)用程序的連接與數(shù)據(jù)交互。對比Web Host寄宿方式，Self Host不僅要完成必要的路由注冊，還需要完成手工加載定義了HttpController類型的程序集。

之后在WPF應(yīng)用程序端的啟動程序中設(shè)置Http-Client訪問服務(wù)器，通過HttpClient的GetAsync方法獲得需要的數(shù)據(jù)。

（三）在客戶端通過調(diào)用Jquery的AJAX方法來實現(xiàn)與服務(wù)器的連接與數(shù)據(jù)交互。由于該方法重用率高，應(yīng)建立AJAXHelper工具以方便重復(fù)調(diào)用AJAX方法。

四、結(jié)語

本文闡述了網(wǎng)絡(luò)評分系統(tǒng)的設(shè)計與實現(xiàn)，包括系統(tǒng)數(shù)據(jù)模型的建立，服務(wù)器與客戶端主要功能部分的實現(xiàn)過程等內(nèi)容。評分系統(tǒng)由服務(wù)器、多類客戶終端組成，操作簡單，可實現(xiàn)移動設(shè)備如手機端打分，具有較強的通用性，適應(yīng)多種場景，可以為各項活動、比賽、晚會等評分、顯示提供便利途徑，提高打分的效率及準(zhǔn)確率。