概述-基于私有云存儲的網盤系統(tǒng)的設計與-實現-前端系統(tǒng)

學校名稱畢業(yè)設計(論文)文獻綜述設計（論文）題目：基于私有云存儲的網盤系統(tǒng)的設計與實現-前端系統(tǒng) 學院名稱： 專業(yè)： 班級： 姓名：學號指導教師：職稱 定稿日期：1970年1月1日

基于私有云存儲的網盤系統(tǒng)的設計與實現-前端系統(tǒng)摘要本文給出了基于Vue.js、Typescript、Electron、ECMAScript2015+等為開發(fā)基礎的私有存儲云客戶端的前期參考的文獻綜述。目前網絡環(huán)境中缺少開源的，適合各種需求以及應用場景的私有云應用。本文綜述了私有云的現狀以及與第三方公共平臺的對比，以及開發(fā)需要用到的相關聯內容等。本應用將會實現多個客戶端，其中包括Web端、移動端、桌面端、微信小程序端、支付寶小程序端、百度小程序端。其Web端做為主端，提供資源管理器、應用關聯、即時通訊等功能。服務端則為另一個項目“私有存儲云服務端”。小程序端則使用小程序框架Megola進行同構。私有云發(fā)展、現狀私有云是為一個客戶單獨使用而構建的，因而提供對數據、安全性和服務質量的最有效控制。該公司擁有基礎設施，并可以控制在此基礎設施上部署應用程序的方式。私有云可部署在企業(yè)數據中心的防火墻內，也可以將它們部署在一個安全的主機托管場所，私有云的核心屬性是專有資源。私有云可由公司自己的IT機構，也可由云提供商進行構建。在此“托管式專用”模式中，像Sun，IBM這樣的云計算提供商可以安裝、配置和運營基礎設施，以支持一個公司企業(yè)數據中心內的專用云。此模式賦予公司對于云資源使用情況的極高水平的控制能力，同時帶來建立并運作該環(huán)境所需的專門知識。目前互聯網上的私有云存在許多問題，如部署困難、需求缺失、第三方擴展困難、授權費不合理、技術棧老等，同時成熟的相關應用也較少。私有云同公有云相比，最大的優(yōu)勢就是流量可以自主控制。大多數公有存儲云，如百度云盤，都會采取限速的措施，造成了許多文件下載、分享等需求的體驗極差。私有云的部署困難也是問題之一。隨著互聯網的快速發(fā)展，越來越多的非專業(yè)人員開始嘗試探索服務器、運維相關等技術。許多情況下部署一個環(huán)境，需要依賴長時間的搜索引擎幫助。很少會有情況是一篇文章能直接解決所有問題完成部署的。本應用將會針對這點，在技術選型上選擇方便部署同時又易維護擴充的技術棧。Vue.jsVue是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue也完全能夠為復雜的單頁應用提供驅動。Vue.js是一個JavaScriptMVVM庫，是一套構建用戶界面的漸進式框架。它是以數據驅動和組件化的思想構建的，采用自底向上增量開發(fā)的設計。相比于Angular.js，Vue.js提供了更加簡潔、更易于理解的API，使得我們能夠快速地上手并使用Vue.js。Vue官方維護了Devtool，提升開發(fā)體驗。通過Devtool，可以在Chrome中實施查看各個Component的data、props以及組件樹的分布等。同時周邊生態(tài)中有大量優(yōu)秀的UI框架，如iView、ElementUI，許多UI框架由一線大公司維護，包括餓了么、滴滴、阿里巴巴。相較于React，Vue的官方還維護了數據流框架Vuex與路由框架Vue-Router。通過這兩個框架，制作一個完善的單頁應用的體驗將會大大增加。基礎框架使用Vue，讓項目架構更容易維護，配合Vue-Loader+Webpack使得項目具備一定的工程化能力。同時Vue相對主流的Angular與React，最大的優(yōu)勢在于Vue是國人自主開發(fā)開源的框架，官方的中文文檔非常友好，同時社區(qū)也與中文為主，降低了跨地域的交流帶來的障礙。3.TypescriptTypeScript是一種由微軟開發(fā)的自由和開源的編程語言。它是JavaScript的一個超集，而且本質上向這個語言添加了可選的靜態(tài)類型和基于類的面向對象編程。安德斯·海爾斯伯格，C#的首席架構師，已工作于TypeScript的開發(fā)。TypeScript擴展了JavaScript的語法，所以任何現有的JavaScript程序可以不加改變的在TypeScript下工作。TypeScript是為大型應用之開發(fā)而設計，而編譯時它產生JavaScript以確保兼容性。TypeScript支持為已存在的JavaScript庫添加類型信息的頭文件，擴展了它對于流行的庫如jQuery，MongoDB，Node.js和D3.js的好處。目前的前端三大框架之一的Angular就融入了Typescript進行開發(fā)。使用Typescript開發(fā)的最大的好處有兩點，一點是強類型的支持，另一點是更好的類支持。強類型支持帶來了更好的語法提示，并且在靜態(tài)檢查的時候就能發(fā)現一些上線都不一定能發(fā)現的錯誤。Typescript的部分優(yōu)勢：支持ES6規(guī)范：2015年發(fā)布的，它指出了未來一段時間內，客戶端腳本語音的發(fā)展方向。強大的IDE支持：體現在三個特性上，1.類型檢查，在TS中允許你為變量指定類型。2.語法提示。3.重構。Angular2的開發(fā)語言4.ElectronElectron是由Github開發(fā)，用HTML，CSS和JavaScript來構建跨平臺桌面應用程序的一個開源庫。Electron通過將Chromium和Node.js合并到同一個運行時環(huán)境中，并將其打包為Mac，Windows和Linux系統(tǒng)下的應用來實現這一目的。Electron于2013年作為構建Github上可編程的文本編輯器Atom的框架而被開發(fā)出來。這兩個項目在2014春季開源。目前它已成為開源開發(fā)者、初創(chuàng)企業(yè)和老牌公司常用的開發(fā)工具。Electron的最大優(yōu)勢就是Web開發(fā)者可以接近無縫的切入桌面應用開發(fā)。Electron本質上是一個瀏覽器，提供了操作系統(tǒng)的api。使用Electron同樣的可以結合Vue、React、jQuery等前端框架進行開發(fā)。本應用將會使用Electron直接打包應用，同時預留通知等接口，增加桌面應用的體驗，目前有許多成熟的Electron應用，如VisualStudioCode。5.ECMAScript2015+本項目將會采用最近的ECMAScript規(guī)范進行開發(fā)。同時會配合babel插件，來支持更新的提案中的語法，達到應用前瞻，以及降低開發(fā)成本，提高開發(fā)體驗的目的。ES6(ECMAScript2015)相對更早的版本，在對象、變量上均有較大的內容改動。同時增加了Map、Set、do表達式等新的特性。6.Megalo小程序是一種不用下載就能使用的應用，也是一項門檻非常高的創(chuàng)新，經過將近兩年的發(fā)展，已經構造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。小程序也是這么多年來中國IT行業(yè)里一個真正能夠影響到普通程序員的創(chuàng)新成果，現在已經有超過150萬的開發(fā)者加入到了小程序的開發(fā)，與我們一起共同發(fā)力推動小程序的發(fā)展，小程序應用數量超過了一百萬，覆蓋200多個細分的行業(yè)，日活用戶達到兩個億，小程序還在許多城市實現了支持地鐵、公交服務。小程序發(fā)展帶來更多的就業(yè)機會，2017年小程序帶動就業(yè)104萬人，社會效應不斷提升。Megalo是網易考拉團隊開源的小程序開發(fā)框架，使用Megalo可以到用Vue來開發(fā)小程序。megalo在執(zhí)行編譯命令后會將工程文件編譯成小程序的代碼結構，此處以微信小程序為例，輸出JSON配置、WXML模板、WXSS樣式文件和JS邏輯交互文件。在JS執(zhí)行時創(chuàng)建vueruntime，通過VNode管理工程結構，調用微信小程序的setData將數據交由WXML模板展示。同時結合框架的功能，可以引入Sass/Less/Stlus等CSS預處理器，增加CSS開發(fā)體驗。Megalo利用VDOM的特性，可以進行同構，將一份代碼同時跑在移動端、微信小程序、支付寶小程序、百度小程序等多端中，跨平臺同構開發(fā)體驗極佳。

參考文獻[1] 基于云計算的高職計算機實驗室的建設研究[J].馮曉輝.無線互聯科技.2018(03)[2] 云計算在高職計算機實驗室建設管理中的應用[J].周雪輝,李浩宇,劉新輝.電腦迷.2018(08)[3] 基于云計算在高職計算機實驗室建設管理中的應用[J].黃葉超.電腦知識與技術.2018(05)[4] Node.js高效分布式實時應用研究[J].劉生建,羅林,杜劍.軟件導刊.2014(12)[5] 高瑞清.Chromium瀏覽器在開發(fā)板上的性能提升研究[D].復旦大學,2012.[6] 萬里晴,楊浩.探究基于V8引擎的Node.js在各應用領域的發(fā)展[J].通訊世界,2015(13):97.[7] 陳巖.輕量級響應式框架Vue.js應用分析[J].中國管理信息化,2018,21(03):181-183.[8] 周安輝.Node.js異步編程模式探討[J].四川職業(yè)技術學院學報,2018,28(04):149-154.[9] 史櫓,吳毅堅,趙文耘.JavaScript代碼分析技術綜述[J].計算機應用與軟件,2018,35(11):16-25+32.[10] 張博,于海洋.服務器端JavaScript技術分析[J].信息與電腦(理論版),2018(04):19-20.[11] 曠志光,紀婷婷,吳小麗.基于Vue.js的后臺單頁應用管理系統(tǒng)的研究與實現[J].現代計算機(專業(yè)版),2017(30):51-55.[12] 李晶.NodeJS——服務器端JavaScript運行環(huán)境[J].程序員,2010(12):29.[13] 陳浩.NodeJS中ModelProxy接口配置建模研究[J].軟件導刊,2014,13(09):67-69.[14] 朱二華.基于Vue.js的Web前端應用研究[J].科技與創(chuàng)新,2017(20):119-121.[15] N