Openstack web 添加和删除按钮

注:当前已经时候用smaba将openstack环境的源码共享到windows系统上,并使用pycharm进行代码编辑和修改(参见openstack开发环境搭建)。如下图:

Openstack web 添加和删除按钮

接下来要实现的是在openstack的dashborad页面实现简单的按钮增加和删除工作,由于本人不是做web开发的所有对整体的梳理暂时先不做了。

首先登陆到dashborad界面进入实例界面,在此界面增加和删除按钮,如图示位置:

Openstack web 添加和删除按钮

Openstack web 添加和删除按钮

相应代码的修改位置如图所示:

Openstack web 添加和删除按钮

我们先在tables.py文件下修改class Meta的table_actions,在其下面添加一个自定义的按钮名字my_btn,如下图:

Openstack web 添加和删除按钮

在当前文件下增加一个my_btn的类,这里只实现增加按钮和修改名字的功能,具体按钮的点击事件功能复制其他按钮代码。如下图:

Openstack web 添加和删除按钮

重启一下http服务,刷新dashborad如图:可以看到新添加的按钮。

Openstack web 添加和删除按钮

下面我们在具体实例的下拉菜单添加一个菜单my_menu

Openstack web 添加和删除按钮

然后增加一个my_menu的类,如下图:

Openstack web 添加和删除按钮

重启http后查看dashborad,可以看到添加成功,如下图:

Openstack web 添加和删除按钮

接下来将刚才添加的代码都删除,并重启http,可以看到按钮都被删除了,如图:

Openstack web 添加和删除按钮

上一篇:节点操作-创建并添加&删除节点&替换&克隆节点


下一篇:方法:查询MongoDB数据库中最新一条数据(JAVA)