python 实战2

1.编写saltstack初始化页面：

（1）在"salt" APP下的urls文件中添加路径：

（2）在salt 下的views中定义模块：

（3）在salt下的templates下创建init.html文件：

（4）在commadn中的templates下的base.html文件中添加标签：

访问测试：

编写初始化内容：

{% extends 'base.html' %}
{% load static %}

{% block header %}
    <script type="text/javascript" src="{% static '/scripts/init.js' %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static '/css/init.css' %}">
{% endblock header %}

{% block contentHeader %}
    <h1>系统初始化</h1>
{% endblock contentHeader %}

{% block mainContent %}
    <form class="form-horizontal" style="margin: 50px">
        <div class="form-group">
            <h3>IP列表</h3>
            <textarea class="form-control" rows="10" placeholder="多个IP使用回车符分开"></textarea>
        </div>
        <div class="form-group">
            <h3>选择需要初始化的项目</h3>
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox1" value="1"> 秘钥
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox2" value="2"> minionid
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox3" value="3"> 同步时间
            </label>
        </div>
        <button class="btn btn-primary">开始</button>
    </form>
{% endblock mainContent %}

访问测试：

这样前端的初始化页面就完成了。

 

2.编写安装软件页面内容：

（1）将bootstrap-select.min.css，bootstrap-select.min.js这两个文件添加到下图位置,并将文件导入base.html：

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js

导入：

（2）在salt下的installapp.html中编写多选框：

{% extends 'base.html' %}
{% load static %}

{% block header %}
<script type="text/javascript" src="{% static '/scripts/installapp.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/installapp.css' %}">
{% endblock header %}


{% block contentHeader %}
    <h1>安装系统软件</h1>
{% endblock contentHeader %}


{% block mainContent %}
{#    多选框#}
<select class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="搜索" data-actions-box="true" id="applist">
{#    <option value="0" selected>请选择应用</option>#}
</select>
{% endblock mainContent %}

（3）在salt下的models.py中定义数据模型：

然后将数据模型映射到数据库中，并向表中添加些数据。

（4）定义urls：

（5）定义views：

访问测试：

(6)编installapp.js文件：

OK，访问查看：