django websocket 实现后台日志在web端展示（+前端vue设置）

ゝ一世哀愁。 2023-06-02 07:44 17阅读 0赞

核心代码：

@accept_websocket
    def get_log(req):
        if req.is_websocket():
            print('收到websocket请求')
            with open(settings.LOG_FILE, 'r', encoding='UTF-8') as f:
                log_length = len(f.readlines())
                time.sleep(1)
            while True:
                with open(settings.LOG_FILE, 'r', encoding='UTF-8') as f:
                    contents = f.readlines()
                    length_tmp = len(contents)
                for i in range(log_length, length_tmp):
                    req.websocket.send(contents[i].encode('utf-8'))
                log_length = length_tmp
                time.sleep(1)

效果：

![1078922-20190724201049377-112863669.png][]

参考：

[https://www.cnblogs.com/sui776265233/p/10176275.html\#\_labelTop][https_www.cnblogs.com_sui776265233_p_10176275.html_labelTop]

\--------2019/07/25 补充vue采坑--------

vue端不能像原生js那么写：

![1078922-20190725195839428-1224475468.png][]

原生js写法：

![1078922-20190725195918840-1747756294.png][]

转载于:https://www.cnblogs.com/dannyyao/p/11240563.html

[1078922-20190724201049377-112863669.png]: /images/20230601/ca4ddb07549a40cf984831f8840b992f.png
[https_www.cnblogs.com_sui776265233_p_10176275.html_labelTop]: https://www.cnblogs.com/sui776265233/p/10176275.html#_labelTop
[1078922-20190725195839428-1224475468.png]: /images/20230601/d3112f35026548f0861038de1356691d.png
[1078922-20190725195918840-1747756294.png]: /images/20230601/7ef12f7e436a405fa86ff0ddf25793e0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关收集web前端日志

> 重写window.onerror方法，将前端错误信息封装到一个get请求中。通过Image发送到服务端 > > > window.oner

布满荆棘的人生/ 2024年04月08日 12:32/ 0 赞/ 86 阅读

相关美团开源Logan Web：前端日志在Web端的实现

![format_png][] 总第378篇 2019年第56篇 ![format_png 1][] 2018 年，美团点评推出大前端日志系统—— Logan，并开源

我不是女神ヾ/ 2023年10月08日 11:57/ 0 赞/ 16 阅读

相关 Django 配置使用日志

一. Django中使用日志　　Django中使用日志其实非常简单，只需要在项目使用的配置文件中（如果没有自定义，那么就是settings.py中）加以下设置即可，同时

怼烎@/ 2023年08月17日 15:39/ 0 赞/ 120 阅读

相关 django websocket 实现后台日志在web端展示（+前端vue设置）

核心代码： @accept_websocket def get_log(req): if req.is_websocket():

ゝ一世哀愁。/ 2023年06月02日 07:44/ 0 赞/ 18 阅读

相关基于WebSocket实现Web端聊天系统【Vue+SpringBoot】

最终效果如下： ![在这里插入图片描述][20210118173406116.gif_pic_center] github地址：https://github.c

痛定思痛。/ 2023年01月08日 02:23/ 0 赞/ 264 阅读

相关 WebSocket实现实时查看服务器日志

pom <dependency> <groupId>org.springframework.boot</groupId> <

桃扇骨/ 2022年12月30日 12:58/ 0 赞/ 546 阅读

相关后端Django + 前端Vue.js快速搭建web项目

参考网上一篇文章做了点细节补充。本篇使用Vue.js作为前端框架，代替Django本身较为孱弱的模板引擎，Django则作为服务端提供api接口，使得前后端实现完

清疚/ 2022年05月22日 03:48/ 0 赞/ 206 阅读

相关 Redis 设置日志

1.找到Redis的配置文件 redis.conf; 2.打开该配置文件， vi redis.conf; 3.通过linux的查询命令找到 (loglevel下面)lo

r囧r小猫/ 2022年05月05日 09:54/ 0 赞/ 190 阅读

相关 Django,后端传的html代码在前端展示

前端使用富文本编辑器 ckeditor 生成的代码存储在数据库中，当从后台取出要展示到前端时，需要加上 \{% autoescape off %\} \{% endautoes

阳光穿透心脏的1/2处/ 2022年01月11日 00:03/ 0 赞/ 288 阅读

相关 SpringBoot+webSocket+Vue设置后台向前端推送消息

应用场景介绍：在页面的数据需要实时刷新的时候，或者在页面需要接收后台的消息时候，如果采用前端轮询会造成资源占用较大，并且数据刷新也是不及时的，比如当我后台在监听MQ的消

浅浅的花香味﹌/ 2021年07月09日 03:55/ 0 赞/ 538 阅读