pixiu-io / dashboard Goto Github PK

View Code? Open in Web Editor NEW

60.0 8.0 50.0 2.72 MB

The web-based dashboard for Pixiu

JavaScript 10.99% HTML 0.02% Vue 88.07% CSS 0.80% Dockerfile 0.05% Makefile 0.04% Shell 0.03%

pixiu dashboard

dashboard's Introduction

Pixiu Dashboard

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

启动本地开发环境

npm run dev

登陆方式

pixiu/Pixiu123456!

学习分享

go-learning

沟通交流

搜索微信号 yingjuncz, 备注（pixiu）, 验证通过会加入群聊
bilibili 技术分享

dashboard's People

Contributors

Stargazers

Watchers

Forkers

cqiang1993 jenny1779 zheng11581 lbemi wmy595265578 penphyyang hohenser chenghongxi linuxbody a289459798 caodonghui123 okeas noovertime7 larcnhan wangaokang eagle9527 pixiuio caoyingjunz zelayan beardlesscat darianjmy hfwas swordtraveller plusices djg3412 helopng kube-robot linyerun showsmall aide-cloud chenshanping huluqaqxq ninejy-io castieler ponzioo youdian-xiaoshuai cn-linzhisen gitlayzer puzhihao cyancow 13723778149 joker-bai wzhuang20 whiteskylife penn19 arther-liaopan crazytaxii baishuangqi houwenchen

dashboard's Issues

pod 的页面交互操作

页面点一下，弹一个黑框出来，可以占大半个屏幕，右上角有个x可以关闭，然后在黑框内可以进行pod内部命令行操作

优化：容器网络默认参数的修改与扩展

容器网络建议增加 10 网段，比如 10.0.0.0/8，其次是扩展更多的 IP 选项

优化：K8S 版本使用下拉框来选择

Kubernetes 版建议使用下拉框形式，支持一个列表，尽量能让用户点就不要让用户去写，否则需要校验版本

新增：编辑部署计划过程中的取消按钮

创建部署计划页面添加取消按钮：希望弹窗询问是否保留这次的操作，如果保留，则下次创建计划直接回填数据

优化：关于部署计划中组件的选择优化

关于组件的建议：选项框直接全部展开，然后选择组件分类放入选项框内，分类之类的完全在组件选项框中操作

1.动画效果的问题，检查看看，我记得vue的动画组件应该是跟v-if或者v-show的指令去绑定的
2.这里几个内容实际上数据应该是动态变化的，而且样式内容是重复的，所以考虑用reactive去包裹json数据体，在这里用v-for去循环出来，避免过多的冗余代码
3.国际化内容的修改方案:
a.在language文件夹下分别找到en/zh这两个下面的index
b.在zh和en下面添加一个内容作为标识，例如
home: {
general_view: "概览",
cloud_count: "集群总数",
}
c.在对应的位置上用{{$t(home.general_view)}}的方式去使用，就能保证页面中正常显示并且兼容了国际化，en下的内容也可以对应添加

风格优化：无数据时字体大小调整

el-table无数据placeholder展示内容，字体大小调小，页面更加协调美观

github链接跳转功能

优化：关于 CronJob 页面的优化

CronJob 页面不应该获取 Pod 资源，可以通过点击 CronJob 的名字列出 Pod（最好是可以在获取到的 Pod 列表内直接点击到 Pod 的详情）

新增 k8s deployment 前端页面交互实现

优化：创建 K8S 资源时，Namespace 选中无法显示的问题

这里加一个 copy的图标，然后点击这个图标的时候，实现拷贝

前端集群状态数和节点数的更新机制实现

添加一个图标，鼠标移动到图标之后会自动文字提示

container页面无信息，创建按钮点击无效

侧边栏的展开或隐藏，在刷新的时候会失效

建议增加历史镜像功能方便追溯历史镜像并且可以加上回滚功能可以回滚最近几个版本的镜像

建议增加历史镜像功能方便追溯历史镜像并且可以加上回滚功能可以回滚最近几个版本的镜像可以方便修改镜像地址不需要进入yaml修改

优化：打开dialog的时候的数据初始化，和关闭的时候清空

优化：目前查询资源数据全量 List，后续支持分页功能

调整table 里面表头和表里字段字体大小

个人信息下拉框，调整为直角效果

优化：详情页面 yaml 编辑封装成组件

容器页面，应用中心下的item间隔太大

新增：完善部分资源管理

1：statefulset 资源的管理
2：daemonset 资源的管理
3：persistentvolume 资源的管理
4：persistentvolumeclaim 资源的管理
5：customresourcedefinition 自定义资源

优化：部署计划某些字段需要做校验

1：集群名称长度前端做限制（建议与数据库持平）varchar(191)，疑问点：集群名称真的有必要这么长嘛
2：集群介绍建议限制字段（后端是 text 无限制，考虑后端会不会改字段）
3：新增节点的组件同样需要做一些名称长度限制其次是 IP 的校验
4：ApiServer 地址与端口校验是否是 IP类型和数字类型

提供基础交互操作界面的布局

概览对接grafana

目前部署计划体验及修改建议

1：集群名称长度前端做限制（建议与数据库持平）varchar(191)，疑问点：集群名称真的有必要这么长嘛
2：Kubernetes 版建议使用下拉框形式，支持一个列表，尽量能让用户点就不要让用户去写，否则需要校验版本
3：容器网络建议增加 10 网段，比如 10.0.0.0/8 其次 172 网段建议默认改为 172.17.0.0/16，192.168.0.0/24
4：集群介绍建议限制字段（后端是 text 无限制，考虑后端会不会改字段）
5：新增节点的组件同样需要做一些限制其次是 IP 的校验
6：ApiServer 地址与端口校验是否是 IP类型和数字类型
7：创建部署计划页面添加取消按钮：希望弹窗询问是否保留这次的操作，如果保留，则下次创建计划直接回填数据
8：建议增加部署计划克隆功能，方便直接复制这个计划修改做小修改即可使用
9：关于组件的建议：选项框直接全部展开，然后选择组件分类放入选项框内，分类之类的完全在组件选项框中操作