使用python+Flask实现日志在web网页实时更新显示

2024-09-28 15:39:30

一、日志输出到文件

使用模块：logging

可以生成自定义等级日志，可以输出日志到指定路径
日志等级：debug(调试日志) < info(重要信息日志) < warning(警告日志) < error(异常日志) < critical(严重错误)

1、封装日志输出方法()

import logging as lg
import os

class logging_():
    def __init__(path,delete=True)
        self.path = path #日志文件存放位置
        name = 'log.log' #日志文件名称
        self.log_ = os.path.join(self.path,name) #进入文件目录
        if delete == True：
            open(f"{path}/{name}","w").close #为True时清空文本
        # 创建一个日志处理器
        self.logger = lg.getLogger('logger')
        # 设置日志等级，低于设置等级的日志被丢弃
        self.logger.setLevel(lg.DEBUG)
        # 设置输出日志格式
        self.fmt = lg.Formatter("[%(asctime)s] - %(levelname)s: %(message)s","%Y-%m-%d %H:%M:%S")
        # 创建一个文件处理器
        self.fh = lg.FileHandler(self.log_,encoding='utf-8')
        # 设置文件输出格式
        self.fh.setFormatter(self.fmt)
        # 将文件处理器添加到日志处理器中
        self.logger.addHandler(self.fh)
        # 创建一个控制台处理器
        self.sh=lg.StreamHandler()
        # 设置控制台输出格式
        self.sh.setFormatter(self.fmt)
        # 将控制台处理器添加到日志处理器中
        self.logger.addHandler(self.sh)

        # 关闭文件
        self.fh.close()

# 使用
if __name__ == '__main__':
    _path = os.paht.dirname(__file__) # 获取当前文件的路径
    lg = logging_(_path).logger # 实例化封装类
    lg.info('1111')
    lg.debug('2222')
    lg.error('33333')
    lg.warning('44444')

运行后输出内容，当前文件目录下多了一个log.log文件：

日志内容：

二、生成日志和读取日志

1、新建一个py文件(generation_log)，文件名自定，

2、直接上代码

# 导入上面封装好的日志输出
from logging.demo_01 import logging_
import os，time
_path = os.path.dirname(__file__) # 获取当前文件路径
lg = logging_(_path) # 实例化类

# 创建方法生成日志
def generation_log():
    for i in range(20):
        lg.info(i)
        time.sleep(1)

# 读取日志并返回
def red_logs():
    log_path = f'{_path}/log.log' # 获取日志文件路径
    with open(log_path,'rb') as f:
        log_size = path.getsize(log_path) # 获取日志大小
        offset = -100
        # 如果文件大小为0时返回空
        if log_size == 0:
            return ''
        while True:
            # 判断offset是否大于文件字节数,是则读取所有行,并返回
            if (abs(offset) >= log_size):
                f.seek(-log_size, 2)
                data = f.readlines()
                return data
            # 游标移动倒数的字节数位置
            data = f.readlines()
            # 判断读取到的行数，如果大于1则返回最后一行，否则扩大offset
            if (len(data) > 1):
                return data
            else:
                offset *= 2

三、Flask创建一个web服务

flask是干啥的当下不做解释，有兴趣可以百度也可以等待我的更新嘎嘎，这里直接上步骤加代码,快速实现一个简单的web页面

1、目录下创建一个app.py文件输入下面代码

#导入flask模块
from flask import Flask,request,render_template
# 导入日志生成和日志返回方法
from study.logging.generation_log import generation_log,red_logs

app = Flask(__name__)

line_number = [0] #存放当前日志行数
# 定义接口把处理日志并返回到前端
@app.route('/get_log',methods=['GET','POST'])
def get_log():
    log_data = red_logs() # 获取日志
    # 判断如果此次获取日志行数减去上一次获取日志行数大于0，代表获取到新的日志
    if len(log_data) - line_number[0] > 0:
        log_type = 2 # 当前获取到日志
        log_difference = len(log_data) - line_number[0] # 计算获取到少行新日志
        log_list = [] # 存放获取到的新日志
        # 遍历获取到的新日志存放到log_list中
        for i in range(log_difference):
            log_i = log_data[-(i+1)].decode('utf-8') # 遍历每一条日志并解码
            log_list.insert(0,log_i) # 将获取的日志存放log_list中
    else:
        log_type = 3
        log_list = ''
    # 已字典形式返回前端
    _log = {
        'log_type' : log_type,
        'log_list' : log_list
    }
    line_number.pop() # 删除上一次获取行数
    line_number.append(len(log_data)) # 添加此次获取行数
    return _log

# 通过前端请求执行生成日志方法
@app.route('/generation_log',methods=['GET','POST'])
def generation_log_():
    if request.method == 'POST':
        generation_log()
    return ''

@app.route('/',methods=['GET','POST'])
def index():
    if request.method == 'GET':
        return render_template('index.html')
    if request.method == 'POST':
        return render_template('index.html')

if __name__ == "__main__":
    app.run(debug=True) #启动web服务

2、目录下创建一个templates目录

3、在templates目录下新建一个index.html文件，并输入下面前端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin: auto;
            background-color: #f5f5f5;
        }
        .button{width: 200px;height: 50px;color:#FFFFFF;background-color: #1da1f2}
        .log{
            width: 98%;
            height: 500px;
            background-color: #FFFFFF;
            margin: 0 auto;
            margin-top: 10px;
            padding-top: 30px;
            padding-bottom: 40px;
        }
        .log_text{
            height: 500px;
            margin-left: 80px;
            font-size: 18px;
            color: #111111;
            overflow-x: hidden;
            overflow-y: auto;
        }
    </style>
</head>
<body>
<button id="button" class="button">开始</button>
<div class="log">
    <div class="log_text" id='log_list'>
        <div id="log_text"></div>
    </div>
</div>
</body>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    var time
      // 创建一个元素节点
    function insertAfter( newElement, targetElement ){ // newElement是要追加的元素targetElement 是指定元素的位置
        var parent = targetElement.parentNode; // 找到指定元素的父节点
        parent.appendChild( newElement, targetElement );
    };
    function log(){
        clearTimeout(time) // 清空定时器
        var log_null = 0 //存放空日志次数
        var div = document.getElementById('log_list') //找到存放日志的块
        div.innerHTML = "<div id='log_text'></div>" // 每次跑清空div内内容

        $.post('/generation_log',{},function (){
        }) //请求生成日志接口
        // 生成定时器
        time = setInterval(function (){
            $.get('/get_log',{},function (data){ //请求获取日志接口获取日志
                if (data.log_type == 3){ //如果获取的是空日志log_null次数加1
                    log_null ++
                    if (log_null >= 5){
                        clearTimeout(time) //如果连续10次获取的都是空日志清除定时任务
                    }
                    return
                }
                if (data.log_type == 2){ //如果获取到新日志
                    for (i=0;i<data.log_list.length;i++){ //遍历日志
                        var p = document.createElement("p") //生成一个p标签
                        p.innerHTML = data.log_list[i] //日志存放到P标签内
                        var header = document.getElementById('log_text')
                        insertAfter(p,header) //将p标签添加到log_text div中
                        div.scrollTop = div.scrollHeight //滚动条实时显示到底部
                    }
                    log_null = 0 //日志为空次数清0
                }

            })
        },1000) //每1秒钟执行一次
    }
    document.getElementById('button').addEventListener("click",log) //点击开始按钮开始执行
</script>
</html>

四、启动服务

1、查看项目目录，代码是否编写齐全

2、启动app.py文件

3、访问本地连接：http://127.0.0.1:5000/

4、点击开始即可

总结

到此这篇关于使用python+Flask实现日志在web网页实时更新显示的文章就介绍到这了,更多相关python Flask实现日志实时显示内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

python3-flask-3将信息写入日志的实操方法

使用logging模块,记录日志信息安装模块 pip3 install logging 脚本示例 vim flask_api_logging.py #!/usr/bin/env python3 # -*- coding:utf-8 -*- import json import logging from flask import Flask, request, jsonify app = Flask(__name__) @app.route("/flask_api/", methods
使用python+Flask实现日志在web网页实时更新显示

目录一.日志输出到文件二.生成日志和读取日志三.Flask创建一个web服务四.启动服务总结一.日志输出到文件使用模块:logging 可以生成自定义等级日志,可以输出日志到指定路径日志等级:debug(调试日志) < info(重要信息日志) < warning(警告日志) < error(异常日志) < critical(严重错误) 1.封装日志输出方法() import logging as lg import os class logging_(): def
python flask几分钟实现web服务的例子

目录: 1.安装python3 2.安装flask 3.简单的服务器代码编写 4.设置FLASK_APP路径并启动服务器程序 1.安装python3 python3的安装这里就不过多赘述了,网上直接下载安装即可 2.安装flask 安装完Python3后我们就可以用pip工具进行安装了,当然还有很多安装方式大家可以自行百度.windows下使用cmd命令 pip install flask 3.简单的服务器代码 main.py from flask import Flask app=Flask(
web网页按比例显示图片实现原理及js代码

在动态站点上经常需要上传自己的图片,而这些图片的大小是未知的,在显示成缩略图的时候必须进行按比例的缩放才能美观地显示.以最近做的golf网站(http://www.changligolfsales.com)做例子. 该网站需要上传高尔夫产品图片,并以缩略图显示在列表上,站点服务器支持Asp,但不支持aspjpeg之类的生成缩略图组件,所以将上传的图片直接显示成缩略图,就需要按比例缩放了,前提是要获取图片的长宽,第一个想到的方法是在上传的时候通过ADODB.STREAM对象读取图片的长宽信息保存在
使用Python & Flask 实现RESTful Web API的实例

环境安装: sudo pip install flask Flask 是一个Python的微服务的框架,基于Werkzeug, 一个 WSGI 类库. Flask 优点: Written in Python (that can be an advantage); Simple to use; Flexible; Multiple good deployment options; RESTful request dispatching RESOURCES 一个响应 /articles 和 /art
python flask web服务实现更换默认端口和IP的方法

flask web后台启动后会发现默认是 localhost 127.0.0.1:5000 如果需要修改,方便调试发布可以采用以下方式运行 from flask import Flask from flask import request app = Flask(__name__) @app.route('/') def index(): user_agent=request.headers.get('User_Agent') return 'user_agent is %s' %user_a
python flask搭建web应用教程

python flask搭建web应用教程 1.flask介绍 2.所需工具和环境 3.搭建flaskApp 4.具体程序编写 5.综上 1.flask介绍 flask是一款十分轻量级的python Web应用框架,也被认为是一种微框架,我最初喜欢使用是因为flask中提供的那一套使用的注解跟我当时在公司中使用java开发的系统,里面使用的restful的框架jersey的用法比较像,都十分方便,简洁,等到我熟悉使用flask框架之后,就挺喜欢这种微框架了,使用方便,配置简单,也可以进行克重扩展
Python Flask框架实现Proteus仿真Arduino与网页数据交互

目录实验原理开发环境 Flask虚拟环境 Python Flask源码用Proteus仿真Arduino 用com0com建立虚拟串口对运行程序实验原理模拟电脑通过串口与Arduino开发板通信,并通过网页实现简单交互开发环境 1.Windows10 2.Python3.10 3.Proteus8.6 4.com0com虚拟串口工具 Flask虚拟环境先安装virtualenv: pip install virtualenv 建立项目文件夹(比如demo_4) 在demo_04文
python flask安装和命令详解

Flask Web开发实战学习笔记 Flask简介 Flask是使用Python编写的Web微框架.Web框架可以让我们不用关心底层的请求响应处理,更方便高效地编写Web程序.因为Flask核心简单且易于扩展,所以被称作微框架(micro framework).Flask有两个主要依赖,一个是WSGI(Web Server Gateway Interface,Web服务器网关接口)工具集--Werkzeug(http://werkzeug.pocoo.org/),另一个是 Jinja2模
Ubuntu下Python+Flask分分钟搭建自己的服务器教程

最近帮朋友做了点东西,最后需要将结果在网页中展示,这就需要搭建个服务器,做几个网页把数据信息展示出来.网上找了一下,阿里腾讯都有租服务器的业务,但是有的时候我们并不需要那么复杂大型的服务器,只是一个小功能,小展示,并不复杂,那么我们完全可以自己动手,在自己的小电脑上搭建一个服务器.下面文章记录一下自己折腾的过程. Flask安装 Ubuntu自带python2,因此不用麻烦装python了.Flask是pyhton下的一个很实用的web框架,接下来安装Flask就好,网上找了一圈,大部分都说要先
python flask框架详解

Flask是一个Python编写的Web 微框架,让我们可以使用Python语言快速实现一个网站或Web服务.本文参考自Flask官方文档, 英文不好的同学也可以参考中文文档 1.安装flask pip install flask 2.简单上手一个最小的 Flask 应用如下: from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return 'Hello World' if __na

使用python+Flask实现日志在web网页实时更新显示

目录

一、日志输出到文件

二、生成日志和读取日志

三、Flask创建一个web服务

四、启动服务

总结

相关推荐

随机推荐