1、基本信息前端
標題:基於Vue.js的Web前端應用研究安全
時間:2017架構
來源:科技與創新框架
關鍵詞:Web前端;Vue.js;JavaScript組件;Vue框架學習
2、研究內容設計
1.主要內容:調試
隨着互聯網的迅猛發展,用戶對Web前端的使用體驗、交互操做流程、外觀有了更高的要求。特別是Web系統中愈來愈多的數據處理和業務邏輯開始偏向前端,致使Web前端工做量擴大,代碼量增長。若是
仍然採用傳統的方式開發設計Web前端,會致使前期開發度和後期維護難度增大,可擴展性變差。爲了提升開發效率和代碼複用率,愈來愈多的網頁開發框架開始流行。因而前後提出了MVC、MVVM模式,方便
了構建基於事件的Web前端開發平臺。本文主要介紹了基於MVVM模式的輕量級響應式框架Vue js的應用和研究,利用Vue框架實現了簡化Web前端開發流程。
1應用需求
我校教師工做處爲了更好地服務和管理全校教師借鑑全國教師管理系統,結合我校實際工做需求,開發-套Web教師管 理系統。該系統的主要要求有如下3個:(1)界面友好,美觀大方。(2) 系統能實現對教
師的基本信息、教學、科研、學習經歷、工做經歷、培訓、訪學、獲獎等信息的統計和管理。(3) 系統運行安全、穩定、速度快、便於管理。由於系統處於急用狀態,開發、實施時間短,因此,決定採用前、後
端同時開發和調試,利用JSON API的方式,實現Web的先後分離,邏輯處理部分轉移到前端來實現,開發人員能夠根據用戶的需求對前端進行快速迭代更新,具備高度的靈活性和可打展性。
2 Vue.js介紹
爲了提升開發效率,對Web前端基於框架進行了開發。對比目前比較流行的React、Angular、 Ploymer框架, 最終選擇了Vue js (如下簡寫爲Vue)框架。與其餘重量級框架不一樣的是,Vue是一套構建用戶界
面的漸進式框架,採用自底向上增量開發的設計方式,是更加靈活、開放的解決方案,架構更加簡單,適合開發人員快速掌握其所有特性並投入使用,還便於與第三方庫或既有項目整合。結合Vue生態系統支持庫
Vuex、Vue-router, 可以爲複雜的應用程序提供驅動。
4、參考文獻router
[1]基於Vue.js的Web前端應用研究[J]. 朱二華. 科技與創新. 2017(20)事件