前言
这篇博客针对《Python+Django网站指纹信息侦测探查》编写代码，代码整洁，规则，易读。 学习与应用推荐首选。
运行结果
文章目录
一、所需工具软件
二、使用步骤
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>
运行结果
三、在线协助：
如需安装运行环境或远程调试，见文章底部个人 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