前言

这篇博客针对《Python+Django网站指纹信息侦测探查》编写代码,代码整洁,规则,易读。 学习与应用推荐首选。


运行结果

Python+Django网站指纹信息侦测探查-LMLPHP


文章目录

一、所需工具软件
二、使用步骤
       1. 主要代码
       2. 运行结果
三、在线协助

一、所需工具软件

       1. VS2019, Qt
       2. C++

二、使用步骤

代码如下(示例):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>xxxxxx</title>
    <base target=_blank>
    <style>
        #inputT {
            font-family: "Microsoft YaHei";
            font-size:20px;
            display: inline-block;
            margin-left: 30px;
            margin-top: -20px;
            border-style: none;
            /*background-color:  rgb(63,227,225);*/
            width: 100px;
        }

        #inputT:hover {
            width: 100px;
            background-color: rgb(255,68,0);
    }
    </style>

</head>
<body>
<DIV ID="outermostframe">
    <div style="width: 100%; display: flex; justify-content: space-between;background-color:#3FE3E1" >
        <a style="margin-left: 20px;padding: 10px;  color: #333; text-decoration: none;">欢迎光临</a>
        <div style="float: right;display: flex;justify-content: right;">
            <a id="loginS" style="margin-right: 20px;padding: 10px;  color: #333; text-decoration: none;" href="/accounts/logout/" >当前用户名:{{user}}</a>
            <a style="margin-right: 20px;padding: 10px;  color: #333; text-decoration: none;" href="/accounts/logout/">注销</a>
            <a style="margin-right: 20px;padding: 10px;  color: #333; text-decoration: none;" href="/accounts/login/">登录</a>
            <a style="margin-right: 20px;padding: 10px;  color: #333; text-decoration: none;" href="loginRegister.html">注册</a>
        </div>
    </div>

    <div style="background-color: green;height:300px; text-align: center;">
        <div style="padding-top:60px">
            <input type="text" id="webAddress" name="webAddress2" placeholder="输入网址"  style="width: 320px;" value="http://m.nmc.cn/"/>
            <!-- 添加一个隐藏的输入字段用于存储当前用户名 -->
            <input type="hidden"  id="webUsername" name="username" value={{user}} />
            <input type="submit"   id="startDetection" value="开始检测">

        </div>
    </div>


    <div >
        <div>
            <table style="background-color: cyan; width: 100%;">
                <thead>
                    <tr>
                        <th>类目</th>
                        <th>标题</th>
                        <th>编码</th>
                        <th>状态</th>
                        <th>技术</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>

        </div>
    </div>



    <div style="background:rgb(32,32,32);width:1220px;height:90px; margin-top:300px;position: relative;text-align:center;padding-top: 10px">
          <P style="line-height:30px;font-size:13px;font:Microsoft YaHei;font-weight:normal;color:rgb(175,177,177); ">电话:xxxxxx    邮箱: xxxxxx </P>
          <P style="line-height:30px;font-size:13px;font:Microsoft YaHei;font-weight:normal;color:rgb(175,177,177); ">版权所有 ©xxxxxx</P>
    </div>

</DIV>


<script>
    var loginStatus = '{{user}}';
    console.log(loginStatus);
    if (loginStatus === "AnonymousUser") {
        var loginST = document.getElementById("loginS");
        loginS.innerHTML = "未登录";
    }
</script>
<script>
  $(document).ready(function() {
    $('.my-link').click(function(event) {
      event.preventDefault(); // 阻止默认行为,不跳转链接
      var linkText2 = $(this).data('text');
      console.log('linkText2:' + linkText2);
      $.ajax({
        type: 'POST',
        url: '', // 修改为你的 Django 视图函数 URL
        data: { text: linkText2 },
        success: function(data) {
          console.log('成功发送数据:' + linkText2);
        }
      });
    });
  });
</script>
<div id="loadingStatus"></div>
<script>
//点击开始检测按钮-从数据库中得到数据
$(document).ready(function() {
    $('#startDetection').click(function() {
        // 显示加载提示
        $('#loadingStatus').text('加载中,请稍候...');
            method: 'GET',
            dataType: 'json',
            success: function(response) {
                var tbody = $('table tbody');
                tbody.empty(); // 清空现有的表格行

                // 假设返回的数据是对象,并且数组被包装在某个属性内,例如 response.results
                // 或者直接使用 response 如果它已经是数组
                var data = response.results || response; // 根据实际情况调整

                // 检查 data 是否为数组
                if(Array.isArray(data)) {
                    // 如果数组为空,显示提示消息
                    if(data.length === 0) {
                        $('#loadingStatus').text('没有找到数据。');
                    } else {
                        $('#loadingStatus').empty(); // 清除加载提示
                    }

                    data.forEach(function(item) {
                        // 为每个返回的项目创建一个新的表格行
                        var tr = $('<tr></tr>');
                        tr.append($('<td></td>').text(item.category));
                        tr.append($('<td></td>').text(item.title));
                        tr.append($('<td></td>').text(item.data1));
                        tr.append($('<td></td>').text(item.data2));
                        tr.append($('<td></td>').text(item.data3));

                        // 将新的行添加到表格的 tbody 中
                        tbody.append(tr);

                        // 在控制台打印出当前项的详细信息
                        console.log("项目添加到表格:", item.category, item.title, item.data1, item.data2, item.data3);
                    });
                } else {
                    // 如果 data 不是数组,显示错误提示
                    $('#loadingStatus').text('数据格式错误。');
                    console.error("Expected an array but got:", data);
                }
            },
            error: function(xhr, status, error) {
                // 处理错误,显示错误消息
                var errorMsg = "加载数据失败: " + error;
                $('#loadingStatus').text(errorMsg);
                console.error(errorMsg);
            }
        });
    });
});

</script>
</body>
</html>


运行结果

Python+Django网站指纹信息侦测探查-LMLPHP

三、在线协助:

如需安装运行环境或远程调试,见文章底部个人 QQ 名片,由专业技术人员远程协助!

当前文章连接:https://blog.csdn.net/alicema1111/article/details/132666851
个人博客主页https://blog.csdn.net/alicema1111?type=blog
博主所有文章点这里:https://blog.csdn.net/alicema1111?type=blog

博主推荐:
Python人脸识别考勤打卡系统:
https://blog.csdn.net/alicema1111/article/details/133434445
Python果树水果识别https://blog.csdn.net/alicema1111/article/details/130862842
Python+Yolov8+Deepsort入口人流量统计:https://blog.csdn.net/alicema1111/article/details/130454430
Python+Qt人脸识别门禁管理系统:https://blog.csdn.net/alicema1111/article/details/130353433
Python+Qt指纹录入识别考勤系统:https://blog.csdn.net/alicema1111/article/details/129338432
Python Yolov5火焰烟雾识别源码分享:https://blog.csdn.net/alicema1111/article/details/128420453
Python+Yolov8路面桥梁墙体裂缝识别:https://blog.csdn.net/alicema1111/article/details/133434445
Python+Yolov5道路障碍物识别:https://blog.csdn.net/alicema1111/article/details/129589741
Python+Yolov5跌倒检测 摔倒检测 人物目标行为 人体特征识别:https://blog.csdn.net/alicema1111/article/details/129272048

04-27 08:13