利用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的几条准则

---