關鍵詞：大創項目；架構方案；系統開發；Vue.js；Lumen

自 2012 年開展大學生創新創業訓練計劃（以下簡稱“大創”）項目工作以來，全國各本科高校積極實施，有的高校還建設有相關的管理系統。通過調查了解，這些系統基本上都只要求能夠實現相應的功能需求，以及能否完成大創項目從申報到結項的整個流程，從而達到減輕相關人員線下操作時復雜繁瑣工作量的目的，而對系統的運行效率、安全系數、用戶體驗以及后期維護難度并不加以更多的關注[1]。針對以上發現的這些問題，我們對當下主流且成熟的 Web 技術進行一番較深入的研究、分析和學習，試圖探索出一套更加優化的基于 B/S 模式的系統開發架構方案，并且在我們將要開發的這套大創項目管理系統中對這套架構方案進行實際應用與評測。

該系統平臺主要分成兩大部分，分別為前臺和后臺。前臺對所有人開放大創項目的有關資訊和通告，并且提供用戶注冊、登錄、查看和修改個人信息等基本功能。注冊的用戶主要有學生和老師這兩種身份，學生可以在大創申報期間內進行組隊、項目申報等，以及在其后階段中提交相關資料或申請項目變更等；老師則可以查看自己指導過的所有項目，并對它們進行相應的管理。后臺則主要對管理員和專家評委開放，管理員又分為二級學院管理員和教務處總管理員，所有的二級管理員和評委均由總管理員對前臺中老師這一身份的權限分配。管理員可以查看和管理自己管轄范圍內的用戶、項目、變更請求等；專家評委可以對項目進行評審和查驗。每一位管理員和評委的操作記錄均會被記錄在操作日志中。

由于大創項目從申報、中期檢查到結項評審等流程中，其所填寫的表單數據較多，需要提交的附件和媒體資料等也較多，用戶上傳和下載資源的頻率較高，并且這其中也包含很多敏感信息。對于這樣一個信息量龐大的系統，要求其 UI界面應該更加簡潔、直觀和方便操作，強調用戶體驗至上；其次，要求本系統具有更高速更穩定的數據交互能力和系統運行效率，也要有更加安全的數據傳輸和存儲方式，同時也要求盡量降低后期的維護成本。

目前已有的大創項目管理系統以及類似平臺大多采用ASP.NET 框架，或者是國內比較流行的 ThinkPHP 框架。雖然這些系統的開發大多采用 MVC 這樣的架構[2]，但其實質上并不是徹底的前后端分離，這使得每一個開發人員和維護人員都需要掌握相關方面的全棧技術。同時，由于這些框架需要先在服務器端進行視圖渲染后才響應給瀏覽器，其運行效率必然大打折扣。

針對以上的需求分析，以及對其他類似系統的架構分析，我們探索出了一套較為完美的大創項目管理系統的開發架構方案。其核心內容是結合了 Vue.js 前端框架和 Lumen 后端框架的前后端分離的組合架構，并應用了 JSON 格式對前后端交互的數據進行封裝，應用 RestFul 風格約定 API 路由，應用Rbac 權限管理機制保障授權安全。該架構的模型如圖 1 所示。

Vue.js 是一套用于構建用戶界面的，可以自底向上逐層應用的漸進式前端框架[3]。它相比于其他主流的 JavaScript框架例如 AngularJS 或 React 都具有運行效率高、語法簡潔、自身占用空間小、上手容易等特點。它的核心只關注視圖層，是一個允許采用簡潔的模板語法來聲明式地將數據渲染進DOM 的系統，并且所有的這些都是響應式的[3]。

Lumen 是目前全球最流行的后端框架 Laravel[4]的一個微框架，它具有富于表達性且簡潔優雅的語法，是目前最快的 PHP 框架，其用戶使用體驗極佳。Lumen 對資源的要求很少，可承載并發壓力大，專為微服務或者 API 設計，此類型的應用通常情況下不需要具備全棧框架的所有功能。Lumen  獨特的初始化機制，使其在功能強大的同時，具備了高性能，是構建微服務架構應用的絕佳方案。

另外，該架構中，采用 JSON 格式封裝[5]進行數據傳輸，避免了直接在后端生成頁面視圖響應給瀏覽器，其數據傳輸效率也將大大提高；采用 RestFul 路由風格，也能夠使前后端數據交互變得更加簡潔、更有層次[4]。

Vue.js 與 Lumen 相結合的前后端分離的開發架構，對于我們這樣的一個大創項目管理系統而言，可堪稱為是一個非常完美的架構方案了。

為了測試該架構方案在實際項目中的運行性能，我們分別對本系統和以大連民族大學大學生創新創業訓練項目智能管理系統和西南民族大學大學生創新創業活動項目管理系統為代表的其他多個大創項目管理系統進行了多線路的 ping 測試，其測試結果如圖 2 所示。

通過對多線路 ping 測試的結果可