成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

shiina / 1832人閱讀

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

【利用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è)人私有云（連載之：私有云客戶端打造）

注： 本文首發(fā)于 My 公眾號(hào) CodeSheep ，可 長(zhǎng)按 或 掃描 下面的 小心心 來(lái)訂閱 ↓ ↓ ↓

Vue.js初摸

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

我覺得初學(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的打開與關(guān)閉

theme主題的切換

cookie的內(nèi)容切換

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

...

開發(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太多，下面說說客戶端頁(yè)面打造的情況吧。

私有云客戶端打造

主頁(yè)面

首先是主頁(yè)面，可以打開任何一個(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)，里面還有很多東西要研究。

后記

作者更多的原創(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)時(shí)間看看作者一些關(guān)于容器化、微服務(wù)化方面的文章：

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

從一份配置清單詳解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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/32645.html

相關(guān)文章

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

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

    Jingbin_ 評(píng)論0 收藏0

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

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

    tabalt 評(píng)論0 收藏0

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

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

    hot_pot_Leo 評(píng)論0 收藏0

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

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

    Reducto 評(píng)論0 收藏0

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

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

    Render 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<