利用K8S技術棧打造我的私有云（連載之：私有云客戶端打造）

---

【利用K8S技術棧打造我的私有云系列文章目錄】

• 利用K8S技術棧打造我的私有云（連載之：初章）
• 利用K8S技術棧打造我的私有云（連載之：K8S集羣搭建）
• 利用K8S技術棧打造我的私有云（連載之：K8S環境理解和練手）
• 利用K8S技術棧打造我的私有云（連載之：基礎鏡像製做與實驗）
• 利用K8S技術棧打造我的私有云（連載之：資源控制研究）
• 利用K8S技術棧打造我的私有云（連載之：私有云客戶端打造）

注： 本文首發於 My 公衆號 CodeSheep ，可 長按 或 掃描 下面的 當心心 來訂閱 ↓ ↓ ↓

---

Vue.js初摸

本人對前端其實不是很熟悉，也是最近才接觸。前端技術棧仍是很是龐大的，爲了可以藉助已經存在的輪子來造出一輛車，因此我選擇了Vue.js進行實踐。

我以爲初學Vue.js，掌握如下四個點應該基本就能上手幹活了：

• 聲明式地渲染 我所理解的Vue.js就是和jQuery同樣是一個前端框架，它的中心思想就是數據驅動，像遠古時代的老前輩jQuery是結構驅動，什麼意思呢，之前咱們寫代碼時經常使用$('.dom').text('我把值改變了')，這種寫法先要得到結構，而後再修改數據更新結構，而Vue的作法直接就是this.msg="我改變了"，而後msg就會同步到某個結構上，視圖管理抽象爲數據管理，而不是管理dom結構了。

• 組件化的系統

基本能夠理解爲一個大的頁面都是由一個個小的組件所堆積起來了，Vue能夠對每一個小組件進行很好的描述，並寫成.vue格式的文件，正如上圖所示。

• 客戶端的路由 傳統意義上的路由是由服務器端根據必定的URL規則匹配來返回給前端不一樣的頁面代碼，而實際上前端也能夠根據錨點的方式實現路由切換，所以在Vue.js裏面，只需咱們去配置路由表實現錨點路由便可，與後端無關。

• 狀態的管理 Vue的狀態管理依靠Vuex完成， 用其來管理Vue的全部組件狀態。 所謂的狀態能夠是諸如：

  • sidebar的打開與關閉
  • theme主題的切換
  • cookie的內容切換
  • 當前登陸的用戶切換
  • ...

開發大型單頁應用（SPA），會出現多個視圖組件去維護多個狀態，並且有交叉。遇到以上狀況時候，你就應該考慮使用Vuex了，它能把組件的共享狀態抽取出來，當作一個全局單例模式進行管理。這樣無論你在何處改變狀態，都會通知使用該狀態的組件作出相應修改。

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

---

私有云客戶端打造

• 主頁面

首先是主頁面，能夠打開任何一個雲主機系統的頁面看，基本相似。目前左邊Sidebar就實例菜單是有用的。

頁面中心的主要內容是當前系統中建立的一些主機實例的狀況預覽，一行一個，計劃能夠對其進行刪除和重啓操做

頁面右上角點擊 「建立」 按鈕便可以實例化一個主機

• 建立雲主機頁面

這裏計劃能夠向XXX雲同樣能夠自行選購配置，而後實例化，包括系統規格、CPU、內存、硬盤等等

• 雲主機配置選擇頁面

• 雲主機配置瀏覽頁面

目前選擇好配置之後點擊建立所獲得的雲主機規格仍是默認的，這些所選規格參數還未和實際實例化後的主機參數對應起來，裏面還有不少東西要研究。

---

後記

• 做者更多的原創文章在此，歡迎觀賞

• My Personal Blog

做者更多的SpringBt實踐文章在此：

• Spring Boot應用監控實戰
• SpringBoot應用部署於外置Tomcat容器
• ElasticSearch搜索引擎在SpringBt中的實踐
• 初探Kotlin+SpringBoot聯合編程
• Spring Boot日誌框架實踐
• SpringBoot優雅編碼之：Lombok加持

---

若是有興趣，也能夠抽點時間看看做者一些關於容器化、微服務化方面的文章：

• 利用K8S技術棧打造我的私有云 連載文章
• 從一份配置清單詳解Nginx服務器配置
• Docker容器可視化監控中心搭建
• 利用ELK搭建Docker容器化應用日誌中心
• RPC框架實踐之：Apache Thrift
• RPC框架實踐之：Google gRPC
• 微服務調用鏈追蹤中心搭建
• Docker容器跨主機通訊
• Docker Swarm集羣初探
• 高效編寫Dockerfile的幾條準則

---