【利用K8S技術(shù)棧打造個(gè)人私有云系列文章目錄】
- 利用K8S技術(shù)棧打造個(gè)人私有云（連載之：初章）
- 利用K8S技術(shù)棧打造個(gè)人私有云（連載之：K8S集群搭建）
- 利用K8S技術(shù)棧打造個(gè)人私有云（連載之：K8S環(huán)境理解和練手）
- 利用K8S技術(shù)棧打造個(gè)人私有云（連載之：基礎(chǔ)鏡像制作與實(shí)驗(yàn)）
- 利用K8S技術(shù)棧打造個(gè)人私有云（連載之：資源控制研究）
- 利用K8S技術(shù)棧打造個(gè)人私有云（連載之：私有云客戶端打造）
注： 本文原載于 My Personal Blog：， CodeSheep · 程序羊 ！
Vue.js初摸
本人對(duì)前端其實(shí)不是很熟悉，也是最近才接觸。前端技術(shù)棧還是非常龐大的，為了能夠借助已經(jīng)存在的輪子來(lái)造出一輛車，所以我選擇了Vue.js進(jìn)行實(shí)踐。
我覺(jué)得初學(xué)Vue.js，掌握以下四個(gè)點(diǎn)應(yīng)該基本就能上手干活了：
聲明式地渲染
我所理解的Vue.js就是和jQuery一樣是一個(gè)前端框架，它的中心思想就是數(shù)據(jù)驅(qū)動(dòng)，像遠(yuǎn)古時(shí)代的老前輩jQuery是結(jié)構(gòu)驅(qū)動(dòng)，什么意思呢，以前我們寫代碼時(shí)常用$('.dom').text('我把值改變了')，這種寫法先要獲得結(jié)構(gòu)，然后再修改數(shù)據(jù)更新結(jié)構(gòu)，而Vue的做法直接就是this.msg="我改變了"，然后msg就會(huì)同步到某個(gè)結(jié)構(gòu)上，視圖管理抽象為數(shù)據(jù)管理，而不是管理dom結(jié)構(gòu)了。組件化的系統(tǒng)
基本可以理解為一個(gè)大的頁(yè)面都是由一個(gè)個(gè)小的組件所堆積起來(lái)了，Vue可以對(duì)每個(gè)小組件進(jìn)行很好的描述，并寫成.vue格式的文件，正如上圖所示。
客戶端的路由
傳統(tǒng)意義上的路由是由服務(wù)器端根據(jù)一定的URL規(guī)則匹配來(lái)返回給前端不同的頁(yè)面代碼，而實(shí)際上前端也可以根據(jù)錨點(diǎn)的方式實(shí)現(xiàn)路由切換，因此在Vue.js里面，只需我們?nèi)ヅ渲寐酚杀韺?shí)現(xiàn)錨點(diǎn)路由即可，與后端無(wú)關(guān)。-
狀態(tài)的管理
Vue的狀態(tài)管理依靠Vuex完成， 用其來(lái)管理Vue的所有組件狀態(tài)。
所謂的狀態(tài)可以是諸如：- sidebar的打開(kāi)與關(guān)閉
- theme主題的切換
- cookie的內(nèi)容切換
- 當(dāng)前登錄的用戶切換
- ...
開(kāi)發(fā)大型單頁(yè)應(yīng)用（SPA），會(huì)出現(xiàn)多個(gè)視圖組件去維護(hù)多個(gè)狀態(tài)，而且有交叉。遇到以上情況時(shí)候，你就應(yīng)該考慮使用Vuex了，它能把組件的共享狀態(tài)抽取出來(lái)，當(dāng)做一個(gè)全局單例模式進(jìn)行管理。這樣不管你在何處改變狀態(tài)，都會(huì)通知使用該狀態(tài)的組件做出相應(yīng)修改。
理論部分就講這些了，初學(xué)者不BB太多，下面說(shuō)說(shuō)客戶端頁(yè)面打造的情況吧。
私有云客戶端打造
- 主頁(yè)面
首先是主頁(yè)面，可以打開(kāi)任何一個(gè)云主機(jī)系統(tǒng)的頁(yè)面看，基本類似。目前左邊Sidebar就實(shí)例菜單是有用的。
頁(yè)面中心的主要內(nèi)容是當(dāng)前系統(tǒng)中創(chuàng)建的一些主機(jī)實(shí)例的情況預(yù)覽，一行一個(gè)，計(jì)劃可以對(duì)其進(jìn)行刪除和重啟操作
頁(yè)面右上角點(diǎn)擊 “創(chuàng)建” 按鈕即可以實(shí)例化一個(gè)主機(jī)
- 創(chuàng)建云主機(jī)頁(yè)面
這里計(jì)劃可以向XXX云一樣可以自行選購(gòu)配置，然后實(shí)例化，包括系統(tǒng)規(guī)格、CPU、內(nèi)存、硬盤等等
- 云主機(jī)配置選擇頁(yè)面
- 云主機(jī)配置瀏覽頁(yè)面
目前選擇好配置以后點(diǎn)擊創(chuàng)建所得到的云主機(jī)規(guī)格還是默認(rèn)的，這些所選規(guī)格參數(shù)還未和實(shí)際實(shí)例化后的主機(jī)參數(shù)對(duì)應(yīng)起來(lái)，里面還有很多東西要研究。
后記
由于能力有限，若有錯(cuò)誤或者不當(dāng)之處，還請(qǐng)大家批評(píng)指正，一起學(xué)習(xí)交流！
