Hello,大家好!我是小安Sir,上一期主要讲到数据模型和表单,那么这期讲下前端的一些功能怎么实现。
本文会针对每一个按钮的预览、删除、执行进行讲解,涉及的语言有点点多,但是我们要做的是取重点部分拿来学习以达到举一反三。
Python自动化运维
前端部署Mysql架构三
本文大纲
Attention
1. 预览任务
2. 删除任务
3. 执行任务
任务列表
01
1.1 任务列表界面
相信大家看这个任务列表已经看了很多次了,里面的玄机就请见下方代码。
1.2 任务列表代码
每一个页面都离不开html和路由urls.py以及views.py函数。
本次任务列表是mys_tasktab.html,其部分代码见下方。
1.2.1python部分
1) urls.py
定义一个Dreaming/mys_tasktab的路由,如以下链接。
http://192.168.1.105:8000/Dreaming/mys_tasktab/1 path('mys_tasktab/', views.mys_tasktab, name='mys_tasktab'),
2) views.py
打开此网页,会调用mys_tasktab函数1### 展示所有mysql任务表单
2def mys_tasktab(request):
3 mys_tasklist = models.Mys_Install_Profile.objects.all()
4 return render(request, "Cloud/mys_tasktab.html", {"mys_tasklist": mys_tasklist})
1.2.2 html部分
mys_tasktab.html页面展示的核心代码1
2
3
4
5
序号6
时间7
IP8
端口9
应用10
任务类型11
数据库版本12
DB字符集13
DB缓存(MB)14
操作15
16
17
18 {% for task in mys_tasklist %}
19
20
{{ forloop.counter }}21
{{ task.pub_date }}22
{{ task.db_ipaddr }}23
{{ task.db_port }}24
{{ task.app_name }}25
{{ task.zh_install_type }}26
{{ task.zh_db_type }}27
{{ task.db_charset }}28
{{ task.innodb_mem }}29
30
31 οnclick="read_task('{{ forloop.counter }}','{{ task.db_ipaddr }}','{{ task.db_port }}','{{ task.os_user }}'
32 ,'{{ task.app_name }}','{{ task.innodb_mem }}','{{ task.db_charset }}'
33 ,'{{ task.zh_install_type }}','{{ task.zh_db_type }}','{{ task.pub_date }}')">
34 预览
35
36 执行
37
38 删除
39
40
41 {% empty %}
42
还没有任务,太懒了吧 ?
43 {% endfor %}
44
45
46
47
序号48
时间49
IP50
端口51
应用52
任务类型53
数据库版本54
DB字符集55
DB缓存(MB)56
操作57
58
59
60
61