实现启动作业页面

main.py

@@ -3,8 +3,6 @@
 
 
 import traceback
-import thread
-
 import signal
 
 import time
@@ -47,6 +45,8 @@ from views.log import blueprint as view_log_blueprint
 from views.log import blueprints as view_log_blueprints
 from views.os_template import blueprint as view_os_template_blueprint
 from views.os_template import blueprints as view_os_template_blueprints
+from views.boot_job import blueprint as view_boot_job_blueprint
+from views.boot_job import blueprints as view_boot_job_blueprints
 
 from websockify.websocketproxy import WebSocketProxy
 
@@ -121,6 +121,8 @@ try:
     app.register_blueprint(view_log_blueprints)
     app.register_blueprint(view_os_template_blueprint)
     app.register_blueprint(view_os_template_blueprints)
+    app.register_blueprint(view_boot_job_blueprint)
+    app.register_blueprint(view_boot_job_blueprints)
 
 except:
     logger.error(traceback.format_exc())
@@ -157,8 +159,6 @@ if __name__ == '__main__':
                     break
                 time.sleep(1)
 
-            print 'fuck'
-
             # 等待子线程结束
             for t in threads:
                 t.join()

templates/boot_job_show.html

@@ -0,0 +1,481 @@
+{% extends "layout.html" %}
+{% block head %}
+    {{ super() }}
+    <style type="text/css">
+
+        @media (min-width: 768px) {
+            .form-horizontal .control-label {
+                text-align: left;
+            }
+        }
+
+        label>span {
+            color: deepskyblue;
+        }
+
+        .table {
+            font-size: 12px;
+            border-width: 1px;
+            line-height: 20px;
+        }
+        .table > thead > tr > th,
+        .table > tfoot > tr > th {
+            color: #999999;
+            font-weight: normal;
+            border-bottom: 0 solid #e1e6eb;
+            background-color: #F5F6FA;
+        }
+        
+        .table > tbody > tr > td {
+            color: #424547;
+        }
+
+        .table-bordered > tbody > tr {
+            padding-top: 10px;
+            padding-bottom: 10px;
+        }
+
+        .table-bordered > thead > tr > th,
+        .table-bordered > tbody > tr > th,
+        .table-bordered > tfoot > tr > th,
+        .table-bordered > thead > tr > td,
+        .table-bordered > tbody > tr > td,
+        .table-bordered > tfoot > tr > td {
+            border-style: solid;
+            border-width: 1px 0 0 0;
+        }
+
+        .btn,
+        .form-control,
+        .modal-content {
+            border-radius: 0 !important;
+        }
+    </style>
+
+{% endblock head %}
+{% block content %}
+
+<script type="text/javascript">
+    var page = 1;
+    var page_size = 10;
+    var keyword = '';
+    var resource_path = window.location.pathname;
+    var cur_url = resource_path;
+
+    $(document).ready(function() {
+        page_size = $('#page_size').val();
+        cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
+
+        var last_ready = null;
+        $('#content_search').keydown(function() {
+            if (last_ready !== null) {
+                clearTimeout(last_ready);
+            }
+            last_ready = setTimeout(function () {
+                keyword = $('#content_search').val();
+                cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
+                if (keyword.length > 0) {
+                    cur_url = resource_path + '?page=' + page + '&page_size=' + page_size + '&keyword=' + keyword;
+                }
+                window.location.href=cur_url;
+            }, 1000);
+        });
+
+        $('#page_size').change(function () {
+            keyword = $('#content_search').val();
+            page_size = $('#page_size').val();
+            cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
+            if (keyword.length > 0) {
+                cur_url = resource_path + '?page=' + page + '&page_size=' + page_size + '&keyword=' + keyword;
+            }
+            window.location.href=cur_url;
+        });
+
+        $('#edit_name_modal').on('show.bs.modal', function (me) {
+            $('#boot_job_id').val($(me.relatedTarget).parent().parent().prev().text());
+            $('#edit_name').val($(me.relatedTarget).prev().text());
+        });
+
+        $('#edit_remark_modal').on('show.bs.modal', function (me) {
+            $('#boot_job_id').val($(me.relatedTarget).parent().parent().prev().prev().prev().text());
+            $('#edit_remark').val($(me.relatedTarget).prev().text());
+        });
+
+        $('#add_boot_job_modal').on('show.bs.modal', function (me) {
+        });
+
+        $('#update_use_for_modal').on('show.bs.modal', function (me) {
+            $('#boot_job_id').val($(me.relatedTarget).parent().prev().prev().text());
+            $('#update_use_for_instance_desc').text($(me.relatedTarget).parent().prev().text());
+        });
+    });
+
+    function refresh() {
+        keyword = $('#content_search').val();
+        page = $('#pagination li.active a').text();
+        page_size = $('#page_size').val();
+        cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
+        if (keyword.length > 0) {
+            cur_url = resource_path + '?page=' + page + '&page_size=' + page_size + '&keyword=' + keyword;
+        }
+        window.location.href=cur_url;
+    }
+
+    function row_onmouseover(me) {
+        $(me).find(".edit_name_trigger, .edit_remark_trigger").css('display','inline-flex');
+    }
+
+    function row_onmouseout(me) {
+        $(me).find(".edit_name_trigger, .edit_remark_trigger").css('display','none');
+    }
+
+    function name_update(me) {
+        var boot_job_id = $('#boot_job_id').val();
+        var name = $('#edit_name').val();
+        $('#edit_name_modal').modal('hide');
+        $.ajax({
+            url : '/api/boot_job/' + boot_job_id,
+            type : 'PATCH',
+            contentType: "application/json; charset=utf-8",
+            data : JSON.stringify({
+                name: name
+            }),
+            error : function() {
+                alter_danger('启动作业名称更新失败！');
+            },
+            success : function() {
+                alter_success('启动作业名称更新成功！');
+                refresh()
+            }
+        });
+    }
+
+    function remark_update(me) {
+        var boot_job_id = $('#boot_job_id').val();
+        var remark = $('#edit_remark').val();
+        $('#edit_remark_modal').modal('hide');
+        $.ajax({
+            url : '/api/boot_job/' + boot_job_id,
+            type : 'PATCH',
+            contentType: "application/json; charset=utf-8",
+            data : JSON.stringify({
+                remark: remark
+            }),
+            error : function() {
+                alter_danger('启动作业备注更新失败！');
+            },
+            success : function() {
+                alter_success('启动作业备注路径更新成功！');
+                refresh()
+            }
+        });
+    }
+
+    function update_use_for(id) {
+        $.ajax({
+            url : '/api/boot_job/' + id,
+            type : 'PATCH',
+            contentType: "application/json; charset=utf-8",
+            data : JSON.stringify({
+                use_for: parseInt($('#update_use_for').val())
+            }),
+            error : function() {
+                alter_danger('变更启动作业作用域指令发送失败！');
+            },
+            success : function() {
+                alter_success('变更启动作业作用域指令发送成功！');
+                refresh();
+            }
+        });
+    }
+
+    function remove(id) {
+        $.ajax({
+            url : '/api/boot_jobs/' + id,
+            type : 'DELETE',
+            contentType: "application/json; charset=utf-8",
+            error : function() {
+                alter_danger('启动作业删除指令发送失败！');
+            },
+            success : function() {
+                alter_success('启动作业删除指令发送成功！');
+                refresh();
+            }
+        });
+    }
+
+    function delete_at(me) {
+        var id = $('#boot_job_id').val();
+        remove(id);
+        $('#delete_modal').modal('hide');
+    }
+
+    function update_use_for_at(me) {
+        var id = $('#boot_job_id').val();
+        update_use_for(id);
+        $('#update_use_for_modal').modal('hide');
+    }
+</script>
+<div class="panel">
+    <div class="panel-body">
+        <h3 class="title-hero" style="font-size: 24px;">
+            启动作业
+        </h3>
+        <div>
+            <div id="datatable-row-highlight_wrapper" class="dataTables_wrapper form-inline">
+                <div class="row" style="padding: 10px 10px 10px 0; width: 100%;">
+                    <div class="col-sm-12" style="padding-right: 0;">
+                        <div id="datatable-row-highlight_filter" class="dataTables_filter" style="display: inline-block;">
+                            <input id="content_search" type="search" class="form-control" placeholder="模糊搜索..." value="{%- if keyword -%} {{ keyword }} {%- endif -%}" style="margin-left: 0; border-radius: 0;">
+                        </div>
+                        <div class="pull-right">
+                            <button class="btn btn-default" onclick="refresh()" style="border-radius: 0;"><span class="glyph-icon icon-elusive-arrows-cw"></span></button>
+                            <a class="btn btn-info" href="javascript:;" data-toggle="modal" data-target="#add_boot_job_modal" style="border-radius: 0; padding-left: 40px; padding-right: 40px;">添加启动作业</a>
+                        </div>
+                    </div>
+                </div>
+                <table id="boot_job_list" class="table table-bordered table-hover" cellspacing="0" width="100%" role="grid"
+                       style="width: 100%; margin-bottom: 0; border-bottom-width: 0;">
+                <thead>
+                <tr role="row">
+                    <th style="display: none;">ID</th>
+                    <th width="280px;">名称</th>
+                    <th>作用域</th>
+                    <th width="600px;">备注</th>
+                    <th>操作</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for item in boot_jobs_ret.data %}
+                <tr role="row" class="odd" onmouseover="row_onmouseover(this);" onmouseout="row_onmouseout(this);">
+                    <td style="display: none;">{{ item.id }}</td>
+                    <td>
+                        <div>
+                            <p style="display: inline-block;">{{ item.name }}</p>
+                            <a href="javascript:;" class="edit_name_trigger" data-toggle="modal" data-target="#edit_name_modal" style="display: none; float: right;">
+                                <span class="glyph-icon icon-elusive-pencil" style="width: 20px; height: 20px; margin-left: 10px; border-radius: 0; border: 1px solid rgb(220, 233, 255); background-color: #ffffff;"></span>
+                            </a>
+                        </div>
+                    </td>
+                    <td>
+                        <a href="javascript:;" data-toggle="modal" data-target="#update_use_for_modal">
+                            {% if item.use_for == 0 %}
+                                <span style="color: #8800FF;">模板</span>
+                            {% elif item.use_for == 1 %}
+                                <span style="color: #3333FF;">系统</span>
+                            {% elif item.use_for == 2 %}
+                                <span style="color: #00BB00;">用户</span>
+                            {% else %}
+                                <span style="color: #990000;">未知</span>
+                            {% endif %}
+                        </a>
+                    </td>
+                    <td>
+                        <div>
+                            <p style="display: inline-block;">{{ item.remark }}</p>
+                            <a href="javascript:;" class="edit_remark_trigger" data-toggle="modal" data-target="#edit_remark_modal" style="display: none; float: right;">
+                                <span class="glyph-icon icon-elusive-pencil" style="width: 20px; height: 20px; margin-left: 10px; border-radius: 0; border: 1px solid rgb(220, 233, 255); background-color: #ffffff;"></span>
+                            </a>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="dropdown inline-block">
+                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
+                                更多
+                            </a>
+                            <ul class="dropdown-menu">
+                                <li>
+                                    <a href="javascript:;" data-toggle="modal" data-target="#delete_modal"
+                                       onclick="$('#boot_job_id').val($(this).parent().parent().parent().parent().parent().children()[0].textContent);
+                                       $('#delete_instance_desc').text($(this).parent().parent().parent().parent().parent().children()[1].textContent)">
+                                        删除
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </td>
+                </tr>
+                {% endfor %}
+                </tbody>
+                </table>
+
+                <table class="table table-bordered" style="border-top-width: 0; z-index: 99; position: sticky; bottom: 0;">
+                    <tfoot>
+                    <tr style="height: 70px;">
+                        <th>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                </div>
+                                <div class="col-sm-3" style="font-size: 12px; padding-top: 5px; text-align: right;">
+                                    共有{{ boot_jobs_ret.paging.total }}条，每页显示：
+                                    <select id="page_size" name="datatable-row-highlight_length" title="page_size" class="form-control" style="height: 22px; vertical-align: baseline;">
+                                        <option value="10" {% if page_size == 10 %} selected {% endif %}>10</option>
+                                        <option value="20" {% if page_size == 20 %} selected {% endif %}>20</option>
+                                        <option value="50" {% if page_size == 50  %} selected {% endif %}>50</option>
+                                    </select>&nbsp;&nbsp;条
+                                </div>
+                                <div class="col-sm-3" style="text-align: left;">
+                                    <div class="dataTables_paginate paging_bootstrap" id="datatable-row-highlight_paginate">
+                                        <ul id="pagination" class="pagination">
+                                            <li class="{% if page == 1 %} disabled {% endif %}">
+                                                <a href="{{ resource_path }}?page={{ page - 1 }}&page_size={{ page_size }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if order_by %}&order_by={{ order_by }}{% endif %}{% if order %}&order={{ order }}{% endif %}">«</a>
+                                            </li>
+                                            {% for item in pages %}
+                                            <li class="{% if item == page %} active {% endif %}">
+                                                <a href="{{ resource_path }}?page={{ item }}&page_size={{ page_size }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if order_by %}&order_by={{ order_by }}{% endif %}{% if order %}&order={{ order }}{% endif %}">{{ item }}</a>
+                                            </li>
+                                            {% endfor %}
+                                            <li class="{% if page == last_page %} disabled {% endif %}">
+                                                <a href="{{ resource_path }}?page={{ page + 1 }}&page_size={{ page_size }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if order_by %}&order_by={{ order_by }}{% endif %}{% if order %}&order={{ order }}{% endif %}">»</a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </th>
+                    </tr>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<input id="boot_job_id" title="启动作业 ID" class="form-control" name="boot_job_id" hidden>
+
+<div class="modal" id="edit_name_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">编辑启动作业名称：</h4>
+            </div>
+            <div class="modal-body">
+                <input id="edit_name" title="启动作业名称" class="form-control" name="boot_job_name">
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-primary" onclick="name_update();">确定</button>
+                <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal" id="edit_remark_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">编辑模板路径：</h4>
+            </div>
+            <div class="modal-body">
+                <input id="edit_remark" title="启动作业备注" class="form-control" name="boot_job_remark">
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-primary" onclick="remark_update();">确定</button>
+                <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal" id="delete_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">删除启动作业：</h4>
+            </div>
+            <div class="modal-body">
+                <p>你确定要删除该启动作业吗？</p>
+                <h3 style="color: orangered;" id="delete_instance_desc"></h3>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-primary" onclick="delete_at();">确定</button>
+                <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal" id="add_boot_job_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">添加启动作业：</h4>
+            </div>
+            <div class="modal-body" style="padding-top: 0; padding-bottom: 0;">
+                <div class="example-box-wrapper">
+                    <form class="form-horizontal bordered-row" action="/boot_job" method="post">
+                        <div class="form-group">
+                            <div class="col-sm-2"></div>
+                            <label class="col-sm-2 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span>&nbsp;&nbsp;启动作业名称</label>
+                            <div class="col-sm-6">
+                                <input id="name" name="name" type="text" title="启动作业名称" class="form-control">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div class="col-sm-2"></div>
+                            <label class="col-sm-2 control-label"><span class="glyph-icon icon-pie-chart"></span>&nbsp;&nbsp;作用域</label>
+                            <div class="col-sm-6">
+                                <select id="use_for" name="use_for" title="作用域" class="selectpicker">
+                                    <option value="0" data-subtext="从模板克隆的虚拟机，首次启动时初始化系统使用" selected>模板</option>
+                                    <option value="1" data-subtext="JimV系统平台内置的功能，如重置系统密码，更换IP等操作">系统</option>
+                                    <option value="2" data-subtext="通过重启系统，批量执行用户预定的操作">用户</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div class="col-sm-2"></div>
+                            <label class="col-sm-2 control-label"><span class="glyph-icon icon-newspaper-o"></span>&nbsp;&nbsp;备注</label>
+                            <div class="col-sm-6">
+                                <input id="remark" name="remark" type="text" title="备注" class="form-control">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div class="col-sm-4"></div>
+                            <div class="col-sm-6 pull-right">
+                                <button class="btn btn-blue-alt" style="width: 180px; height: 40px; font-size: 16px;">创建</button>
+                                <button class="btn btn-default" style="width: 64px; height: 40px; font-size: 16px;" data-dismiss="modal">取消</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal" id="update_use_for_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">变更作用域：</h4>
+            </div>
+            <div class="modal-body" style="padding-top: 0;">
+                <form class="form-horizontal bordered-row">
+                    <div class="form-group">
+                        <div class="col-sm-1"></div>
+                        <label class="col-sm-3 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span>&nbsp;&nbsp;启动作业名称</label>
+                        <div class="col-sm-8">
+                            <h3 style="color: orangered;" id="update_use_for_instance_desc"></h3>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <div class="col-sm-1"></div>
+                        <label class="col-sm-3 control-label"><span class="glyph-icon icon-pie-chart"></span>&nbsp;&nbsp;作用域</label>
+                        <div class="col-sm-8">
+                            <select id="update_use_for" name="use_for" title="作用域" class="selectpicker">
+                                <option value="0" data-subtext="从模板克隆的虚拟机，首次启动时初始化系统使用" selected>模板</option>
+                                <option value="1" data-subtext="JimV系统平台内置的功能，如重置系统密码，更换IP等操作">系统</option>
+                                <option value="2" data-subtext="通过重启系统，批量执行用户预定的操作">用户</option>
+                            </select>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-primary" onclick="update_use_for_at();">确定</button>
+                <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock content %}

templates/layout.html

@@ -297,49 +297,49 @@
                     <ul id="sidebar-menu" data-spy="affix" data-offset-top="10">
                         <li class="header"><span>虚拟化平台管理</span></li>
                         <li>
-                            <a href="{{ url_for('v_guests.show') }}" title="Guests">
+                            <a href="{{ url_for('v_guests.show') }}" title="虚拟机实例列表">
                                 <i class="glyph-icon icon-linecons-cloud"></i>
                                 <span>虚拟机</span>
                             </a>
                         </li>
                         <li>
-                            <a href="{{ url_for('v_disks.show') }}" title="Disks">
+                            <a href="{{ url_for('v_disks.show') }}" title="磁盘实例列表">
                                 <i class="glyph-icon icon-hdd-o"></i>
                                 <span>磁盘</span>
                             </a>
                         </li>
                         <li>
-                            <a href="{{ url_for('v_guests.show') }}" title="Hosts">
+                            <a href="{{ url_for('v_guests.show') }}" title="宿主机列表">
                                 <i class="glyph-icon icon-linecons-desktop"></i>
                                 <span>宿主机</span>
                             </a>
                         </li>
                         <li>
-                            <a href="{{ url_for('v_logs.show') }}" title="JimVLog">
+                            <a href="{{ url_for('v_logs.show') }}" title="JimV 虚拟化平台日志">
                                 <i class="glyph-icon icon-linecons-eye"></i>
                                 <span>平台日志</span>
                             </a>
                         </li>
                         <li>
-                            <a href="{{ url_for('v_os_templates.show') }}" title="GuestsTemplate">
+                            <a href="{{ url_for('v_os_templates.show') }}" title="虚拟机模板列表">
                                 <i class="glyph-icon icon-linecons-inbox"></i>
                                 <span>虚拟机模板</span>
                             </a>
                         </li>
                         <li>
-                            <a href="#" title="OSInit">
+                            <a href="#" title="虚拟机启动作业">
                                 <i class="glyph-icon icon-linecons-paper-plane"></i>
-                                <span>虚拟机初始化操作</span>
+                                <span>启动作业</span>
                             </a>
                             <div class="sidebar-submenu">
                                 <ul>
-                                    <li><a href="{{ url_for('v_guests.show') }}" title="OSInit"><span>初始化簇</span></a></li>
-                                    <li><a href="{{ url_for('v_guests.show') }}" title="OSInitWrite"><span>初始化规则</span></a></li>
+                                    <li><a href="{{ url_for('v_boot_jobs.show') }}" title="启动作业列表"><span>启动作业</span></a></li>
+                                    <li><a href="{{ url_for('v_boot_jobs.show') }}" title="启动作业操作细则"><span>启动作业操作细则</span></a></li>
                                 </ul>
                             </div><!-- .sidebar-submenu -->
                         </li>
                         <li>
-                            <a href="{{ url_for('v_guests.show') }}" title="JimVConfig">
+                            <a href="{{ url_for('v_guests.show') }}" title="JimV 虚拟化平台系统配置">
                                 <i class="glyph-icon icon-linecons-cog"></i>
                                 <span>系统配置</span>
                             </a>

templates/os_template_show.html

@@ -193,14 +193,6 @@
                     );
                 });
                 selectpicker.selectpicker('refresh');
-
-                // $('#boot_job_id').empty();
-                // $.each(data.data, function(k, v) {
-                //     $('#boot_job_id').append(
-                //         $('<option>', {value: v['id'], text: v['name'], 'data-subtext': v['remark']})
-                //     );
-                // });
-                // $('#boot_job_id').selectpicker('refresh');
             }
         });
     }

views/boot_job.py

@@ -0,0 +1,127 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+
+import json
+from flask import Blueprint, render_template, url_for, request, redirect
+import requests
+from math import ceil
+
+
+__author__ = 'James Iter'
+__date__ = '2017/7/15'
+__contact__ = 'james.iter.cn@gmail.com'
+__copyright__ = '(c) 2017 by James Iter.'
+
+
+blueprint = Blueprint(
+    'v_boot_job',
+    __name__,
+    url_prefix='/boot_job'
+)
+
+blueprints = Blueprint(
+    'v_boot_jobs',
+    __name__,
+    url_prefix='/boot_jobs'
+)
+
+
+def show():
+    args = list()
+    page = int(request.args.get('page', 1))
+    page_size = int(request.args.get('page_size', 10))
+    keyword = request.args.get('keyword', None)
+    boot_job_id = request.args.get('boot_job_id', None)
+    order_by = request.args.get('order_by', None)
+    order = request.args.get('order', None)
+    filters = list()
+    resource_path = request.path
+
+    if page is not None:
+        args.append('page=' + page.__str__())
+
+    if page_size is not None:
+        args.append('page_size=' + page_size.__str__())
+
+    if keyword is not None:
+        args.append('keyword=' + keyword.__str__())
+
+    if boot_job_id is not None:
+        filters.append('id:in:' + boot_job_id.__str__())
+
+    if order_by is not None:
+        args.append('order_by=' + order_by)
+
+    if order is not None:
+        args.append('order=' + order)
+
+    if filters.__len__() > 0:
+        args.append('filter=' + ','.join(filters))
+
+    host_url = request.host_url.rstrip('/')
+
+    boot_jobs_url = host_url + url_for('api_boot_jobs.r_get_by_filter')
+    if keyword is not None:
+        boot_jobs_url = host_url + url_for('api_boot_jobs.r_content_search')
+
+    if args.__len__() > 0:
+        boot_jobs_url = boot_jobs_url + '?' + '&'.join(args)
+
+    boot_jobs_ret = requests.get(url=boot_jobs_url)
+    boot_jobs_ret = json.loads(boot_jobs_ret.content)
+
+    last_page = int(ceil(boot_jobs_ret['paging']['total'] / float(page_size)))
+    page_length = 5
+    pages = list()
+    if page < int(ceil(page_length / 2.0)):
+        for i in range(1, page_length + 1):
+            pages.append(i)
+            if i == last_page:
+                break
+
+    elif last_page - page < page_length / 2:
+        for i in range(last_page - page_length + 1, last_page + 1):
+            if i < 1:
+                continue
+            pages.append(i)
+
+    else:
+        for i in range(page - page_length / 2, page + int(ceil(page_length / 2.0))):
+            pages.append(i)
+            if i == last_page:
+                break
+
+    return render_template('boot_job_show.html', boot_jobs_ret=boot_jobs_ret,
+                           resource_path=resource_path,
+                           page=page, page_size=page_size, keyword=keyword, pages=pages, order_by=order_by, order=order,
+                           last_page=last_page)
+
+
+def create():
+    host_url = request.host_url.rstrip('/')
+
+    if request.method == 'POST':
+        name = request.form.get('name')
+        use_for = request.form.get('use_for')
+        remark = request.form.get('remark')
+
+        payload = {
+            "name": name,
+            "use_for": int(use_for),
+            "remark": remark
+        }
+
+        url = host_url + '/api/boot_job'
+        headers = {'content-type': 'application/json'}
+        r = requests.post(url, data=json.dumps(payload), headers=headers)
+        j_r = json.loads(r.content)
+        return render_template('success.html', go_back_url='/boot_jobs', timeout=10000, title='提交成功',
+                               message_title='添加启动作业的请求已被接受',
+                               message='您所提交的启动作业已创建。页面将在10秒钟后自动跳转到模板列表页面！')
+
+    else:
+        return redirect(url_for('v_boot_jobs.show'))
+
+
+

views_route_table.py

@@ -3,7 +3,7 @@
 
 
 from models.utils import add_rule_views
-from views import guest, disk, log, os_template
+from views import guest, disk, log, os_template, boot_job
 
 
 __author__ = 'James Iter'
@@ -27,3 +27,6 @@ add_rule_views(log.blueprints, '', views_func='log.show', methods=['GET'])
 add_rule_views(os_template.blueprints, '', views_func='os_template.show', methods=['GET'])
 add_rule_views(os_template.blueprint, '', views_func='os_template.create', methods=['POST'])
 
+add_rule_views(boot_job.blueprints, '', views_func='boot_job.show', methods=['GET'])
+add_rule_views(boot_job.blueprint, '', views_func='boot_job.create', methods=['POST'])
+