这是一个创建于 2463 天前的主题，其中的信息可能已经有所发展或是发生改变。
[利用 K8S 技术栈打造个人私有云系列文章目录]
- 利用 K8S 技术栈打造个人私有云（连载之：初章）
- 利用 K8S 技术栈打造个人私有云（连载之：K8S 集群搭建）
- 利用 K8S 技术栈打造个人私有云（连载之：K8S 环境理解和练手）
- 利用 K8S 技术栈打造个人私有云（连载之：基础镜像制作与实验）
- 利用 K8S 技术栈打造个人私有云（连载之：资源控制研究）
- 利用 K8S 技术栈打造个人私有云（连载之：私有云客户端打造）
- 利用 K8S 技术栈打造个人私有云（连载之：总结）（ Coming Soon...）
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、内存、硬盘等等
- 云主机配置选择页面
- 云主机配置浏览页面
目前选择好配置以后点击创建所得到的云主机规格还是默认的，这些所选规格参数还未和实际实例化后的主机参数对应起来，里面还有很多东西要研究。
后记
 |
1
winneryong 2018-03-24 10:16:24 +08:00 via iPhone
不错哦
|
 |
2
Nitromethane 2018-03-24 12:17:56 +08:00
是否开源呢？
|
 |
3
find456789 2018-03-24 12:35:00 +08:00
你知道我为什么放弃 k8s 吗？
因为用 docker 默认的，我买一台云主机就够了， 我用 k8s 居然必须要买 3 台机器（没记错的话是 3 台） 所以我乖乖的用 docker 默认的了 ----by 阿里云 |
 |
4
Norie 2018-03-24 18:50:48 +08:00 via iPhone
表述不错！
|
 |
5
johnj 2018-03-24 19:47:22 +08:00
wow 学起来
|
 |
6
beginor 2018-03-25 09:18:01 +08:00 via Android
配图键盘不错，求型号？
|
Select Language