趙志威 張生月 蔣應舉 屠曉光

摘? 要：隨著高新技術(shù)企業(yè)群體在技術(shù)創(chuàng)新、支撐經(jīng)濟高質(zhì)量發(fā)展中發(fā)揮作用的凸顯，對于認定管理工作提出了更高要求。通過研究高新技術(shù)企業(yè)創(chuàng)新能力評價體系，分析評價實體需求，設計并實現(xiàn)了基于Java的SpringBoot框架和Html+Css+Ts的vue.js框架的企業(yè)創(chuàng)新能力評價平臺。實踐證明，該平臺系統(tǒng)的使用實現(xiàn)了甘肅省高新技術(shù)企業(yè)創(chuàng)新能力評價工作的數(shù)字化，極大地提高了評審打分的效率，提升了高新技術(shù)企業(yè)認定評審的服務水平。

關鍵詞：高新技術(shù)企業(yè);信息化管理;SpringBoot

中圖分類號：TP311? ? ? ? ? ? ? ? ? 文獻標識碼：A文章編號：2096-4706（2021）40-0040-03

Abstract： As high tech enterprise groups play an important role in technological innovation and supporting high-quality economic development， higher requirements are put forward for identification management. By studying the innovation capability evaluation system of high tech enterprises and analyzing the evaluation entity requirements， the enterprise innovation capability evaluation platform based on Java SpringBoot framework and Html+Css+Ts vue.js framework is designed and implemented. Practice has proved that the use of the platform system has realized the digitization of the evaluation of innovation ability of high tech enterprises in Gansu province， greatly improved the efficiency of evaluation and scoring， improved the service level of accreditation and review of high tech enterprises.

Keywords： high tech enterprise; informatization management; SpringBoot

0? 引? 言

高新技術(shù)企業(yè)作為國內(nèi)技術(shù)創(chuàng)新能力較高的企業(yè)群體，在實現(xiàn)國家創(chuàng)新發(fā)展戰(zhàn)略、促進經(jīng)濟增長、調(diào)整產(chǎn)業(yè)結(jié)構(gòu)和創(chuàng)造社會財富等方面起著重要作用。根據(jù)《高新技術(shù)企業(yè)認定管理辦法》（國科發(fā)火〔2016〕32號）和《高新技術(shù)企業(yè)認定管理工作指引》（國科發(fā)火〔2016〕195號）文件的要求，在高新技術(shù)企業(yè)評審認定工作流程中，需要技術(shù)專家與財務專家對申報企業(yè)的創(chuàng)新能力進行評價打分。以往評審環(huán)節(jié)通常都是用手工統(tǒng)計的方法進行分數(shù)匯總，其工作效率低且容易出現(xiàn)錯誤。所以開發(fā)一套易用性好、安全性高，符合認定管理辦法的數(shù)字化評審系統(tǒng)是非常必要的[1]。

1? 平臺的技術(shù)路線

在充分考慮系統(tǒng)的易用性、兼容性、穩(wěn)定性等因素后，系統(tǒng)基于前后端分離的設計思路，并選用以下開發(fā)技術(shù)作為本平臺實現(xiàn)的主要手段。

1.1? 前端技術(shù)

本平臺前端主要基于Html5+Css+Type Script及vue.js框架進行組件化開發(fā)。

Html5：Html5是構(gòu)建Web內(nèi)容的一種語言描述方式。被認為是互聯(lián)網(wǎng)的核心技術(shù)之一，廣泛應用于互聯(lián)網(wǎng)應用的開發(fā)。本評審系統(tǒng)的操作界面都是基于網(wǎng)頁端進行操作的。

Css：層疊樣式表是一種用來表現(xiàn)HTML等文件樣式的編程語言。評審系統(tǒng)不僅要兼顧實用性還要提供良好的用戶體驗。CSS能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力[2]。

Type Script：是Java Script類型的超集，它可以編譯成純JavaScript，Type Script可以在任何瀏覽器、計算機和操作系統(tǒng)上運行，并且是開源的。

Vue.js：是一套用于構(gòu)建用戶界面的漸進式JavaScript框架。它是一種自底向上的逐層應用，便于與第三方庫或既有項目整合及相關類庫的調(diào)用和驅(qū)動。

1.2? 后端技術(shù)

本平臺后端技術(shù)主要基于Java的Springboot框架得以實現(xiàn)。

Springboot：繼承了Spring框架原有的優(yōu)秀特性，而且還通過簡化配置進一步簡化了Spring應用的整個搭建和開發(fā)過程[3]。

2? 平臺的總體設計

2.1? 體系架構(gòu)設計

通過上面提到的開發(fā)技術(shù)，利用瀏覽器/服務器的體系架構(gòu)，用戶通過瀏覽器訪問系統(tǒng)，實現(xiàn)系統(tǒng)前端與后端的分離。這種開發(fā)模式一方面因為解耦提高了平臺性能和擴展性，另一方面因為明確的前后端業(yè)務實現(xiàn)，使得在開發(fā)出錯時能很快地找出原因，為提高開發(fā)效率、降低系統(tǒng)運維成本提供基本保證。前端通過NPM安裝Vue和Element UI項目[4]，實現(xiàn)頁面跳轉(zhuǎn)、接口調(diào)用等功能，并采用axios進行異步請求與后端完成交互。后端實現(xiàn)業(yè)務邏輯，在IDEA中創(chuàng)建了Spring Boot項目，通過Maven自動安裝、管理項目相關依賴配置[5]。最底層則是負責提供數(shù)據(jù)存儲服務的MySQL數(shù)據(jù)庫。本平臺體系架構(gòu)如圖1所示。

2.2? 功能模塊設計

該評審系統(tǒng)根據(jù)其主要功能分為三個大模塊，分別是專家系統(tǒng)、評審系統(tǒng)和企業(yè)系統(tǒng)，如圖2 所示。

專家系統(tǒng)功能模塊中的評審專家管理可以生成專家空白賬號，填寫專家數(shù)量，設置專家評審組，設置專家類型、指定評審組組長;專家評審組管理可對專家賬號進行刪除和轉(zhuǎn)組操作;專家評審表打印可打印技術(shù)專家評價表和財務專家評價表，以及每位專家的評審企業(yè)的打分確認表。

評審系統(tǒng)功能模塊中的評審組管理可以對本年度評審批次的申報企業(yè)情況進行評審組管理;參評企業(yè)管理可通過勾選需要進行分配的企業(yè)，為企業(yè)分配專家;評審進度管理可以查看專家為企業(yè)打分結(jié)果、打分狀態(tài)和提交狀態(tài)，并且可以由評審組、專家類型、關鍵字、打分狀態(tài)、提交狀態(tài)對專家的打分進行篩選;評審結(jié)果管理可以匯總查看所有參評企業(yè)的分數(shù)、管理專家打分權(quán)限和組長總結(jié)權(quán)限、打印組長總結(jié)表及導出評審結(jié)果詳情表。

企業(yè)系統(tǒng)功能模塊中的企業(yè)數(shù)據(jù)導入可以導入國網(wǎng)申報系統(tǒng)中申報企業(yè)的相關數(shù)據(jù);診斷單數(shù)據(jù)導入可以導入形式審查中摘抄的參評企業(yè)其他參考數(shù)據(jù)。參評企業(yè)組設置可以勾選要參評的企業(yè)項，以設置企業(yè)參評，并且可以取消企業(yè)的參評資格和修改企業(yè)所屬的評審組。該模塊還提供篩選和搜索的檢索功能，可以根據(jù)技術(shù)領域、參評企業(yè)名稱等進行模糊匹配。

2.3? 數(shù)據(jù)庫設計

評價平臺數(shù)據(jù)庫采用MySQL數(shù)據(jù)庫?？紤]到數(shù)據(jù)庫在運行、檢索及維護效率上的需求，在遵循數(shù)據(jù)庫設計三大范式基礎上盡量采用分表設計。通過前期需求分析，本系統(tǒng)涉及的實體對象有用戶、企業(yè)、企業(yè)成果轉(zhuǎn)化，企業(yè)研發(fā)費用、企業(yè)研究開發(fā)活動、評價標準、評審專家等，根據(jù)實體間的關聯(lián)，共設計出52張表，包括用戶信息表、企業(yè)信息表、企業(yè)成果轉(zhuǎn)化表、企業(yè)研發(fā)費用表、企業(yè)研究開發(fā)活動表、評價標準表、評審專家表、評審結(jié)果匯總表等。

3? 平臺的實現(xiàn)

3.1? 前后端實現(xiàn)簡介

評價平臺系統(tǒng)前端使用基于vue-cli腳手架的vue框架開發(fā)，根據(jù)用戶角色分別單獨構(gòu)建，分別是管理員前端、企業(yè)端、評審專家端，多端之間不產(chǎn)生依賴，頁面構(gòu)建之后使用nginx獨立部署，存放css、js、圖片等一系列靜態(tài)資源，負責頁面引用、跳轉(zhuǎn)，并通過http協(xié)議請求調(diào)用后端接口。前端主要實現(xiàn)代碼結(jié)構(gòu)為：

├── dist

├── package.json

├── public

├── src

│? ?├── App.vue

│  ?├── assets

│? ?├── components

│? ?├── main.ts

│? ?├── router

│? ?│? ?└── index.ts

│? ?├── store

│? ?│? ?└── index.ts

│? ?├── utils

│? ?│? ?├── Config.js

│? ?│? ?├── xxx

│? ?│? ?├── …

│? ?└── views

│? ? ? ?├── Home.vue

│? ? ? ?├── ..

└── vue.config.js

其中public、src文件夾為主要代碼文件夾，package.json，router/index.ts、store/index.ts、vue.config.js等為配置文件，dist文件夾為項目打包之后的文件存放路徑。

評價平臺系統(tǒng)后端使用Java平臺的Springboot的mvc框架完成基礎數(shù)據(jù)庫的建設，負責處理前端通過HTTP協(xié)議傳輸?shù)挠脩糨斎?，然后處理用戶的?shù)據(jù)并把結(jié)果返回給前端。

3.2? 數(shù)據(jù)安全實現(xiàn)簡介

為了保證系統(tǒng)數(shù)據(jù)的安全性，使用自動+手動的數(shù)據(jù)備份恢復策略。系統(tǒng)會在系統(tǒng)負載低的凌晨自動備份數(shù)據(jù)，備份包括文件備份和數(shù)據(jù)庫備份，數(shù)據(jù)庫備份速度較快，能在10 s之內(nèi)完成對數(shù)據(jù)庫的完整備份，而文件備份較慢。為了進一步保證數(shù)據(jù)的安全，系統(tǒng)會在凌晨通過ftp自動將備份數(shù)據(jù)上傳到備份服務器。除了系統(tǒng)自動備份之外管理員還可以手動觸發(fā)備份，并且可以選擇要備份的數(shù)據(jù)類型。除了數(shù)據(jù)備份之外，對于該系統(tǒng)來說數(shù)據(jù)的恢復也十分重要。在評審過程中，評審專家工作量重，往往需要對數(shù)十個企業(yè)進行打分，為了防止由于系統(tǒng)出現(xiàn)問題而影響打分的流程，系統(tǒng)設置了多方面的備份恢復策略，能夠在10 s之內(nèi)完成對數(shù)據(jù)庫文件的恢復并且不需要重啟系統(tǒng)。

4? 平臺運行流程

根據(jù)《高新技術(shù)企業(yè)認定管理工作指引》〔國科發(fā)火〔2016〕195號〕中關于企業(yè)創(chuàng)新能力評價的要求，評審專家在對參評企業(yè)創(chuàng)新能力進行評價打分時，技術(shù)專家主要從知識產(chǎn)權(quán)、科技成果轉(zhuǎn)化能力、研究開發(fā)組織管理水平這三個方面進行定性與定量結(jié)合的評價，財務專家從企業(yè)凈資產(chǎn)增長率、銷售收入增長率等方面對企業(yè)成長性進行評價。專家對各類指標均按整數(shù)打分，滿分為100分，綜合評價分數(shù)大于70分以上為符合認定要求。該評價平臺的評審流程如圖3所示。

在企業(yè)管理系統(tǒng)中導入本批次需要參評企業(yè)的詳細數(shù)據(jù)，同時導入診斷單并將所有企業(yè)狀態(tài)設置為參評狀態(tài);根據(jù)參評企業(yè)所申報的技術(shù)領域，在評審系統(tǒng)中添加相應的評審組，在企業(yè)管理中通過技術(shù)領域篩選，將參評企業(yè)轉(zhuǎn)入相應的評審組;在專家系統(tǒng)中對于每個不同的評審組生成相應數(shù)量的科技專家和財務專家，并指定一名技術(shù)專家擔任組長;在評審系統(tǒng)中篩選不同的評審組，分配相應評審組的專家。

在評審階段，專家登錄之后，填寫相應專家基礎信息后便可對已分配的企業(yè)進行評價打分;當評審組內(nèi)所有專家都打分完畢并提交后，關閉小組內(nèi)打分功能并開啟組長總結(jié)功能;由組長完成該組所有企業(yè)專家組綜合評價表的填寫工作并提交;工作人員打印該組參評企業(yè)評價打分確認表，專家組確認無誤后簽字結(jié)束評審。

5? 結(jié)? 論

本創(chuàng)新能力評價平臺前端采用Vue框架+Element UI進行前端后臺化組件式開發(fā)，實現(xiàn)了前后端分離。后端主要運用Spring Boot框架，利用Maven構(gòu)建工具以及Mybatis持久層框架建立評價平臺，采取的技術(shù)路線不僅簡化開發(fā)流程，使前后端代碼更具模塊化，也使得后期平臺的維護與優(yōu)化更加簡便。平臺在實現(xiàn)過程中，引入分批次評審設計，管理人員依據(jù)申報企業(yè)數(shù)據(jù)靈活設置評審時間，解決集中評審工作任務重的問題。

在平臺系統(tǒng)開發(fā)完成后，通過多次的測試、調(diào)優(yōu)，最終在2020年7月上線發(fā)布，應用于甘肅省高新技術(shù)企業(yè)評審認定工作。2020年—2021年1 100余家申報企業(yè)使用該系統(tǒng)進行了評審，系統(tǒng)中共注冊各領域?qū)＜壹s80余名，產(chǎn)生評審數(shù)據(jù)超過5萬條。通過與以往手工統(tǒng)計分數(shù)的工作流程的對比，評審效率提高30%以上。該平臺系統(tǒng)的使用實現(xiàn)了我省高新技術(shù)企業(yè)創(chuàng)新能力評價工作的數(shù)字化，有效提升了評審認定管理工作效率。下一步我們將在現(xiàn)有系統(tǒng)的基礎上開發(fā)申報系統(tǒng)，實現(xiàn)從申報到認定的全流程數(shù)字化。

參考文獻：

[1] 李治選.通用型項目評審系統(tǒng)的設計與實現(xiàn) [J].信息系統(tǒng)工程，2015（8）：45-46.

[2] 黃雪琴，耿強，陳顯軍.基于CSS+DIV的自適應寬度網(wǎng)頁布局方法 [J].計算機與現(xiàn)代化，2014（6）：53-55+60.

[3] 鄧笑.基于Spring Boot的校園輕博客系統(tǒng)的設計與實現(xiàn) [D].武漢：華中科技大學，2018.

[4] 呂英華.漸進式JavaScript框架Vue.js的全家桶應用 [J].電子技術(shù)與軟件工程，2019（22）：39-40.

[5] 王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統(tǒng)計分析系統(tǒng)設計與實現(xiàn) [J].軟件工程，2019，22（3）：40-42.

作者簡介：趙志威（1987-），男，漢族，甘肅蘭州人，部門主任，助理研究員，學士學位，主要研究方向：科技公共服務、高新技術(shù)企業(yè)認定，系統(tǒng)開發(fā)等。

3622500338218