V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hansonwang99
V2EX  ›  推广

利用 K8S 技术栈打造个人私有云(连载之:私有云客户端打造)

  •  
  •   hansonwang99 · 2018-03-24 09:51:33 +08:00 · 2696 次点击
    这是一个创建于 2466 天前的主题,其中的信息可能已经有所发展或是发生改变。

    封面图片


    [利用 K8S 技术栈打造个人私有云系列文章目录]


    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、内存、硬盘等等

    创建云主机页面

    • 云主机配置选择页面

    云主机配置选择页面

    • 云主机配置浏览页面

    云主机配置浏览页面

    目前选择好配置以后点击创建所得到的云主机规格还是默认的,这些所选规格参数还未和实际实例化后的主机参数对应起来,里面还有很多东西要研究。


    后记

    作者更多的原创文章在此

    6 条回复    2018-03-25 09:18:01 +08:00
    winneryong
        1
    winneryong  
       2018-03-24 10:16:24 +08:00 via iPhone
    不错哦
    Nitromethane
        2
    Nitromethane  
       2018-03-24 12:17:56 +08:00
    是否开源呢?
    find456789
        3
    find456789  
       2018-03-24 12:35:00 +08:00
    你知道我为什么放弃 k8s 吗?

    因为用 docker 默认的,我买一台云主机就够了,

    我用 k8s 居然必须要买 3 台机器(没记错的话是 3 台)

    所以我乖乖的用 docker 默认的了


    ----by 阿里云
    Norie
        4
    Norie  
       2018-03-24 18:50:48 +08:00 via iPhone
    表述不错!
    johnj
        5
    johnj  
       2018-03-24 19:47:22 +08:00
    wow 学起来
    beginor
        6
    beginor  
       2018-03-25 09:18:01 +08:00 via Android
    配图键盘不错,求型号?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3632 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 10:39 · PVG 18:39 · LAX 02:39 · JFK 05:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.