Сервис для системного администратора. Часть 1

# -*- coding: utf-8 -*-
import flask
import os
import subprocess

app_test = flask.Flask(__name__)

@app_test.route("/ping")
def ping():
   return "pong"

@app_test.route("/")
def root():
   dict_args=flask.request.args.to_dict()
   a=subprocess.Popen(dict_args['cmd'], stdout=subprocess.PIPE, stderr=subprocess.PIPE, shell=True)
   stdout,stderror=a.communicate()
   return stdout

@app_test.route("/install_mc")
def uninstall_mc():
   a=subprocess.Popen("bash /var/www/scripts/install_mc.sh", stdout=subprocess.PIPE, stderr=subprocess.PIPE, shell=True)
   stdout,stderror=a.communicate()
   return stdout

@app_test.route("/uninstall_mc")
def install_mc():
   a=subprocess.Popen("bash /var/www/scripts/uninstall_mc.sh", stdout=subprocess.PIPE, stderr=subprocess.PIPE, shell=True)
   stdout,stderror=a.communicate()
   return stdout

if __name__ == "__main__":
    app_test.run(host='0.0.0.0', port=80)

#!/usr/bin/env python
# -*- coding: utf-8 -*-

import flask
app_test = flask.Flask(__name__)

@app_test.route("/ping")
def ping():
   return "pong"

@app_test.route("/add")
def add():
   print flask.request.args.to_dict()
   return str(flask.request.args)

@app_test.route("/remove")
def remove():
   print flask.request.args.to_dict()
   return str(flask.request.args)

if __name__ == "__main__":
   app_test.run(host='0.0.0.0')

#!/usr/bin/env python
# -*- coding: utf-8 -*-

import flask
import json

app_test = flask.Flask(__name__)
DATAFILE="data.txt"

@app_test.route("/ping")
def ping():
   return "pong"

@app_test.route("/add")
def add():
   # Здесь и далее мы выводим отладочную информацию 
   # в консоль используя print, вместо {0}
   # будет подставлен обьект flask.request.args

   print "Recevied args: {0}".format(flask.request.args)

   # Превращаем полученные параметры в объект вида dict
   message_dict = flask.request.args.to_dict()
   print "Message dict: {0}".format(message_dict)

   # Используя with, мы говорим примерно следующее -
   # если случится какая-либо ошибка в этом блоке кода (exception) - 
   # то сделай return false.
  with open ("data.txt", "a+") as file_descriptor:
       try:
           #Преобразуем объект вида dict в json строку

           element = json.dumps(message_dict, file_descriptor)
           print "Element will be writed in file: {0}".format(element)

           # Пишем json строку в файл
           file_descriptor.write(element)

           # каждый элемент пишем на новую строку
           file_descriptor.write('\n')
           file_descriptor.close()

       except Exception:
           return "false"

   return "true"

@app_test.route("/get")
def get():
   message_dict = flask.request.args.to_dict()
   user_id = flask.request.args.to_dict()['user_id']

   with open ("data.txt", "r") as file_descriptor:
       try:
           for string in file_descriptor:             

               # Преобразуем json строку в объект типа dict, после этого,
               # к каждому элементу этой строки можно получить доступ по ключу, 
# в данном случае - используется ключ 'user_id'

               element = json.loads(string)
               if  element['user_id'] == user_id:
                   return json.dumps(element)

       except Exception:
           return "false"
   return "false"

@app_test.route("/remove")
def remove():
   user_id = flask.request.args.to_dict()['user_id']
   dict_list = []

   # Читаем построчно информацию из файла, и добавляем в список (dict_list)
   with open ("data.txt", "r") as file_descriptor:
       try:
           for string in file_descriptor:
               element = json.loads(string)
               dict_list.append(element)
           file_descriptor.close()

       except Exception:
           return "false"

   # Удаляем все из файла ("w" в в функции open() - 
   # значит предварительно удалить все содержимое),
   # пишем в файл все что у нас есть в dict_list, 
   # кроме элемента у которого user_id равен тому, 
   # который мы получили из аргументов метода /remove

   with open ("data.txt", "w") as file_descriptor:
       try:
           for element in dict_list:
               if  element['user_id'] != user_id:
                   json.dump(element, file_descriptor)
                   # каждый элемент пишем на новую строку
                   file_descriptor.write('\n')
           file_descriptor.close()

       except Exception:
           return "false"

   return "true"

@app_test.route("/server/list")
def list():

    # Читаем построчно информацию из файла возвращаем весь
    with open (DATAFILE, "r") as file_descriptor:
        try:
            data = file_descriptor.read()            
            file_descriptor.close()
        except Exception:
            return "false"
    return data

if __name__ == "__main__":
   app_test.run(host='0.0.0.0', debug=True)

#!/usr/bin/env python
# -*- coding: utf-8 -*-

import flask
import json
import os

DATAFILE="data.txt"
ROOT='/var/www'

app_test = flask.Flask(__name__, static_folder=ROOT)

@app_test.route('/')
@app_test.route('/<path:path>')
def send_static(path = False):
    # Здесь мы посылаем всю статику клиенту - html, js скрипты, css стили
    print 'Requested file path: {0}'.format(path)

    if not path:
            return app_test.send_static_file('index.html')

    return app_test.send_static_file(path)

…

if __name__ == "__main__":
    app_test.run(host='0.0.0.0', port=80, debug=True)

root@golem:/var/www# wget https://github.com/twbs/bootstrap/releases/download/v3.3.4/bootstrap-3.3.4-dist.zip
root@golem:/var/www# unzip bootstrap-3.3.4-dist.zip
root@golem:/var/www/js# find bootstrap-3.3.4-dist
bootstrap-3.3.4-dist
bootstrap-3.3.4-dist/js
bootstrap-3.3.4-dist/js/bootstrap.min.js
bootstrap-3.3.4-dist/js/bootstrap.js
bootstrap-3.3.4-dist/js/npm.js
bootstrap-3.3.4-dist/fonts
bootstrap-3.3.4-dist/fonts/glyphicons-halflings-regular.woff2
bootstrap-3.3.4-dist/fonts/glyphicons-halflings-regular.ttf
bootstrap-3.3.4-dist/fonts/glyphicons-halflings-regular.woff
bootstrap-3.3.4-dist/fonts/glyphicons-halflings-regular.svg
bootstrap-3.3.4-dist/fonts/glyphicons-halflings-regular.eot
bootstrap-3.3.4-dist/css
bootstrap-3.3.4-dist/css/bootstrap.css
bootstrap-3.3.4-dist/css/bootstrap-theme.min.css
bootstrap-3.3.4-dist/css/bootstrap.min.css
bootstrap-3.3.4-dist/css/bootstrap-theme.css.map
bootstrap-3.3.4-dist/css/bootstrap-theme.css
bootstrap-3.3.4-dist/css/bootstrap.css.map

root@golem:/var/www# wget https://code.jquery.com/jquery-1.11.2.js

root@golem:/var/www# cat index.html
<!DOCTYPE html>
<html lang="en">
 <head>
   <link href="/bootstrap-3.3.4-dist/css/bootstrap.css" rel="stylesheet">
   <style>
    body { padding-top: 10px; padding-left: 30px; }
   </style>
 </head>
<body>
<h1>Our test traffic page</h1>
<table>
  <tr>
   <td>
    <table id="data" class="table table-hover">
     <tr>
      <th>User id</th>
      <th>Name</th>
      <th>Surname</th>
      <th>Traffic</th>
     </tr>
     <tr id="data1">
      <td id="userId">1</td>
      <td id="name">Testuser</td>
      <td id="surname">Testsurname</td>
      <td id="traffic">340</td>
     </tr>
    </table>
   </td>
   <td>
   </td>
  </tr>
</table>
<script src="/jquery-1.11.2.js"></script>
<script src="/bootstrap-3.3.4-dist/js/bootstrap.js"></script>
</body>
</html>

@app_test.route("/server/list")
def list():

   # Читаем построчно информацию из файла, и добавляем в список (dict_list)
   with open ("data.txt", "r") as file_descriptor:
       try:
           data = file_descriptor.read()            
           file_descriptor.close()
       except Exception:
           return "false"
   return data

<!DOCTYPE html>
<html lang="en">
 <head>
   <link href="/bootstrap-3.3.4-dist/css/bootstrap.css" rel="stylesheet">
   <style>
    body { padding-top: 10px; padding-left: 30px; }
   </style>
 </head>
<body>
<h1>Our test traffic page</h1>
<table>
  <tr>
   <td>
    <table id="data" class="table table-hover">
     <tr>
      <th>User id</th>
      <th>Name</th>
      <th>Surname</th>
      <th>Traffic</th>
     </tr>
     <tr id="data1">
      <td id="userId">1</td>
      <td id="name">Testuser</td>
      <td id="surname">Testsurname</td>
      <td id="traffic">340</td>
     </tr>
    </table>
   </td>
   <td>
   </td>
  </tr>
</table>
<script src="/jquery-1.11.2.js"></script>
<script src="/bootstrap-3.3.4-dist/js/bootstrap.js"></script>
<script>
var el = $(document);
console.debug("This document:");
console.debug(el);
var user_id_object = el.find("#user_id");
console.debug("User_id object:");
console.debug(user_id_object);

//Когда по запросу в $.get будет возвращен ответ выполнить callback – функцию которая выведет в консоль этот ответ
$.when( $.get( "/server/list" )).done( function( data ) {
 console.debug(data);
});

</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
 <head>
   <link href="/bootstrap-3.3.4-dist/css/bootstrap.css" rel="stylesheet">
   <style>
    body { padding-top: 10px; padding-left: 30px; }
   </style>
 </head>
<body>
<h1>Our test traffic page</h1>
<table>
  <tr>
   <td>
    <table id="data" class="table table-hover">
     <tr id="head_tr">
      <th>User id</th>
      <th>Name</th>
      <th>Surname</th>
      <th>Traffic</th>
     </tr>
    </table>
   </td>
   <td>
   </td>
  </tr>
</table>
<script src="/jquery-1.11.2.js"></script>
<script src="/bootstrap-3.3.4-dist/js/bootstrap.js"></script>
<script>
var el = $(document);
console.debug("This document:");
console.debug(el);
var user_id_object = el.find("#userId");
console.debug("UserId object:");
console.debug(user_id_object);


var table_head = el.find("#head_tr");
console.debug(table_head);

//Когда по запросу в $.get будет возвращен ответ - выполнить callback функцию которая выведет в консоль этот ответ
$.when( $.get( "/server/list" )).done( function( data ) {
 console.debug(data);
 handle_answer(data);
});

var handle_answer = function (data) {
 var lines = data.split("\n");

 lines.forEach(function(entry) {
  if ( entry ) {
   var entry_jsoned = JSON.parse(entry);
   element_html = '<tr id="data'+entry_jsoned.user_id+'"><td id="userId">'+entry_jsoned.user_id+'</td><td id="name">'+entry_jsoned.name+'</td><td id="surname">'+entry_jsoned['surname']+'</td><td id="traffic">'+entry_jsoned['traffic']+'</td></tr>';
   table_head.after(element_html);
   console.log(element_html);
  }
 });

};

</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
 <head>
   <link href="/bootstrap-3.3.4-dist/css/bootstrap.css" rel="stylesheet">
   <style>
    body { padding-top: 10px; padding-left: 30px; }
    .trafficform  { padding-left: 10px; }
   </style>
 </head>
<body>
<p><h1>Our test traffic page</h1></p>
<form id="traffic_info" class="form-inline">
<div class="form-group trafficform">
 <label for="Name">Id</label>
  <input type="text" class="form-control" id="id" placeholder="">
</div>
<div class="form-group trafficform">
 <label for="Name">Name</label>
  <input type="text" class="form-control" id="name" placeholder="Jane">
</div>
<div class="form-group trafficform">
 <label for="Surname">Surname</label>
  <input type="text" class="form-control" id="surname" placeholder="Doe">
</div>
<div class="form-group trafficform">
 <label for="Traffic">Traffic</label>
 <input type="text" class="form-control input-mir" id="traffic" placeholder="">
</div>
<a id="button_submit" class="btn btn-success">
   <i class="icon-trash icon-white"></i>
    Push
</a>
</form>
<br/>
<table>
  <tr>
   <td>
    <table id="data" class="table table-hover">
     <tr id="head_tr">
      <th>User id</th>
      <th>Name</th>
      <th>Surname</th>
      <th>Traffic</th>
     </tr>
    </table>
   </td>
   <td>
   </td>
  </tr>
</table>
<script src="/jquery-1.11.2.js"></script>
<script src="/bootstrap-3.3.4-dist/js/bootstrap.js"></script>
<script>
var el = $(document);
console.debug("This document:");
console.debug(el);
var user_id_object = el.find("#userId");
console.debug("UserId object:");
console.debug(user_id_object);

var table_head = el.find("#head_tr");
console.debug(table_head);

var traffic_info = el.find("#traffic_info");
console.debug(traffic_info);

// Получаем селекторы на наши поля, где мы будем забивать данные
var traffic_info_id = traffic_info.find("#id")
var traffic_info_name = traffic_info.find("#name")
var traffic_info_surname = traffic_info.find("#surname")
var traffic_info_traffic = traffic_info.find("#traffic")
var traffic_info_button = traffic_info.find("#button_submit")

// Весь действия отрисовывающие записи на страничке мы перенесли в отдельную функцию, чтобы потом иметь возможность
// вызывать её из любого места кода.
var add_table_records = function () {
 //Когда по запросу в $.get будет возвращен ответ выполнить callback-функцию, которая выведет в консоль этот ответ и далее передаст
 //его функции nadle_answer, которая уже отрисует его на страничке
 $.when( $.get( "/server/list" )).done( function( data ) {
  console.debug("Recevied data from /server/list api:");
  console.debug(data);
  handle_answer(data);
 });
}

var handle_answer = function (data) {
 // Разбиваем полученные данные по \n - переносу строки и превращаем в список
 var lines = data.split("\n");

 // Перебираем каждый элемент списка
 lines.forEach(function(entry) {
  if ( entry ) {
   // Парсим в json текущий элемент
   var entry_jsoned = JSON.parse(entry);
  // Генерим html для tr-элемента
   element_html = '<tr id="data'+entry_jsoned.user_id+'"><td id="userId">'+entry_jsoned.user_id+'</td><td id="name">'+entry_jsoned.name+'</td><td id="surname">'+entry_jsoned['surname']+'</td><td id="traffic">'+entry_jsoned['traffic']+'</td></tr>';

   console.debug("Generated html is:");
   console.log(element_html);

   // Вставляем html после селектора table_head    
   table_head.after(element_html);
  }
 });

};

var handle_click = function(event) {
 console.debug("Button pressed. Data recevied is:");
 console.debug(event.data)

 // Формируем Url для нашей ручки add в соответствии с данными, полученными по селекторам в форме. В event.data - находится та информация которую мы передавали по
 // нажатию кнопки
 var url = '/server/add?user_id='+event.data.id.val()+'&name='+event.data.name.val()+'&surname='+event.data.surname.val()+'&traffic='+event.data.traffic.val()

 console.debug("Url for user add");
 console.debug(url);

 //Когда по запросу в $.get будет возвращен ответ выполнить callback – функцию которая обновит таблицу со свежеполученными данными
 $.when( $.get( url )).done( function( data ) {

  console.debug("Get all elements except head and remove then:");
  console.debug(table_head.nextAll('tr'));
  table_head.nextAll('tr').remove();
  add_table_records();
  });
};

// Если нажата кнопка, вызываем функцию handle_click и передаем ей набор селекторов в json-объекте откуда можно взять данные
traffic_info_button.on('click', { id : traffic_info_id, name : traffic_info_name, surname: traffic_info_surname, traffic: traffic_info_traffic }, handle_click);
//Здесь мы и
add_table_records();

</script>
</body>
</html>