摘要:前端技術棧還是非常龐大的,為了能夠借助已經(jīng)存在的輪子來造出一輛車,所以我選擇了進行實踐。狀態(tài)的管理的狀態(tài)管理依靠完成,用其來管理的所有組件狀態(tài)。私有云客戶端打造主頁面首先是主頁面,可以打開任何一個云主機系統(tǒng)的頁面看,基本類似。
【利用K8S技術棧打造個人私有云系列文章目錄】
利用K8S技術棧打造個人私有云(連載之:初章)
利用K8S技術棧打造個人私有云(連載之:K8S集群搭建)
利用K8S技術棧打造個人私有云(連載之:K8S環(huán)境理解和練手)
利用K8S技術棧打造個人私有云(連載之:基礎鏡像制作與實驗)
利用K8S技術棧打造個人私有云(連載之:資源控制研究)
利用K8S技術棧打造個人私有云(連載之:私有云客戶端打造)
注: 本文首發(fā)于 My 公眾號 CodeSheep ,可 長按 或 掃描 下面的 小心心 來訂閱 ↓ ↓ ↓
本人對前端其實不是很熟悉,也是最近才接觸。前端技術棧還是非常龐大的,為了能夠借助已經(jīng)存在的輪子來造出一輛車,所以我選擇了Vue.js進行實踐。
我覺得初學Vue.js,掌握以下四個點應該基本就能上手干活了:
聲明式地渲染
我所理解的Vue.js就是和jQuery一樣是一個前端框架,它的中心思想就是數(shù)據(jù)驅動,像遠古時代的老前輩jQuery是結構驅動,什么意思呢,以前我們寫代碼時常用$(".dom").text("我把值改變了"),這種寫法先要獲得結構,然后再修改數(shù)據(jù)更新結構,而Vue的做法直接就是this.msg="我改變了",然后msg就會同步到某個結構上,視圖管理抽象為數(shù)據(jù)管理,而不是管理dom結構了。
組件化的系統(tǒng)
基本可以理解為一個大的頁面都是由一個個小的組件所堆積起來了,Vue可以對每個小組件進行很好的描述,并寫成.vue格式的文件,正如上圖所示。
客戶端的路由
傳統(tǒng)意義上的路由是由服務器端根據(jù)一定的URL規(guī)則匹配來返回給前端不同的頁面代碼,而實際上前端也可以根據(jù)錨點的方式實現(xiàn)路由切換,因此在Vue.js里面,只需我們去配置路由表實現(xiàn)錨點路由即可,與后端無關。
狀態(tài)的管理
Vue的狀態(tài)管理依靠Vuex完成, 用其來管理Vue的所有組件狀態(tài)。
所謂的狀態(tài)可以是諸如:
sidebar的打開與關閉
theme主題的切換
cookie的內容切換
當前登錄的用戶切換
...
開發(fā)大型單頁應用(SPA),會出現(xiàn)多個視圖組件去維護多個狀態(tài),而且有交叉。遇到以上情況時候,你就應該考慮使用Vuex了,它能把組件的共享狀態(tài)抽取出來,當做一個全局單例模式進行管理。這樣不管你在何處改變狀態(tài),都會通知使用該狀態(tài)的組件做出相應修改。
理論部分就講這些了,初學者不BB太多,下面說說客戶端頁面打造的情況吧。
主頁面
首先是主頁面,可以打開任何一個云主機系統(tǒng)的頁面看,基本類似。目前左邊Sidebar就實例菜單是有用的。
頁面中心的主要內容是當前系統(tǒng)中創(chuàng)建的一些主機實例的情況預覽,一行一個,計劃可以對其進行刪除和重啟操作
頁面右上角點擊 “創(chuàng)建” 按鈕即可以實例化一個主機
創(chuàng)建云主機頁面
這里計劃可以向XXX云一樣可以自行選購配置,然后實例化,包括系統(tǒng)規(guī)格、CPU、內存、硬盤等等
云主機配置選擇頁面
云主機配置瀏覽頁面
目前選擇好配置以后點擊創(chuàng)建所得到的云主機規(guī)格還是默認的,這些所選規(guī)格參數(shù)還未和實際實例化后的主機參數(shù)對應起來,里面還有很多東西要研究。
作者更多的原創(chuàng)文章在此,歡迎觀賞
My Personal Blog
作者更多的SpringBt實踐文章在此:
Spring Boot應用監(jiān)控實戰(zhàn)
SpringBoot應用部署于外置Tomcat容器
ElasticSearch搜索引擎在SpringBt中的實踐
初探Kotlin+SpringBoot聯(lián)合編程
Spring Boot日志框架實踐
SpringBoot優(yōu)雅編碼之:Lombok加持
如果有興趣,也可以抽點時間看看作者一些關于容器化、微服務化方面的文章:
利用K8S技術棧打造個人私有云 連載文章
從一份配置清單詳解Nginx服務器配置
Docker容器可視化監(jiān)控中心搭建
利用ELK搭建Docker容器化應用日志中心
RPC框架實踐之:Apache Thrift
RPC框架實踐之:Google gRPC
微服務調用鏈追蹤中心搭建
Docker容器跨主機通信
Docker Swarm集群初探
高效編寫Dockerfile的幾條準則
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/27231.html
摘要:前端技術棧還是非常龐大的,為了能夠借助已經(jīng)存在的輪子來造出一輛車,所以我選擇了進行實踐。狀態(tài)的管理的狀態(tài)管理依靠完成,用其來管理的所有組件狀態(tài)。私有云客戶端打造主頁面首先是主頁面,可以打開任何一個云主機系統(tǒng)的頁面看,基本類似。 showImg(https://segmentfault.com/img/remote/1460000013930354); 【利用K8S技術棧打造個人私有...
摘要:因此本篇博文將講解如何在本地構建一個帶組件的底包鏡像并上傳到上供下載使用。 showImg(https://segmentfault.com/img/remote/1460000013318761); 【利用K8S技術棧打造個人私有云系列文章目錄】 利用K8S技術棧打造個人私有云(連載之:初章) 利用K8S技術棧打造個人私有云(連載之:K8S集群搭建) 利用K8S技術棧打造個人私...
摘要:因此本篇博文將講解如何在本地構建一個帶組件的底包鏡像并上傳到上供下載使用。 showImg(https://segmentfault.com/img/remote/1460000013318761); 【利用K8S技術棧打造個人私有云系列文章目錄】 利用K8S技術棧打造個人私有云(連載之:初章) 利用K8S技術棧打造個人私有云(連載之:K8S集群搭建) 利用K8S技術棧打造個人私...
摘要:將用戶命令通過接口傳送給,從而進行資源的增刪改等操作。要使用編寫應用程序,當下大多語言都可以很方便地去實現(xiàn)請求來操作的接口從而控制和查詢資源,但本文主要是利用已有的客戶端來更加優(yōu)雅地實現(xiàn)的資源控制。 showImg(https://segmentfault.com/img/remote/1460000013517345); 【利用K8S技術棧打造個人私有云系列文章目錄】 利用K8S...
摘要:將用戶命令通過接口傳送給,從而進行資源的增刪改等操作。要使用編寫應用程序,當下大多語言都可以很方便地去實現(xiàn)請求來操作的接口從而控制和查詢資源,但本文主要是利用已有的客戶端來更加優(yōu)雅地實現(xiàn)的資源控制。 showImg(https://segmentfault.com/img/remote/1460000013517345); 【利用K8S技術棧打造個人私有云系列文章目錄】 利用K8S...
閱讀 2380·2021-11-12 10:34
閱讀 1465·2019-08-29 16:15
閱讀 2678·2019-08-29 15:17
閱讀 1334·2019-08-23 17:09
閱讀 389·2019-08-23 11:37
閱讀 2451·2019-08-23 10:39
閱讀 468·2019-08-22 16:43
閱讀 3107·2019-08-22 14:53