Django告警功能页面升级版

最新推荐文章于 2024-07-24 21:04:47 发布

乱弹世界

最新推荐文章于 2024-07-24 21:04:47 发布

阅读量1.2k

点赞数

分类专栏： python全栈开发 Web 我的python之路文章标签： django 告警页面 python bootstrap ajax

本文链接：https://blog.csdn.net/linxi7/article/details/88558755

版权

该博客介绍了如何升级Django的告警功能页面，实现了从数据库获取实时人数，并根据项目设置个性化告警参数，包括告警对象、方式和阀值。页面使用了bootstrap和AJAX技术，允许用户提交设置并即时接收服务器反馈。

摘要由CSDN通过智能技术生成

本页面主要是实现以下功能：获取数据库中的实时人数，根据各个项目个性化的设置参数进行告警，包括发送告警对象、告警方式、告警阀值等等。
页面样式如下：
在这里插入图片描述
点击提交，进行确认：

提交更改之后，会收到服务器返回的数据展示：

视图函数如下：

import os

from django.http import HttpResponse
from django.shortcuts import render, redirect
from dwebsocket.decorators import accept_websocket

from websocket.utils import exec_command, put_file, auth
import json
from websocket import models


@auth
@accept_websocket
def alertpage(request):
    print(request.method)
    if request.method == 'POST':
        alertvalue = request.POST.get('alertval')
        starttime = request.POST.get('starttime')
        endtime = request.POST.get('endtime')
        status = request.POST.get('alertstatus')
        print('alertvalue:', alertvalue, 'starttime:', starttime, 'endtime:', endtime)
        print('是否开启告警:', status)

        people = request.POST.get('people')
        print(people)
        alertway = request.POST.get('alertway')
        print(alertway)
        dataresult = 'people: ' + people + 'alert way: ' + alertway + 'alert value: ' + alertvalue + 'alert start time: ' \
                     + starttime + 'alert end time: ' + endtime + 'status: ' + status
        # return HttpResponse(json.dumps(dataresult))
        return HttpResponse(json.dumps("你的修改已提交至服务器"))

    # print(models.UserList.objects.all())

    program = "test"
    status = "运营中"
    create_time = "2019-03-04 9:00"

    alert_way = ['mail', 'phone', 'wechat']

    people_list = ['张三', '李四', '王五', '赵六']
    return render(request, 'alert_page.html', {'prm': program,
                                               'stus': status,
                                               'ctime': create_time,
                                               'data': people_list,
                                               'away': alert_way,
                                               })

前端html如下：

{% extends 'base.html' %}
{% block title %}GOP角色上报{% endblock %}
{#{% block main-title %}平台游戏{% endblock %}#}
{% block main-father %}项目告警{% endblock %}
{% block main-name %}告警配置{% endblock %}
{% block mycss %}
    #is_run {
    color:#f00;
    }
    .no_display {
    display:none;
    }
    #fruit li,#alertway li{
    display:inl