蓝鲸的二次开发

最新推荐文章于 2024-07-26 08:26:06 发布

qq_43776053

最新推荐文章于 2024-07-26 08:26:06 发布

阅读量2.8k

点赞数

分类专栏： bk

本文链接：https://blog.csdn.net/qq_43776053/article/details/89847680

版权

本文详细介绍了蓝鲸项目的二次开发过程，包括参数传递的理解和功能实现。从首页匹配到home函数，解析$(document).ready()中的getDeviceList()，通过异步请求获取设备类型。在服务器端处理数据，进行复合查询和日志记录。同时涵盖了项目准备，如获取代码、配置、调试和功能实现，特别是复合条件查询和日志展示的细节。

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

一.对参数传递的理解

在这里插入图片描述

0.以项目空路径（http://dev.paas.blueking.com:8000/）进来匹配到home函数，再进入到index.html页面。在该index.html中引入了base2.html，所以base2里的css文件和js文件全部依次序引用。在index.html最后引用了dataTable2.js，该js文件中有$(document).ready(function(){});这个方法（

对比：
$(document).ready(function(){});：DOM结构绘制完毕后就执行，不必等到加载完毕；
window.onload：必须等到页面内包括图片的所有元素加载完毕后才能执行
）

1.$(document).ready(function(){});中调用getDeviceList()这个js函数，在getDeviceList中发起url为get_device_list/的异步请求进入view，查询并获得可以选择的设备类型，并返回到js函数。

//初始化设备选择列表
function getDeviceList(){
    $.ajax({
        url:site_url+"get_device_list/",
        type:"POST",
        dataType: "json",
        data:'data',
        success:function (data) {
            var select = $("#selectdevice");
            $.each(data,function (i) {
                select.append("<option value='"+data[i].type+"'>"+data[i].name+"</option>")
            });
            $('#selectdevice').selectpicker('val','');
            $('#selectdevice').selectpicker('refresh');
            $('#selectdevice').next('button').addClass('form-control');
        },
        error:function (data) {
            alert(data);
        }
    })
}

views.py中
def get_device_list(request):
    if request.method == 'POST':
        obj = DeviceType.