今日大纲:

1.前端页面介绍

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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.前端页面介绍

 最后项目的样式:

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第1张

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

可以执行命令:

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第2张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第3张

最重要的是发布.

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第4张

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第5张

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第6张

上图是下载的位置.

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第7张

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

 

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)初始化日志

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第8张巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第9张

 

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第10张巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第11张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第12张巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第13张

 

 ELK

 ES(全文搜索)

logstash

kibana

5.前端页面设计

 (1)首先是,创建一个新的项目:巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第14张

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

a.

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第15张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第16张

c.

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第17张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第18张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第19张

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第20张

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

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第21张

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第22张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第23张

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

 d:

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第24张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第25张

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

 ctrl+F&&ctrl+R

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第26张

 

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第27张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第28张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第29张

将缺少的补全就行.

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第30张

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

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第31张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第32张

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第33张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第34张

 

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

 

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第35张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第36张

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第37张

紧接着上边的头文件

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第38张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第39张

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

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第40张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第41张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第42张

 

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第43张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第44张

 

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第45张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第46张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第47张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第48张

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

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

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第49张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第50张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第51张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第52张

下面,我们再写一个url

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第53张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第54张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第55张

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

 重新启动:

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第56张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第57张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第58张

 

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第59张

 

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第60张

 

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第61张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第62张

 

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第63张

 

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第64张

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

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第65张

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第66张

修改上图

 巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第67张

 

巨蟒python全栈开发-第11阶段 ansible_project1 随笔 第68张

多复制几个"主机管理"

 

(3)

 

昨日作业:

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

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄