今日大纲:

1.前端页面介绍

2.发布流程

3.需求分析

4.表结构设计

5.前端页面设计

昨日内容回顾:

1.roles

- tasks- handlers- files- templates- vars

roles的操作顺序:

roles的操作顺序- 看到了roles，则去找当前目录下roles目录里面，找role的目录
- 在找tasks目录下面的main.yml文件，如果遇到improt_tasks，则根据路径寻找目标文件
- 如果遇到了template，则去templates目录里面找文件
- 如果遇到了copy，则去files目录里面找文件
- 如果遇到了变量，则去vars里面找main.yml
- 如果遇到了notify，则去handlers里面找main.yml

2.celery的三种操作?

- 异步- delay
- 延时- apply_async(,countdown=5)- apply_async(,eta="utc")
- 周期- from celery.beat import crontab    #结合crontab- t.conf.beat_schedule={- "5s":{- "task":"s1.myfun1",- "schedule":5，- "args":(10,20)- },- "5s":{                                 #结合crontab- "task":"s1.myfun1",- "schedule":crontab()，#写上时分日月周- "args":(10,20)- },- }

今日内容:

1.前端页面介绍

最后项目的样式:

通过playbook,直接开始,初始化.

可以执行命令:

最重要的是发布.

预习地址
1.https://adminlte.io/
2.http://www.bootcss.com/p/sco.js/
3.http://www.jq22.com/yanshi442

通过上边的第一个地址,实现界面.

上图是下载的位置.

菜单,最好不要超过三级.

2.发布流程

发布,又叫做部署

(1)灰度发布,又叫金丝雀发布

灰度发布:一堆机器中,随机抽一台做实验,v1.0版本==>v1.1版本

开发和测试在v1.1版本进行测试,没有问题,再全变成v1.1,有问题,回退到v1.0,再次测试

怒晴湘西,背鸽子,灰度测试,最小的代价去做尝试

(2)蓝绿发布

蓝绿发布:复制同样数量的机器,同样生成v1.1版本,在整个里边做测试.如果没有问题,将nginx流量从v1.0版本统统切换到v1.1版本

可以做回放,再次模拟很多用户访问,loadbalancer

缺点:资源浪费,成本高,一般情况docker上边用,k8s上边用,容器管理工具

(3)滚动发布:讲究将机器中随机抽两台发布,再抽2台,再发布2台,要求:不能中断,缺点:不知道发布到第几台了

(4)直接干:直接上到v1.1,缺点(可能会siren)

3.需求分析

灰度发布比较多

但是上容器了,可能蓝绿发布,docker也可以恢复发布.

系统实现的功能,有哪些?

(1)发布代码类型

方式:

　　一.从github或者gitlab直接拉取代码

　　二.文件发布(单独很少的1-2个文件)

(2)日志

(3)主机管理(cmdb,资产管理数据库,机器信息的保存)

　　目前没有,所以自己需要写一份

　　换CPU,硬盘,内存条,账号密码,excel等等

　　多个人,不能确保准确性,

　　CMDB硬件信息自动抓取,将关联人,记录在cmdb,开放api,让别人调用,nginx和uwsgi等等很多信息

(4)用户管理

(5)项目管理

(6)命令管理

(7)计划任务

(8)初始化:系统初始化&&环境初始化

主要用的人员:开发,运维,测试,不太需要权限管理.

4.表结构设计

(1)用户表(2)主机表(3)项目表(4)命令表(5)计划任务表(6)发布表(7)主机发布表

(8)初始化表(9)初始化日志

ELK

ES(全文搜索)

logstash

kibana

5.前端页面设计

(1)首先是,创建一个新的项目:

(2)首先,需要修改配置文件:

a.

b.数据库可以用默认的sqllite3或者mysql都行

c.

默认是上图的样式,下面我们需要加上静态文件目录,其中对应的值应该是数据库对应的NAME做一下修改

上边,我们新建一个静态文件目录

下面,我们开始利用,下载下来的包里边的文件处理:

我们需要将上边下载下来的文件解压之后的index.html放在新建的templates里边

我们可以看到静态文件.css,主要集中在上边的三个位置.

我们需要将上边的三个文件夹依次放在static里边

我们需要的内容,主要是左侧的菜单栏和上边的导航栏

我们赋值这三个静态文件会消耗较长时间,创建文件夹master

d:

下面我们再master开边创建css.html只放置css文件

将上图红框内的部分剪贴搭配css.html里边:

下面,我们需要一次性替换一下.

ctrl+F&&ctrl+R

多了的部分,我们需要删除

多了的部分,我们需要删除

将缺少的补全就行.

上图中表示的是ie9和谷歌字体我们不需要,直接去掉

e:下面我们需要在master写一个专门存放js的文件js.html

将index.html下面的script全部放在js.html文件中

下面,剩下了index.html,我们需要进行拆开

我们通过F12定义到最上边的这一行是nav

f.下面我们再新建一个body_nav

不需要上边的按钮,我们就可以删除掉.

我们再下面的控制框中找到是上边的位置

我们在body_nav.html中找啊到这个位置需要删除

我们需要在左侧再创建一个body_aside.html,单独这样.

紧接着上边的头文件

上边的文件留下,下边的去掉.

我们需要将index.html修改成base.html放在master里边

下面我们需要在base.html里边导入

上图的红框内容,需要删除掉

我们需要将section里边的内容删除掉,也就是将下图的红框内的内容删除掉

需要预留一个block在上图的位置

上图的aside,放的位置就是下图的位置,下面我们需要奖上边的整体删除,不需要

我们需要在最下面,导入js文件

这个时候,我们不需要index.html,删除就可以了

下面写一个home 测试页面,继承就可以了.

预留的这个钩子,也就是写右下角内容的位置

下面,再写一个url和视图函数

下面,我们再写一个url

运行:下图中静态页面没有加载上

上图中的配置文件需要加上S和逗号

重新启动:

成功加载,但是这个窗口中的图片没有加载上.

body_aside.html和nav需要引入图片,修改static

将上边的treeview删除,也就是下图这个地方删除

修改上图

多复制几个"主机管理"

在UI中替换图标

fa-user

ctrl+F找到一个图标

放在上图的位置

上图是模态对话框的位置

查看源码中的写法,打开上图中的文件modals.html:

用的是jBox打开模态对话框

修改成下面的内容

上图位置就可以随便填写参数了

上图就是修改之后的弹窗内容

sco.js也可以实现模态框

几个模板地址:

1.https://adminlte.io/
2.http://www.bootcss.com/p/sco.js/
3.http://www.jq22.com/yanshi442

项目中所有的请求都用ajax

上图的效果是active效果,不知道选中了什么就加上active,addClass

去掉两个active,加上一个id在treeview里边

通过id实现被选中的样式

在上边的内容加上一个js代码块

下面再home.html页面写,如何找到那个id?

这个时候,"用户管理"处于选中状态.

三块被选中的写法;

,下面再写一个home2.html页面

我们需要在views.py里边继续加上一个home2函数

在url.py

下面,我们需要修改右上角的用户

上图红线,位置修改成"用户名",

修改上图位置:

将红框内的内容删除

得到上图的页面:

昨日作业:

https://www.cnblogs.com/studybrother/p/10839703.html

1.分页

2.登录,退出

3.中间件实现的分工.

　　process_request

4.建表,关联关系,弄清楚关系很重要