今日大纲:

1.用户创建

2.前端优化

3.用户编辑

4.用户删除

5.ansible api介绍

1.用户创建

新建一个user_create.html的页面

  1. <form class="form-horizontal" id="createForm" action="" method="post">{% csrf_token %}
  2.   <div class="box-body">
  3.   {% for field in form %}
  4.     <div class="form-group{% if field.errors %} has-error{% endif %}">
  5.         <label class="col-sm-2 control-label">{{ field.label }}
  6.           {% if field.field.required %}
  7.             <span class="text-red">*</span>
  8.           {% endif %}
  9.         </label>
  10.         <div class="col-sm-9">
  11.             {{ field }}
  12.         </div>
  13.         <span class="help-block">
  14.           {% for error in field.errors %}
  15.               {{ error }}
  16.           {% endfor %}
  17.           {{ field.help_text }}
  18.         </span>
  19.     </div>
  20.     {% endfor %}
  21.     <div class="box-footer text-center">
  22.         <button type="reset" class="btn btn-warning">清空</button>
  23.         <button id="createBtn" type="button" class="btn btn-info">提交</button>
  24.         <p class="text-center"><i id='iconWait'></i></p>
  25.     </div>
  26.   </div>
  27. </form>
  28. {% block js %}
  29. <script>
  30.     $("#createBtn").on("click",function () {
  31.         if ("{{ pk }}" == "0") {
  32.             url="{% url 'createuser' %}"
  33.         } else {
  34.             url="{% url 'edituser' pk %}"
  35.         }
  36.         Net.post({
  37.             url:url,
  38.             data:$("#createForm").serialize(),
  39.             go:{% url 'userlist' %}
  40.         })
  41.     })
  42. </script>
  43. {% endblock %}

里边有一个"清空"按钮和"提交按钮",下边的id="iconWait"代表转圈的那个.

添加一个add-btn属性在userlist.html里边

下面,我们再创建一个py文件user_form.py

点代表当前文件夹下,两个点代表上层文件夹

下面,我们需要在web文件夹下面新建一个user.py文件

我们先导入上边的文件以及文件的类.

需要继续导入views.py中的render

下面,再写一个url在urls.py里边.

运行:

修改得到上边的内容.运行,依然是下图的样式的内容.

现在出现一个问题,点击"添加用户",弹不出来窗口.

将user_edit放到图示的位置.

将utils放到如图表示的位置.

下面是变化的一些文件内容.

urls.py

  1. """issue URL Configuration
  2.  
  3. The `urlpatterns` list routes URLs to views. For more information please see:
  4.     https://docs.djangoproject.com/en/1.11/topics/http/urls/
  5. Examples:
  6. Function views
  7.     1. Add an import:  from my_app import views
  8.     2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
  9. Class-based views
  10.     1. Add an import:  from other_app.views import Home
  11.     2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
  12. Including another URLconf
  13.     1. Import the include() function: from django.conf.urls import url, include
  14.     2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
  15. """
  16. from django.conf.urls import url
  17. from django.contrib import admin
  18. from web.views import *     #*代表web中的views所有的
  19. from web.user import *     #*代表web中的user所有的
  20. urlpatterns = [
  21.     url(r'^admin/', admin.site.urls),
  22.     url(r'^home/', home,name='home'),
  23.     url(r'^home2/', home2,name='home2'),
  24.     url(r'^createuser/', create_user,name='createuser'),
  25.     url(r'^edituser/(\d+)', create_user, name='edituser'),
  26.     url(r'^login/', login, name='login'),
  27.     url(r'^logout/', logout_view, name='logout'),
  28.     url(r'^userlist/', userlist, name='userlist'),
  29. ]

home.html

  1. {% extends 'master/base.html' %}
  2. {% block body %}
  3. <h1>da</h1>
  4. <div class="btn btn-sm btn-success create_btn" >创建</div>
  5. {% endblock %}
  6. {% block js %}
  7.     <script>
  8.     {#$("#user").addClass("active")#}
  9.     {#$("#init").addClass("active")#}
  10.     $("#menu_issue").addClass("active")
  11.     $("#update").addClass("active")
  12.     {#点击这个按钮执行下面的函数#}
  13.     $(".create_btn").on("click",function () {
  14.         ui.box({
  15.             remote:{% url 'home2' %}
  16.         })
  17.     })
  18.     </script>
  19. {% endblock %}

home2.html

  1. {#<h1>da</h1>#}
  2. <form action="">
  3.  
  4. </form>
  5. <div class="btn btn-sm btn-success create-btn" >创建home2</div>
  6. {#{% endblock %}#}
  7. <div><i class="wait"></i></div>
  8. {% block js %}
  9.     <script>
  10.     $("#user").addClass("active")
  11.     $(".create-btn").on("click",function () {
  12.        Net.post(//发送请求到后端
  13.            {
  14.                "url":{% url 'home2' %},
  15.                "data":{"name":"alex","age":9000},
  16.                "go":{% url 'home' %},
  17.            }
  18.        )
  19.     })
  20.     </script>
  21. {% endblock %}

login.html

  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta charset="utf-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <title>登录 - 代码发布系统</title>
  8.   <!-- Tell the browser to be responsive to screen width -->
  9.   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  10.   <!-- Bootstrap 3.3.7 -->
  11.   <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.min.css' %}">
  12.   <!-- Font Awesome -->
  13.   <link rel="stylesheet" href="{% static 'plugins/font-awesome/css/font-awesome.min.css' %}">
  14.   <!-- Ionicons -->
  15.   <link rel="stylesheet" href="{% static 'plugins/Ionicons/css/ionicons.min.css' %}">
  16.   <!-- Theme style -->
  17.   <link rel="stylesheet" href="{% static 'AdminLTE/css/AdminLTE.min.css' %}">
  18.  
  19. </head>
  20. <body class="hold-transition login-page" style="background-image: url({% static 'img/login_bg2.jpg' %});     background-repeat: no-repeat; background-size: 100%; ">
  21. <div class="login-box">
  22.   <div class="login-logo">
  23.     <a href=""><b style="color: #fff;">代码发布系统</b></a>
  24.   </div>
  25.   <!-- /.login-logo -->
  26.   <div class="login-box-body">
  27.     <p class="login-box-msg">Sign in to start your session</p>
  28.     <div class="text-red" style="text-align: center;">
  29.     </div>
  30.  
  31.     <form action="" method="post">{% csrf_token %}
  32.       <div class="form-group has-feedback">
  33.         <input name="domain" type="hidden" class="form-control" placeholder="Domain" value="default">
  34.         <input name="email" type="text" class="form-control" placeholder="Username">
  35.         <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
  36.       </div>
  37.       <div class="form-group has-feedback">
  38.         <input name="password" type="password" class="form-control" placeholder="Password">
  39.         <span class="glyphicon glyphicon-lock form-control-feedback"></span>
  40.       </div>
  41.       <p style="color: red;text-align: center">{{ error_msg }}</p>
  42.       <div class="form-group has-feedback">
  43.           <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
  44.       </div>
  45.     </form>
  46.  
  47.   </div>
  48.   <!-- /.login-box-body -->
  49. </div>
  50. <!-- /.login-box -->
  51.  
  52. </body>
  53. </html>

user_create.html

  1. <form class="form-horizontal" id="createForm" action="" method="post">{% csrf_token %}
  2.   <div class="box-body">
  3.   {% for field in form %}
  4.     <div class="form-group{% if field.errors %} has-error{% endif %}">
  5.         <label class="col-sm-2 control-label">{{ field.label }}
  6.           {% if field.field.required %}
  7.             <span class="text-red">*</span>
  8.           {% endif %}
  9.         </label>
  10.         <div class="col-sm-9">
  11.             {{ field }}
  12.         </div>
  13.         <span class="help-block">
  14.           {% for error in field.errors %}
  15.               {{ error }}
  16.           {% endfor %}
  17.           {{ field.help_text }}
  18.         </span>
  19.     </div>
  20.     {% endfor %}
  21.     <div class="box-footer text-center">
  22.         <button type="reset" class="btn btn-warning">清空</button>
  23.         <button id="createBtn" type="button" class="btn btn-info">提交</button>
  24.         <p class="text-center"><i id='iconWait'></i></p>
  25.     </div>
  26.   </div>
  27. </form>
  28. {% block js %}
  29. <script>
  30.     {#$("#createBtn").on("click",function () {#}
  31.     {#    if ("{{ pk }}" == "0") {#}
  32.     {#        url="{% url 'createuser ' %}"#}
  33.     {#    } else {#}
  34.     {#        url="{% url 'edituser' pk %}"#}
  35.     {#    }#}
  36.         Net.post({
  37.             url:url,
  38.             data:$("#createForm").serialize(),
  39.             go:{% url 'userlist' %}
  40.         })
  41.    // })
  42. </script>
  43. {% endblock %}

user_edit.html

  1. <form class="form-horizontal" id="createForm" action="" method="post">{% csrf_token %}
  2.   <div class="box-body">
  3.   {% for field in form %}
  4.     <div class="form-group{% if field.errors %} has-error{% endif %}">
  5.         <label class="col-sm-2 control-label">{{ field.label }}
  6.           {% if field.field.required %}
  7.             <span class="text-red">*</span>
  8.           {% endif %}
  9.         </label>
  10.         <div class="col-sm-9">
  11.             {{ field }}
  12.         </div>
  13.         <span class="help-block">
  14.           {% for error in field.errors %}
  15.               {{ error }}
  16.           {% endfor %}
  17.           {{ field.help_text }}
  18.         </span>
  19.     </div>
  20.     {% endfor %}
  21.     <div class="box-footer text-center">
  22.         <button type="reset" class="btn btn-warning">清空</button>
  23.         <button id="createBtn" type="button" class="btn btn-info">提交</button>
  24.         <p class="text-center"><i id='iconWait'></i></p>
  25.     </div>
  26.   </div>
  27. </form>
  28. {% block js %}
  29. <script>
  30.     $("#createBtn").on("click",function () {
  31.         Net.post({
  32.             url:{% url 'edituser' pk %},
  33.             data:$("#createForm").serialize(),
  34.             go:{% url 'userlist' %}
  35.         })
  36.     })
  37. </script>
  38. {% endblock %}

userlist.html

  1. {% extends 'master/base.html' %}
  2. {% block body %}
  3.     <div class="row">
  4.         <div class="col-xs-12">
  5.             <div class="box">
  6.                 <div class="box-header">
  7.                     {#              <h3 class="box-title">Responsive Hover Table</h3>#}
  8.                     {#                <button class="btn-sm btn-success create-btn">添加用户</button>#}
  9.                     <div class="btn btn-sm btn-success add-btn">添加用户</div>
  10.                     <div class="box-tools pull-right">
  11.                         <form action="" method="get">
  12.                             <div class="input-group input-group-sm" style="width: 150px;">
  13.                                 <input type="text" name="table_search" class="form-control pull-right"
  14.                                        placeholder="Search">
  15.  
  16.                                 <div class="input-group-btn">
  17.                                     <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
  18.                                 </div>
  19.                             </div>
  20.                         </form>
  21.                     </div>
  22.  
  23.                 </div>
  24.                 <!-- /.box-header -->
  25.                 <div class="box-body table-responsive no-padding">
  26.                     <table class="table table-hover">
  27.                         <tr>
  28.                             <th>序号</th>
  29.                             <th>用户名</th>
  30.                             <th>用户邮箱</th>
  31.                             <th>角色</th>
  32.                             <th>部门</th>
  33.                             <th>是否可用</th>
  34.                             <th>创建时间</th>
  35.                             <th>操作</th>
  36.                         </tr>
  37.  
  38.                         {% for user in users %}
  39.                             <tr>
  40.                                 <td>{{ forloop.counter }}</td>
  41.                                 <td>{{ user.name }}</td>
  42.                                 <td>{{ user.email }}</td>
  43.                                 <td>{{ user.get_role_display }}</td>
  44.                                 <td>{{ user.department|default:"" }}</td>
  45.                                 <td>{{ user.get_is_unable_display }}</td>
  46.                                 <td>{{ user.create_time|date:"Y-m-d H:i:s" }}</td>
  47.                                 <td>
  48.                                     <div class="btn btn-success btn-sm edit-btn"
  49.                                          data-url="{% url 'edituser' user.pk %}">编辑
  50.                                     </div>
  51.                                     <div class="btn btn-warning btn-sm del-btn" data-url="{% url 'deluser' user.pk %}">
  52.                                         删除
  53.                                     </div>
  54.                                 </td>
  55.                             </tr>
  56.                         {% endfor %}
  57.  
  58.                     </table>
  59.                 </div>
  60.                 <!-- /.box-body -->
  61.             </div>
  62.             <div>
  63.                 <ul class="pagination pagination-sm no-margin pull-right">
  64.                     {{ page_html|safe }}
  65.                 </ul>
  66.                 <!-- /.box -->
  67.             </div>
  68.         </div>
  69.     </div>
  70. {% endblock %}
  71.  
  72. {% block js %}
  73.     <script>
  74.         {#$(".add-btn").on("click", function () {#}
  75.         {#    ui.box({#}
  76.         {#        title: "新增用户",    //上边显示的标题#}
  77.         {#        remote:{% url "createuser" %}#}
  78.         {#    })#}
  79.  
  80.                 $("#user").addClass("active");
  81.         $(".add-btn").on("click", function () {
  82.             ui.box({
  83.                 title: "新增用户",
  84.                 remote: {% url 'createuser' %}
  85.             })
  86.         })
  87.         $(".edit-btn").on("click", function () {
  88.             ui.box({
  89.                 title: "编辑用户",
  90.                 remote: $(this).attr("data-url")
  91.             })
  92.         })
  93.         $(".del-btn").on("click", function () {
  94.             var url=$(this).attr("data-url");
  95.             ui.confirm("你确认要删除这条记录吗？",function () {
  96.                 Net.get({
  97.                     url:url,
  98.                     reload:true,
  99.                 })
  100.             })
  101.         })
  102.     </script>
  103. {% endblock %}

上班经过很长的调试才调整好,现在在服务器上访问

127.0.0.1:8000/home和

127.0.0.1:8000/userlist

原因是上边的views.py

运行:

点击"添加用户",得到下边的窗体内容.

我们打开上边的index.html文件.

得到上面的form的内容.下面是查看源码.

思考如何全部都加上form-control?

上边是循环加上form-control属性.

所有的input所有类属性form-control.

我们需要继承这个新的NewModelform.

这个时候,再次点击"添加用户",出现下面的界面:

注意这个地方设置一下size.

上边写size的目的是调整大小,可以直接写在源码中.

下面修改之后的内容.

修改源码在这里修改不过来,因此还是写在原来的位置,具体原因未知???

这个时候,我们再点击"提交",出不来结果.怎么处理?

首先在页面中添加一个点击事件.

再次刷新页面,

下面我们直接获取,通过serialize方法

在后端打印下获取到的POST.

运行,点击上边的"创建用户",点击提交,服务端得到下面的结果.

得到上边的内容,需要都写上serialize().

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。

点击提交,

服务端依然得不到数据.

因为上边是id=

所以,下面需要加上#

点击提交,得到上边csrf中间件.

上边中包括很多值.下边的后端也拿到了很多的值.

这个时候,我们添加成功之后,跳转到userlist页面.

上边需要导入的三个包

下面,我们再写一个在后端真正提交的一个操作,如何写呢?

这个时候,再次测试可能会出现上边的错误内容,需要加上userlist函数,进行处理.

我们得到上边的内容,需要添加上路由userlist.

可能出现上边的错误.上边显示"这个字段不能为空"

最后这个地方,我们需要return返回这个email的.

点击"提交",

然后返回,首页.

下面,我们需要添加一个pull-right类属性

通过上边循环出内容

forloop.counter 总是一个表示当前循环的执行次数的整数计数器。 这个计数器是从1开始的，

所以在第一次循环时 forloop.counter 将会被设置为1。

得到上边的内容.

可以看一下models选择内容.

下面需要分析上边的循环出来的写法?

修改一下userlist.html文件,如上图所示

上边的错误,是我们需要加上userlist路径,如下图所示

2.前端优化.

上图是修改之后的userlist函数.

打开上边的文件,查看加的位置.

页码位置

上图是传递过来的内容.

这个时候,右下角就有页码了.

看一下能不能用搜索,搜alex,可以搜索到下面的内容.

增加和查找已经写完了,下面开始写编辑和删除了.

添加上边的active.

上边就是修改模板,

将上边的这个传递的参数.

这个时候,我们就将上边的内容成功修改成了"用户列表"这个内容.也就是说我们通过后端传递到了前端的位置.

思考用户名如何传递到前端?

上边是我们导入的模块.

session可以传递user用户名,我们还有什么办法传递?除了密码不能传递.

我们登录的时候已经拿到了用户名字.上图的第28行,如何传递到前端?

先写一个login和logout函数和路由再说.

上边我们跳转到的是userlist界面

前端怎么写?

登录之后没有出现用户名???

想要传递参数,必须放在session里边才能传递.

上边的31行不可以,我们用下图所示的试一下,看一下能不能全部传递过去?

得到上图这样,不是一个序列化的对象.查询出来的是queryset,如何变成可序列化的对象?

又出现上边的问题.

下面,来一个新的方法,导入下面的这个模块

再次运行.

我们看到上边的内容成功登陆.名字出来了,

还有一种方法是重写中间件,中间件有5个方法,重写的是哪个?

在这里,我们就先将上边这条语句注释掉.

再在auth.py里边写一个类.

上边是重写的类.以及其中的方法,上边是用法.其中打印一下response

下面,我们需要在settings.py中加上一个内容

用上边的方法,我们就不能用render了.下图中的第13行从render,替换成TemplateResponse.

刷新上边的这个界面.服务端得到这个数据,也就是我们打印出服务端的auth中的response

TemplateResponse在什么地方用?在模板渲染的时候才能用.

重写这个方法,再次打印另一个内容.

再次刷新一下,

我们得到下面的值.

我们需要更新一下这个内容.

我们将上边的内容,都修改成user.

为了不重复,我们还是需要重新修改会account

修改后,我们得到上边的内容.注意上边要加逗号,只有登录之后才会有account.

左上角我们需要修改用户名.

在上图中修改成user.name

这样就成功修改完成了.

一种是写在session中,另一种是重写中间件.

3.用户编辑

下面,再说一下编辑

上边我们加上了data-url

修改用户如何写?

下面先单独写一个编辑用户的内容.

user_edit.html就是由user_create.html修改过来的

修改的位置,

上边是我们传递过来的pk值.

可能出现没有edituser这个路径.

edituser这里需要传递一个pk值

前端多个空格可能就会出错.

这个时候,点击编辑,可以弹出,对应的窗体.

attrs可以拿到值.也可以加上一定的属性.比如加上disabled属性.

后边什么都不加可以拿到这个值.

$this表示的是当前点击的对象.

下面,我们合并一下这个创建和编辑.

js里边不能做数据判断,一切数值计算都需要转换成字符串

服务端出现一个错误,

因为此时要有一个视图函数需要都修改成create_user.

 注意,uswer.pk是一定获取不到的

上图中加上引号,url

一直报错出不来前端的弹窗里边的内容,原因是多写了一个空格.

出现上图的没有定义,问题是什么?同名函数,共用一个函数和共用一个界面html

编辑,不改上边的代码,出现上边的问题"邮箱已存在",应该如何操作?

原因是什么?form没有写对.

下面修改form

此时,我们再次提交错误重复的信息,会出现上边的内容.

上图显示,我们点击"编辑",不修改,"提交",报上边的错误

上图是原来的样子,下面是修改之后的样子.

添加相同的邮箱可能存在错误.如何解决呢?

上图中,邮箱已存在,我们需要进一步操作.上边这个已经成功解决了问题.

最开始,我们是按照上图的写法,写的.

如果一开始查找的一条数据,下图的邮箱,并且修改的数据和库里边查找的数据是一样的,代表这条数据邮箱没有改变.所以return回去.

我们先去表里查找这个邮箱.如果查不到,证明是一个没有的数据.

如果查找到一个值和目前的传递进来的数据是不一致的.需要告诉,可能这里边是有的.

else将所有的阶段了,所以下面的三行数据都是不需要的了.具体见下图.

user.count()==1代表查找到的是自己的那条记录.并且传递过来的值是不一样的

对instance的理解,

我们得到上边的instance不是None,因此self.instance=instance.

#17行,查到了1条记录,并且邮箱没有改变,

下面是删除的内容.

4.用户删除

上图是删除,界面的写法,看一下源码中的写法:

刷新浏览器界面,点击"删除"

上边是后端传递的信息

上图是url中的删除路由.

当我们点击"确认"的时候,this就相当于上边的弹窗.

因此这种写法是错误的,我们需要按照下图的写法,将含有this的这行代码写在下图的位置.

这个时候,就可以成功删除了,删除的同时需要刷新一下也就是reload:true

注意,不能将登陆的用户删除,否则会跳转到登录界面.

5.ansible api介绍,一些环境的搭建

下面,我们需要在linux环境中安装开发环境.

  1. yum install -y python36-pip python36-devel
  2. #安装成功
  3.  
  4. yum install -y openssl-devel
  5. #安装成功
  6.  
  7. #下面这个安装失败,原因是需要安装成功ansible才能安装下面的成功
  8. pip3 install ansible

(1)安装python3

  1. #第一步,走到opt目录下
  2. cd /opt
  3. #第二步.解决python编译安装所需的软件依赖
  4. yum install gcc patch libffi-devel python-devel  zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel -y
  5. #第三步:下载python3源码包
  6. wget https://www.python.org/ftp/python/3.6.7/Python-3.6.7.tar.xz
  7. ls            #看下是否有压缩包
  8. xz -d Python-3.6..tar.xz
  9. tar -xf Python-3.6..tar        #解压缩，生成一个python源码文件夹
  10. ls
  11. #第四步:进入python源码文件夹
  12. cd Python-3.6.
  13. ls     #查看一下文件夹内的内容
  14. #第五步:进行编译安装,编译三部曲,源码编译的过程,下一步就是这些东西
  15. ()第一曲
  16. ./configure --prefix=/opt/python36/        #当前文件夹下的configure
  17. #--prefix  参数解释：指定python36安装的位置,绿色代表可执行
  18. #上边这条命令必须进入文件夹 Python-3.6. 执行
  19. #这样就会自动释放一些编译文件
  20. #只要不出现error(错误信息)就可以了,出现warning(报警信息)不重要
  21. #这个时候就会多了一些makefile文件
  22. ls
  23. ()第二曲
  24. make
  25.  
  26. ()第三曲,此时就开始安装python3软件
  27. make install
  28. #上边两部可以合成一步
  29. #make && make install   #代表执行完make就执行后边的make install命令
  30. #上边安装速度可能会慢一些
  31.  
  32. #第六步.进入python36
  33. #安装目录,检查bin目录
  34. python      #按Tab键,python3没有出来,原因是环境变量没有配置
  35. cd  /opt/
  36. ls          #我们看到最终安装完成的包python36
  37.  
  38. cd python36/
  39. ls          #我们对bin目录有兴趣,需要进入
  40.  
  41. cd bin
  42. ls
  43.  
  44. #第七步,配置python3的环境变量 PATH
  45. #.取出当前的path变量(环境变量)
  46. echo $PATH     #取出当前的环境变量
  47. #/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin
  48. pwd   #查看当前目录
  49.  
  50. #.填写python3的bin目录到PATH中
  51. PATH="/opt/python36/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin"
  52. #.讲环境变量，写入到全局配置文件/etc/profile
  53. vim  /etc/profile
  54. i    #插入
  55. o    #走到下一行
  56.  
  57. .写入如下代码，在最底行写入如下配置
  58. PATH="/opt/python36/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin"
  59. .读取配置文件，加载变量生效
  60. source  /etc/profile
  61. python      #按Tab键,查看python内容
  62. python3     #进入python3交互界面

(2)安装django,运行django

  1. yum install tree
  1. #.安装django模块
  2. pip3 install -i  https://pypi.douban.com/simple django==1.11.18
  3. #ctrl+C中断安装
  4.  
  5. #.升级pip
  6. pip3 install --upgrade pip
  7.  
  8. pip3 list    #看一下pip3安装了什么
  9. #.通过命令创建django项目
  10. #django-admin startproject crm
  11. #django-admin startapp app01
  12. cd  /opt/
  13. ls
  14.  
  15. django-admin startproject crm
  16. ls
  17.  
  18. cd crm
  19. ls
  20.  
  21. python3 manage.py runserver    #直接这样写是有问题的
  22. #中断
  23.  
  24. python3 manage.py runserver 0.0.0.0:    #依然存在问题
  25. #访问192.168.34.:8000这个网址,可以访问,但是这里访问不成功,原因是防火墙
  26.  
  27. iptables -L      #查看防火墙的一些规则
  28. .关闭防火墙
  29. iptables -F
  30. 再次运行下面的命令:
  31. python3 manage.py runserver 0.0.0.0:#依然存在问题可能
  32. python3 manage.py runserver 192.168.34.133: #不行再试一下这个命令
  33. #访问地址   192.168.34.133:
  34.  
  35. #浏览器中报下面的错误信息
  36. #Invalid HTTP_HOST header: '192.168.34.133:9999'. You may need to
  37. #add '192.168.34.133' to ALLOWED_HOSTS.
  38. #下面,我们需要中断代码
  39. ls
  40. tree
  41. cd ..    #回到上一级目录回到  /opt目录下面
  42. ls
  43. tree crm   #看一下crm的目录结构
  44.  
  45. cd crm/
  46. vim crm/settings.py
  47. /ALLOW   #快速找到,修改内容
  48. ALLOWED_HOSTS = ["*"]
  49. python3 manage.py runserver 192.168.34.133:  #在crm目录下面,再次启动
  50. #访问192.168.34.:9999可以成功访问了.
  51. 192.168.34.133:
  52. 192.168.34.133:/admin    #可以正常使用了.

需求,加上hello 视图"来了老弟!"

  1. vi crm/urls.py
  2.  
  3. yyp    #命令是复制一行,退出,创建app01
  4.  
  5. #创建一个app01
  6. django-admin startapp app01
  7. ls
  8. tree     #当前在crm目录下面
  9. vi crm/urls.py   #再次打开这个文件
  10.  
  11. from django.conf.urls import url
  12. from django.contrib import admin
  13. from app01 import views           #修改的位置1
  14.  
  15. urlpatterns = [
  16.     url(r'^admin/', admin.site.urls),
  17.     url(r'^hello/', views.hello),  #修改的位置2
  18. ]
  1. ls       #在crm下面
  2.  
  3. vi app01/views.py
  4. 用空格键解决,
  1. from django.shortcuts import render,HttpResponse  #添加后边的HttpResponse
  2. def hello(request):                         #添加函数
  3.     return HttpResponse("来了老弟")
  4.  Create your views here.
  1. vi crm/settings.py 
  2.  
  3.  #在settings.py中导入app01
  4.  
  5.  INSTALLED_APPS = [
  6.     'django.contrib.admin',
  7.     'django.contrib.auth',
  8.     'django.contrib.contenttypes',
  9.     'django.contrib.sessions',
  10.     'django.contrib.messages',
  11.     'django.contrib.staticfiles',
  12.     'app01',               #修改的位置
  13. ]
  14.  
  15. #linux端口范围0-65536.5000-
  16. ls
  17. python3 manage.py runserver 192.168.34.133:
  18.  
  19. #访问下面的地址
  20. http://192.168.34.133:8000/
  21. #报错,也就是首页没有东西.大黄页,我们在公网上不能让别人知道我们的视图,需要隐藏视图
  22.  
  23. #思路:将setting.py里边的debug由true修改成false
  24.  
  25. vi crm/settings.py
  26.  
  27. DEBUG = False     #目的,不能将视图函数暴露给别人
  28.  
  29. #再次运行下面的命令
  30. python3 manage.py runserver 192.168.34.133:
  31.  
  32. #访问浏览器地址
  33. 192.168.34.133:   #这个时候就不会暴露了
  34.  
  35. http://192.168.34.133:8000/hello/        #这个时候可以看到内容了
  1. 安装成功django之后,我们再次安装一遍ansible
  2. pip3 install ansible
  3. #安装成功

这样,我们就将ansible模块和python3以及django安装成功了.

上图是centos7的写法,下图是centos6的写法

网关被.1是window机器占用,因此我们需要用,2

也可以在下图的网关设置中加上DNS.这样就可以加上一个静态IP地址了.

最后,我们还是只需要关注下面的三个信息.

下图是我自己的IP修改内容

下面看一下ansible的源码,

上边是AdHoc函数.

ansible -m 模块名 -a  参数

对应的是playbook函数

我们先执行一个命令

上边组织了一个"主机数据"

上边我们可以看到"ok","failed","unreachable","skipped",四个顶级的字典,ok,失败,不可达,跳过.

ok中,第一个ip地址,stdout表示输出,/root,pwd表示执行的命令

启动上边的两台机器,上图,在第1和第2条命令中间执行

第一条表示修改数据,得到下面的结果

如果修改成上图中,一个没有的命令"pd",

这个时候,就直接出来在failed里边了.

上图第二行的倒数部分显示,命令没有找到.

我们再写一台找不到主机的.

再次运行,看一下区别是什么?

一种是命令错误,另一种是端口不可达是找不到主机.

hostnane的作用是什么?

下面我们改成104

hostname代表的是key值.

上图是我们传递值到这个函数里边.

103行,判断是不是一个list,断言.

loader_class()

我们看到下图导入的这个包,ansible自带的一个方法,数据加载

这个时候又运行了下面的方法,

看一下这个变量管理类

然后,就初始化了下图的函数.

然后执行,下面的方法

循环主机数据,在列表中.

下面,就等于上图中的Host,点击77行的Host,我们得到下面的内容,

传递过来host_data,host_data循环这个列表中的每一个值.

端口默认是22,如果是22可以默认不写,具体见下图,

添加密码和秘钥文件.

如果没有vars,默认是一个空的字典,items(),然后组合了一下

playbook有一个变量的说法,

ansible自动2.0之后adhoc也会转换到playbook里边执行.

下图,是hostname出来的值104

没有组的话,我们需要在组的基础上添加信息.

注意ansible中有一个"组"的概念.

之前都是在init_host文件里边改的,现在我们只需要将IP地址组成一个虚拟的组.

然后将虚拟的组,给了CommandRunner,这个类继承自AdHocRunner这个类

再次看一下,AdHocRunner定义的内容,

上图就是我们自定义的回调函数.

21行表示的是命名元组,一系列参数的指定.forks表示的是并发

ansible -h　　　　#查看帮助信息,默认是5个,这里设置的是10个.

我们将拿到的值进行处理.执行init方法

也就是说,执行上图的C都满满的Runner,也就是执行init方法.也就是下图函数的init方法

先执行init,再执行CommandRunner,然后,我们再执行下图的函数

函数传递了三个参数,下面开始做判断,如果module有,并且不再选择的范围内,报错.如果不传,默认是module="shell"

也就是从test_runner.py传递过来的内容.

也就是说,上图的hosts,等于实例化的inventory,

动态生成上图的invent,然后得到所有的inventory

上图的hosts和name等于的值.然后再运行上图中的run,也就是父类的内容

也就是下面,我们传递进来的值,

上图是获取系统的变量,

第一个if语句,如果不是pattern,我们返回一个空的　　{}

再看一下下图的信息

上图的callback信息.

看一下上图的tasks,tasks做的是下图的信息.

得到上图的信息.

我们将值统统加载到clean_tasks列表中,然后返回回去

下图是组装的一个字典

上边传递的值进行对应

得到上图的play,

上图是定义的回调函数以及password,上边是组成的组tqm

运行上图的位置

异常中什么都没有写,

这就是ansible走AdHoc走的一系列命令.

知道怎么用就行了,这只是官网上的一部分,修改了一点点

AdHoc和下面的command差不多

最后也是组成了上边的内容.

同样,运行了下面的run方法.

上边打开的文件,以及内容

上边的stdout对应的值是root,,命令是whoami

得到上边的内容.

上图是playbook组成一个列表,同样动态生成一个crm,playbookrunner

然后运行,下面的run方法,传递的是playbook_path参数,将path变成列表将值放在括号里边

然后,我们运行了下面的run().

得到上边的内容.也就是下面的vi a.yml

写的是下面的内容.

执行下面的yml文件.

运行一下报错,

再次打开,修改

得到下面的内容.

上边显示的错误是极其连接不上.上边是机器的状态是OK的,运行playbook,下面的一行显示的信息.

下面,我们拿到这个信息就可以进行判断了.

下面,我们再次写一个正常的主机和ip进行处理.

这个时候,我们再次运行.

上班的Gathering Facts,  playbook的第一步是收集用户的信息,下图白色部分是一个大的列表.

tasks第一个是手机信息,createuser

我们看到了下图这个主机被创建了.

同样,我们可以传递变量,修改上边的这个playbook文件

传递下面的数据.

这个时候,我们再次执行

得到下图的name101

再看一下101IP中是否成功完成了创建账户alex101了.

注意,这个playbook的hosts需要协程all,需要哪个用就可以了,如果写成单个的机器需要正则匹配很麻烦,这里不多说.

用哪台机器,传递哪台机器就可以了.

6,特殊好用的工具在windows和linux上

得到上边的内容.

点击"Yes"

点击上图位置

我们得到了后端linux的目录,可以查看

点击右下角的OK

OK,

巨蟒python全栈开发-第11阶段 ansible_project3的更多相关文章

  1. 巨蟒python全栈开发-第11阶段 ansible_project2

    一个NB的网站: https://www.toolfk.com/ CDN:将用户的需求送到最近的节点:内容分发网络 有些是专门做CDN的工具 常用的markdown是需要知道的,短信有字数限制. we ...

  2. 巨蟒python全栈开发-第11阶段 ansible_project1

    今日大纲: 1.前端页面介绍 2.发布流程 3.需求分析 4.表结构设计 5.前端页面设计 昨日内容回顾: 1.roles - tasks - handlers - files - templates ...

  3. 巨蟒python全栈开发-第11阶段 devops-git&&openpyxl2

    大纲 1.git分支 2.git tag 3.git 忽略文件 4.正则表达式 5.openpyxl写数据 6.openpyxl读数据 1.git分支 2.git tag 3.git 忽略文件 4.正 ...

  4. 巨蟒python全栈开发-第11阶段 devops-git入门1

    大纲 1.git命令初识 2.git reset与diff 3.git区域总结 4.git 远程仓库 5.git stash 1.git命令初识 2.git reset与diff 3.git区域总结 ...

  5. 巨蟒python全栈开发-第11阶段 ansible_project7

    今日大纲 1.发布详情页面 2.前端页面获取分支信息 3.前端界面获取commit信息与tag信息 4.获取线上最新版本 5.发布之实现nginx下线 6.发布之实现server发布 7.前端页面按钮 ...

  6. 巨蟒python全栈开发-第11阶段 ansible_project6

    今日大纲: 1.计划任务前端页面 2.计划任务新增实现 3.计划任务编辑 4.项目详情 5.文件上传 6.replace模块介绍 1.计划任务前端页面 2.计划任务新增实现 3.计划任务编辑 4.项目 ...

  7. 巨蟒python全栈开发-第11阶段 ansible_project5

    今日大纲 1.命令展示前端页面实现(下面有个断点) 2.命令下发后端展示

  8. 巨蟒python全栈开发-第11阶段 ansible_project4

    1.主机的增删改查 2.初始化的增删改查 3.项目的增删改查

  9. 巨蟒python全栈开发-第11阶段 ansible3_4

    1.ansible  roles 2.nginx+uwsgi扩展 3.celery异步任务 4.celery延时任务 5.周期任务 6.celery与django结合 7.网络基础 8.celery监 ...

随机推荐

  1. Luogu P3459 [POI2007]MEG-Megalopolis(线段树)

    P3459 [POI2007]MEG-Megalopolis 题意 题目描述 Byteotia has been eventually touched by globalisation, and so ...

  2. HTTP协议②缓存

    首先介绍一下HTTP的报文信息,主要分成两个部分 1.包含属性的首部(header)---------------附加信息(cookie,缓存信息等)与缓存相关的规则信息,均包含在header中 2. ...

  3. 做网站-Http状态码详解

    https://mp.weixin.qq.com/s/ZcYG59yLsLCNY2-2k4YqwA HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码 ...

  4. [待验证]使用hibernate注解忘记引入mapping导致的问题

    这个问题好像是注解主键的时候,主键没有设置为int型,我设置了个string(想直接用uuid)导致的 后来学习了一下,这个主键的注解,生成策略有很多种,换成别的,就可以使用string类型 编译报错 ...

  5. zk运维注意事项

    1 连接数容易占满 2 watches数 (应用上的比较多建议做个自动监控,告警)

  6. 2019-3-1-WPF-从零开始开发-dotnet-Remoting-程序

    title author date CreateTime categories WPF 从零开始开发 dotnet Remoting 程序 lindexi 2019-03-01 09:30:45 +0 ...

  7. linux实时系统监控工具mpstat

    mpstat (RHEL5默认不安装) mpstat是MultiProcessor Statistics的缩写,是实时系统监控工具.其报告与CPU的一些统计信息,这些信息存放在/proc/stat文件 ...

  8. 初探element+vue+vue-router

    基本步骤先准备好 npm install -g vue-cli npm init webpack cnpm i element-ui -S 修改/src/main.js // The Vue buil ...

  9. TP3.2.x判断手机端访问并设置默认访问模块的方法 - ThinkPHP框架

    手机端访问时调用Wap手机模块,实现在手机端访问时展示出手机网站,无需跳转域名首先我们在./Application/Common/Conf/ 目录下建立两个公共配置文件:config.php 和con ...

  10. 30分钟学webpack实战

    阅读目录 一:什么是webpack? 他有什么优点? 二:如何安装和配置 三:理解webpack加载器 四:理解less-loader加载器的使用 五:理解babel-loader加载器的含义 六:了 ...