摘要：前端技术栈还是非常庞大的，为了能够借助已经存在的轮子来造出一辆车，所以我选择了进行实践。状态的管理的状态管理依靠完成，用其来管理的所有组件状态。私有云客户端打造主页面首先是主页面，可以打开任何一个云主机系统的页面看，基本类似。
【利用K8S技术栈打造个人私有云系列文章目录】
利用K8S技术栈打造个人私有云（连载之：初章）
利用K8S技术栈打造个人私有云（连载之：K8S集群搭建）
利用K8S技术栈打造个人私有云（连载之：K8S环境理解和练手）
利用K8S技术栈打造个人私有云（连载之：基础镜像制作与实验）
利用K8S技术栈打造个人私有云（连载之：资源控制研究）
利用K8S技术栈打造个人私有云（连载之：私有云客户端打造）
注： 本文首发于 My 公众号 CodeSheep ，可 长按 或 扫描 下面的 小心心 来订阅 ↓ ↓ ↓
本人对前端其实不是很熟悉，也是最近才接触。前端技术栈还是非常庞大的，为了能够借助已经存在的轮子来造出一辆车，所以我选择了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的几条准则
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/27231.html
摘要：前端技术栈还是非常庞大的，为了能够借助已经存在的轮子来造出一辆车，所以我选择了进行实践。状态的管理的状态管理依靠完成，用其来管理的所有组件状态。私有云客户端打造主页面首先是主页面，可以打开任何一个云主机系统的页面看，基本类似。 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技术栈打造个人私...
摘要：将用户命令通过接口传送给，从而进行资源的增删改等操作。要使用编写应用程序，当下大多语言都可以很方便地去实现请求来操作的接口从而控制和查询资源，但本文主要是利用已有的客户端来更加优雅地实现的资源控制。 showImg(https://segmentfault.com/img/remote/1460000013517345); 【利用K8S技术栈打造个人私有云系列文章目录】 利用K8S...
摘要：将用户命令通过接口传送给，从而进行资源的增删改等操作。要使用编写应用程序，当下大多语言都可以很方便地去实现请求来操作的接口从而控制和查询资源，但本文主要是利用已有的客户端来更加优雅地实现的资源控制。 showImg(https://segmentfault.com/img/remote/1460000013517345); 【利用K8S技术栈打造个人私有云系列文章目录】 利用K8S...
阅读 2353·2021-11-12 10:34
阅读 1449·2019-08-29 16:15
阅读 2656·2019-08-29 15:17
阅读 1302·2019-08-23 17:09
阅读 373·2019-08-23 11:37
阅读 2429·2019-08-23 10:39
阅读 448·2019-08-22 16:43
阅读 3089·2019-08-22 14:53
