網絡評分系統的設計與實現

□ 譚正龍

一、開發平臺的選用和介紹

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

二、系統功能及可行性分析

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

（一）服務器端

完成服務器端會員注冊、會員權限管理、參賽數據收集、評分數據讀寫等基本功能，首先要建立會員模型、權限管理模型、參賽模型和評分模型，然后利用VS平臺的代碼優先規則建立從模型到數據庫關聯，進而實現模型數據讀寫的基本功能。相應模型、相關數據庫建立以及服務器寄宿方式設置如下。

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

表1 用戶模型表

業務流程如圖1，管理員劃分角色。

圖1 注冊管理流程

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

表2 數據庫表格

圖2 評分流程

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

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

圖3 寄宿方式

（二）客戶端

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

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

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

三、主要代碼設計與實現

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

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

之后在WPF應用程序端的啟動程序中設置Http-Client訪問服務器，通過HttpClient的GetAsync方法獲得需要的數據。

（三）在客戶端通過調用Jquery的AJAX方法來實現與服務器的連接與數據交互。由于該方法重用率高，應建立AJAXHelper工具以方便重復調用AJAX方法。

四、結語

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