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

简介: 【利用K8S技术栈打造个人私有云系列文章目录】 利用K8S技术栈打造个人私有云(连载之:初章) 利用K8S技术栈打造个人私有云(连载之:K8S集群搭建) 利用K8S技术栈打造个人私有云(连载之:K8S环境理解和练手) 利用K8S技术栈打造个人私有云(连载之:基础镜像制作与实验) 利用K8S技术栈打造个人私有云(连载之:资源控制研究) 利用K8S技术栈打造个人私有云(连载之:私有云客户端打造) 利用K8S技术栈打造个人私有云(连载之:总结)(Coming Soon...) Vue.js初摸 本人对前端其实不是很熟悉,也是最近才接触。

封面图片


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

创建云主机页面

  • 云主机配置选择页面

云主机配置选择页面

  • 云主机配置浏览页面

云主机配置浏览页面

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


后记

作者更多的原创文章在此

相关实践学习
容器服务Serverless版ACK Serverless 快速入门:在线魔方应用部署和监控
通过本实验,您将了解到容器服务Serverless版ACK Serverless 的基本产品能力,即可以实现快速部署一个在线魔方应用,并借助阿里云容器服务成熟的产品生态,实现在线应用的企业级监控,提升应用稳定性。
云原生实践公开课
课程大纲 开篇:如何学习并实践云原生技术 基础篇: 5 步上手 Kubernetes 进阶篇:生产环境下的 K8s 实践 相关的阿里云产品:容器服务 ACK 容器服务 Kubernetes 版(简称 ACK)提供高性能可伸缩的容器应用管理能力,支持企业级容器化应用的全生命周期管理。整合阿里云虚拟化、存储、网络和安全能力,打造云端最佳容器化应用运行环境。 了解产品详情: https://www.aliyun.com/product/kubernetes
目录
相关文章
|
2月前
|
Kubernetes 数据安全/隐私保护 Docker
|
2月前
|
Kubernetes 关系型数据库 MySQL
K8S客户端二 使用Rancher部署服务
使用rancher服务操作步骤
|
7月前
|
Kubernetes Java API
Kubernetes官方java客户端之六:OpenAPI基本操作
kubernetes官方java客户端的第二个基本能力:基于OpenAPI的功能接口
422 0
Kubernetes官方java客户端之六:OpenAPI基本操作
|
8月前
|
Kubernetes Java 开发工具
Kubernetes官方java客户端之三:外部应用
实战如何在K8S环境之外通过java客户端库操作K8S
168 0
Kubernetes官方java客户端之三:外部应用
|
7月前
|
JSON Kubernetes 数据格式
Kubernetes官方java客户端之七:patch操作
长文,助您通过java客户端对k8s进行各种patch操作
312 0
Kubernetes官方java客户端之七:patch操作
|
8月前
|
Kubernetes Java API
Kubernetes官方java客户端之五:proto基本操作
实战K8S官方java客户端的protobuf基本操作
247 0
Kubernetes官方java客户端之五:proto基本操作
|
8月前
|
Kubernetes Java API
Kubernetes官方java客户端之四:内部应用
实战K8S的java客户端在K8S环境内部的开发和部署
115 2
Kubernetes官方java客户端之四:内部应用
|
8月前
|
JSON Kubernetes Java
Kubernetes官方java客户端之二:序列化和反序列化问题
K8S官方java客户端在使用中会遇到json处理问题,在此说明
163 0
Kubernetes官方java客户端之二:序列化和反序列化问题
|
8月前
|
Kubernetes Java API
Kubernetes官方java客户端之一:准备
学习K8S官方java客户端的第一篇,做好准备工作
326 0
Kubernetes官方java客户端之一:准备
|
10月前
|
弹性计算 运维 Kubernetes
为什么客户端发送SYN,服务端回ACK,没有回SYN,ACK
本文介绍了客户端发生SYN报文但是服务端回复ACK报文没有回复SYN,ACK报文的场景,深入分析了内核代码处理机制以及使用复现验证
1444 0

推荐镜像

更多