简单cpu web flask mysql

转：http://blog.csdn.net/u010663768/article/details/60632133

python 2.7

cpu入库

#!/usr/bin/python

# -*- coding:UTF-8 -*-

import MySQLdb

import time

import psutil

db_name='testdb'

def create_db():

    db = MySQLdb.connect("localhost","root","123456","testdb")

    cursor=db.cursor()

    cursor.execute('''DROP TABLE IF EXISTS cpu''')

    cursor.execute('''CREATE TABLE cpu(id INT NOT NULL AUTO_INCREMENT,PRIMARY KEY (`id`),insert_time text,cpu1 float,cpu2 float,cpu3 float,cpu4 float)''')

    db.close()

def save_to_db(data):

    db = MySQLdb.connect("localhost","root","123456","testdb")

    cursor=db.cursor()

    cursor.execute('INSERT INTO cpu(insert_time,cpu1,cpu2,cpu3,cpu4) VALUES (%s,%s,%s,%s,%s)',data)

    db.commit()

    db.close()

create_db()

while True:

    cpus = psutil.cpu_percent(interval=1,percpu=True)

    print(cpus[0])

    t = time.strftime('%M:%S',time.localtime())

    save_to_db((t,cpus[0],cpus[1],cpus[2],cpus[3]))

    print('save a data')

　　flask路由

#!/usr/bin/python

# -*- coding:UTF-8 -*-

import MySQLdb

import time

import psutil

db_name='testdb'

def create_db():

    db = MySQLdb.connect("localhost","root","jereh123","testdb")

    cursor=db.cursor()

    cursor.execute('''DROP TABLE IF EXISTS cpu''')

    cursor.execute('''CREATE TABLE cpu(id INT NOT NULL AUTO_INCREMENT,PRIMARY KEY (`id`),insert_time text,cpu1 float,cpu2 float,cpu3 float,cpu4 float)''')

    db.close()

def save_to_db(data):

    db = MySQLdb.connect("localhost","root","jereh123","testdb")

    cursor=db.cursor()

    cursor.execute('INSERT INTO cpu(insert_time,cpu1,cpu2,cpu3,cpu4) VALUES (%s,%s,%s,%s,%s)',data)

    db.commit()

    db.close()

create_db()

while True:

    cpus = psutil.cpu_percent(interval=1,percpu=True)

    print(cpus[0])

    t = time.strftime('%M:%S',time.localtime())

    save_to_db((t,cpus[0],cpus[1],cpus[2],cpus[3]))

    print('save a data')

前端页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

        <title>ECharts3 Ajax</title>

            <script src="{{ url_for('static', filename='jquery-3.1.1.js') }}"></script>

            <script src="{{ url_for('static', filename='echarts.js') }}"></script>

</head>

<body>

    <div id="main" style="height:500px;border:1px solid #ccc;padding:10px"></div>

    <script type="text/javascript">

    var myChart = echarts.init(document.getElementById('main'));

    myChart.setOption({

            title: {

                   text: 'CPU系统监控'

            },

            tooltip: {},

             legend: {

                    data:['cpu1','cpu2','cpu3','cpu4']

            },

            xAxis: {

                    data: []

            },

            yAxis: {},

            series: [{

                      name: 'cpu1',

                      type: 'line',

                      data: []

            },{

                     name: 'cpu2',

                     type: 'line',

                     data: []

            },{

                     name: 'cpu3',

                     type: 'line',

                     data: []

            },{

                     name: 'cpu4',

                     type: 'line',

                     data: []

            }]

        })

        var insert_time = ["","","","","","","","","",""],

            cpu1 = [0,0,0,0,0,0,0,0,0,0],

            cpu2 = [0,0,0,0,0,0,0,0,0,0],

            cpu3 = [0,0,0,0,0,0,0,0,0,0],

            cpu4 = [0,0,0,0,0,0,0,0,0,0],

            lastID = 0;

        var update_mychart = function (data) {

            myChart.hideLoading();

            dataLength = data.insert_time.length;

            lastID += dataLength;

            insert_time = insert_time.slice(dataLength).concat(data.insert_time);

            cpu1 = cpu1.slice(dataLength).concat(data.cpu1.map(parseFloat));

            cpu2 = cpu2.slice(dataLength).concat(data.cpu2.map(parseFloat));

            cpu3 = cpu3.slice(dataLength).concat(data.cpu3.map(parseFloat));

            cpu4 = cpu4.slice(dataLength).concat(data.cpu4.map(parseFloat));

         myChart.setOption({

                     xAxis: {

                                     data: insert_time

                            },

                     series: [{

                                     name: 'cpu1', // 根据名字对应到相应的系列

                                     data: cpu1

                              },{

                                      name: 'cpu2',

                                      data: cpu2

                              },{

                                      name: 'cpu3',

                                      data: cpu3

                              },{

                               name: 'cpu4',

                                               data: cpu4

                              }]

                        });

                        if (dataLength == 0){clearInterval(timeTicket);}

                    }

                    myChart.showLoading();

                    $.get('/cpu').done(update_mychart);

                    var timeTicket = setInterval(function () {

                            $.post('/cpu',{id: lastID}).done(update_mychart);

                                }, 3000);

</script>

</body>

</html>

　　文档目录

echart/

├── mydb.py

├── static

│   ├── echarts.js

│   ├── jquery-3.1.1.js

│   ├── jquery-3.1.1.min.js

│   └── templates

├── templates

│   └── index.html

└── web.py

文件
ECharts下载地址: http://echarts.baidu.com/

jQuery 3.1.1 官方下载地址:
https://code.jquery.com/jquery-3.1.1.js
https://code.jquery.com/jquery-3.1.1.min.js

简单cpu web flask mysql的更多相关文章

个人学期总结及Python+Flask+MysqL的web建设技术过程
一个学期即将过去,我们也迎来了2018年.这个学期,首次接触了web网站开发建设,不仅是这门课程,还有另外一门用idea的gradle框架来制作网页. 很显然,用python语言的flask框架更加简 ...
Python+Flask+MysqL的web建设技术过程
一.前言(个人学期总结) 个人总结一下这学期对于Python+Flask+MysqL的web建设技术过程的学习体会,Flask小辣椒框架相对于其他框架而言,更加稳定,不会有莫名其妙的错误,容错性强,运 ...
使用Java编写一个简单的Web的监控系统cpu利用率，cpu温度，总内存大小
原文:http://www.jb51.net/article/75002.htm 这篇文章主要介绍了使用Java编写一个简单的Web的监控系统的例子,并且将重要信息转为XML通过网页前端显示,非常之实 ...
CodeIgniter框架——创建一个简单的Web站点（include MySQL基本操作）
目标使用 CodeIgniter 创建一个简单的 Web 站点.该站点将有一个主页,显示一些宣传文本和一个表单,该表单将发布到数据库表中. 按照 CodeIgniter 的术语,可将这些需求转换为以 ...
Python+Flask+MysqL的web技术建站过程
1.个人学期总结时间过得飞快,转眼间2017年就要过去.这一年,我学习JSP和Python,哪一门都像一样新的东西,之前从来没有学习过. 这里我就用我学习过的Python和大家分享一下,我是怎么从一 ...
Linux简单Shell脚本监控MySQL、Apache Web和磁盘空间
Linux简单Shell脚本监控MySQL.Apache Web和磁盘空间 1. 目的或任务当MySQL数据库.Apache Web服务器停止运行时,重新启动运行,并发送邮件通知: 当服务器磁盘的空 ...
如何用PHP/MySQL为 iOS App 写一个简单的web服务器（译） PART1
原文:http://www.raywenderlich.com/2941/how-to-write-a-simple-phpmysql-web-service-for-an-ios-app 作为一个i ...
前端和后端的数据交互(jquery ajax+python flask+mysql)
上web课的时候老师布置的一个实验,要求省市连动,基本要求如下: 1.用select选中一个省份. 2.省份数据传送到服务器,服务器从数据库中搜索对应城市信息. 3.将城市信息返回客户,客户用sele ...
实战接口开发：python + flask + mysql + redis（根据反馈，持续细化更新。。。）
前言自动化已经成为测试的必备技能之一了,所以,很多想跳槽的测试朋友都在自学,特别是最实用的接口自动化, 但是很多人因为没有可以练手的项目而苦恼,最终导致缺乏实战经验,其实,完全可以自己开发个简单项目 ...

随机推荐

有若干个箱子，假设每个箱子的最大承重为 MaxW 。将货物分配装箱
今天在博客园中看到一个博问,就写了下实现代码. 问题: 有若干个箱子,假设每个箱子的最大承重为 MaxW .有一批物品,它们的重量分别为w1.w2...Wn,假设每个物品的重量都不超过箱子承重.写个算 ...
js的介绍
需要了解的如果没有宽带产业的发展,即便是发送JSON这种轻量级数据所带来的延时成本也是不可想象的. 如果没有ECMA-262这份标准文档,各大浏览器在客户端的表现完全不一致,我们就没有办法对Web应 ...
关于接口自动化的那些事 - 基于 Python
网络请求模拟小技巧在学习了一段时间的Python语言后,咱也大概对Python的语法和逻辑有了一定的积累,接下来,可以为接口自动化测试开始尝试做一些比较简单的准备工作啦~跟着我一起来来来~ 扩展库r ...
10.0.4_CentOS_120g
对应 VMware Workstation 版本为:“10.0.4 build-2249910”
《Advanced Bash-scripting Guide》学习（十六）：一个显示输入类型的脚本
本文所选的例子来自于<Advanced Bash-scripting Gudie>一书,译者杨春敏黄毅 function show_input_type() { [ -p /dev/f ...
release和retain还有多少人在用
这年头,看到做IOS开发的专业公司,居然还在用release和retain这样的内存管理方式,是为了表示他很厉害吗? 我只能说他没有跟上时代的潮流,或者就是参加了某种老掉牙的IOS速成培训再入行的. ...
nyoj-67-三角形面积(S=(1/2)*(x1y2+x2y3+x3y1-x1y3-x2y1-x3y2))
题目链接 /* Name:nyoj-67-三角形面积 Copyright: Author: Date: 2018/4/26 16:44:47 Description: 三角形的三个顶点坐标求其面积的公 ...
linux内嵌汇编语言
http://blog.chinaunix.net/uid-21254310-id-1828921.html http://www.cnblogs.com/lxgeek/archive/2011/01 ...
如何使用SOCKET 发送HTTP1.1 GET POST请求包
http://blog.csdn.net/yc0188/article/details/4741871 http://docs.linuxtone.org/ebooks/C&CPP/c/ch3 ...
数据处理之pandas库
1. Series对象由于series对象很简单,跟数组类似,但多了一些额外的功能,偷个懒,用思维导图表示 2. DaraFrame对象 DataFrame将Series的使用场景由一维扩展到多维, ...

简单cpu web flask mysql

简单cpu web flask mysql的更多相关文章

随机推荐

热门专题