成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

利用K8S技術(shù)棧打造個人私有云（連載之：私有云客戶端打造）

Jingbin_ / 1056人閱讀

摘要：前端技術(shù)棧還是非常龐大的，為了能夠借助已經(jīng)存在的輪子來造出一輛車，所以我選擇了進(jìn)行實(shí)踐。狀態(tài)的管理的狀態(tài)管理依靠完成，用其來管理的所有組件狀態(tài)。私有云客戶端打造主頁面首先是主頁面，可以打開任何一個云主機(jī)系統(tǒng)的頁面看，基本類似。

【利用K8S技術(shù)棧打造個人私有云系列文章目錄】

利用K8S技術(shù)棧打造個人私有云（連載之：初章）

利用K8S技術(shù)棧打造個人私有云（連載之：K8S集群搭建）

利用K8S技術(shù)棧打造個人私有云（連載之：K8S環(huán)境理解和練手）

利用K8S技術(shù)棧打造個人私有云（連載之：基礎(chǔ)鏡像制作與實(shí)驗(yàn)）

利用K8S技術(shù)棧打造個人私有云（連載之：資源控制研究）

利用K8S技術(shù)棧打造個人私有云（連載之：私有云客戶端打造）

注： 本文首發(fā)于 My 公眾號 CodeSheep ，可 長按 或 掃描 下面的 小心心 來訂閱 ↓ ↓ ↓

Vue.js初摸

本人對前端其實(shí)不是很熟悉，也是最近才接觸。前端技術(shù)棧還是非常龐大的，為了能夠借助已經(jīng)存在的輪子來造出一輛車，所以我選擇了Vue.js進(jìn)行實(shí)踐。

我覺得初學(xué)Vue.js，掌握以下四個點(diǎn)應(yīng)該基本就能上手干活了：

聲明式地渲染
我所理解的Vue.js就是和jQuery一樣是一個前端框架，它的中心思想就是數(shù)據(jù)驅(qū)動，像遠(yuǎn)古時代的老前輩jQuery是結(jié)構(gòu)驅(qū)動，什么意思呢，以前我們寫代碼時常用$(".dom").text("我把值改變了")，這種寫法先要獲得結(jié)構(gòu)，然后再修改數(shù)據(jù)更新結(jié)構(gòu)，而Vue的做法直接就是this.msg="我改變了"，然后msg就會同步到某個結(jié)構(gòu)上，視圖管理抽象為數(shù)據(jù)管理，而不是管理dom結(jié)構(gòu)了。

組件化的系統(tǒng)

基本可以理解為一個大的頁面都是由一個個小的組件所堆積起來了，Vue可以對每個小組件進(jìn)行很好的描述，并寫成.vue格式的文件，正如上圖所示。

客戶端的路由

傳統(tǒng)意義上的路由是由服務(wù)器端根據(jù)一定的URL規(guī)則匹配來返回給前端不同的頁面代碼，而實(shí)際上前端也可以根據(jù)錨點(diǎn)的方式實(shí)現(xiàn)路由切換，因此在Vue.js里面，只需我們?nèi)ヅ渲寐酚杀韺?shí)現(xiàn)錨點(diǎn)路由即可，與后端無關(guān)。

狀態(tài)的管理

Vue的狀態(tài)管理依靠Vuex完成， 用其來管理Vue的所有組件狀態(tài)。
所謂的狀態(tài)可以是諸如：

sidebar的打開與關(guān)閉

theme主題的切換

cookie的內(nèi)容切換

當(dāng)前登錄的用戶切換

...

開發(fā)大型單頁應(yīng)用（SPA），會出現(xiàn)多個視圖組件去維護(hù)多個狀態(tài)，而且有交叉。遇到以上情況時候，你就應(yīng)該考慮使用Vuex了，它能把組件的共享狀態(tài)抽取出來，當(dāng)做一個全局單例模式進(jìn)行管理。這樣不管你在何處改變狀態(tài)，都會通知使用該狀態(tài)的組件做出相應(yīng)修改。

理論部分就講這些了，初學(xué)者不BB太多，下面說說客戶端頁面打造的情況吧。

私有云客戶端打造

主頁面

首先是主頁面，可以打開任何一個云主機(jī)系統(tǒng)的頁面看，基本類似。目前左邊Sidebar就實(shí)例菜單是有用的。

頁面中心的主要內(nèi)容是當(dāng)前系統(tǒng)中創(chuàng)建的一些主機(jī)實(shí)例的情況預(yù)覽，一行一個，計(jì)劃可以對其進(jìn)行刪除和重啟操作

頁面右上角點(diǎn)擊 “創(chuàng)建” 按鈕即可以實(shí)例化一個主機(jī)

創(chuàng)建云主機(jī)頁面

這里計(jì)劃可以向XXX云一樣可以自行選購配置，然后實(shí)例化，包括系統(tǒng)規(guī)格、CPU、內(nèi)存、硬盤等等

云主機(jī)配置選擇頁面

云主機(jī)配置瀏覽頁面

目前選擇好配置以后點(diǎn)擊創(chuàng)建所得到的云主機(jī)規(guī)格還是默認(rèn)的，這些所選規(guī)格參數(shù)還未和實(shí)際實(shí)例化后的主機(jī)參數(shù)對應(yīng)起來，里面還有很多東西要研究。

后記

作者更多的原創(chuàng)文章在此，歡迎觀賞

My Personal Blog

作者更多的SpringBt實(shí)踐文章在此：

Spring Boot應(yīng)用監(jiān)控實(shí)戰(zhàn)

SpringBoot應(yīng)用部署于外置Tomcat容器

ElasticSearch搜索引擎在SpringBt中的實(shí)踐

初探Kotlin+SpringBoot聯(lián)合編程

Spring Boot日志框架實(shí)踐

SpringBoot優(yōu)雅編碼之：Lombok加持

如果有興趣，也可以抽點(diǎn)時間看看作者一些關(guān)于容器化、微服務(wù)化方面的文章：

利用K8S技術(shù)棧打造個人私有云 連載文章

從一份配置清單詳解Nginx服務(wù)器配置

Docker容器可視化監(jiān)控中心搭建

利用ELK搭建Docker容器化應(yīng)用日志中心

RPC框架實(shí)踐之：Apache Thrift

RPC框架實(shí)踐之：Google gRPC

微服務(wù)調(diào)用鏈追蹤中心搭建

Docker容器跨主機(jī)通信

Docker Swarm集群初探

高效編寫Dockerfile的幾條準(zhǔn)則

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/27231.html

相關(guān)文章

  • 利用K8S技術(shù)棧打造個人私有云（連載之：私有云客戶端打造）

    摘要：前端技術(shù)棧還是非常龐大的，為了能夠借助已經(jīng)存在的輪子來造出一輛車，所以我選擇了進(jìn)行實(shí)踐。狀態(tài)的管理的狀態(tài)管理依靠完成，用其來管理的所有組件狀態(tài)。私有云客戶端打造主頁面首先是主頁面，可以打開任何一個云主機(jī)系統(tǒng)的頁面看，基本類似。 showImg(https://segmentfault.com/img/remote/1460000013930354); 【利用K8S技術(shù)棧打造個人私有...

    shiina 評論0 收藏0

  • 利用K8S技術(shù)棧打造個人私有云（連載之：基礎(chǔ)鏡像制作與實(shí)驗(yàn)）

    摘要：因此本篇博文將講解如何在本地構(gòu)建一個帶組件的底包鏡像并上傳到上供下載使用。 showImg(https://segmentfault.com/img/remote/1460000013318761); 【利用K8S技術(shù)棧打造個人私有云系列文章目錄】 利用K8S技術(shù)棧打造個人私有云（連載之：初章） 利用K8S技術(shù)棧打造個人私有云（連載之：K8S集群搭建） 利用K8S技術(shù)棧打造個人私...

    tabalt 評論0 收藏0

  • 利用K8S技術(shù)棧打造個人私有云（連載之：基礎(chǔ)鏡像制作與實(shí)驗(yàn)）

    摘要：因此本篇博文將講解如何在本地構(gòu)建一個帶組件的底包鏡像并上傳到上供下載使用。 showImg(https://segmentfault.com/img/remote/1460000013318761); 【利用K8S技術(shù)棧打造個人私有云系列文章目錄】 利用K8S技術(shù)棧打造個人私有云（連載之：初章） 利用K8S技術(shù)棧打造個人私有云（連載之：K8S集群搭建） 利用K8S技術(shù)棧打造個人私...

    hot_pot_Leo 評論0 收藏0

  • 利用K8S技術(shù)棧打造個人私有云（連載之：K8S資源控制）

    摘要：將用戶命令通過接口傳送給，從而進(jìn)行資源的增刪改等操作。要使用編寫應(yīng)用程序，當(dāng)下大多語言都可以很方便地去實(shí)現(xiàn)請求來操作的接口從而控制和查詢資源，但本文主要是利用已有的客戶端來更加優(yōu)雅地實(shí)現(xiàn)的資源控制。 showImg(https://segmentfault.com/img/remote/1460000013517345); 【利用K8S技術(shù)棧打造個人私有云系列文章目錄】 利用K8S...

    Reducto 評論0 收藏0

  • 利用K8S技術(shù)棧打造個人私有云（連載之：K8S資源控制）

    摘要：將用戶命令通過接口傳送給，從而進(jìn)行資源的增刪改等操作。要使用編寫應(yīng)用程序，當(dāng)下大多語言都可以很方便地去實(shí)現(xiàn)請求來操作的接口從而控制和查詢資源，但本文主要是利用已有的客戶端來更加優(yōu)雅地實(shí)現(xiàn)的資源控制。 showImg(https://segmentfault.com/img/remote/1460000013517345); 【利用K8S技術(shù)棧打造個人私有云系列文章目錄】 利用K8S...

    Render 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<