PhpStudy靶场首页管理

PhpStudy靶场首页管理

  • 一、源码一
  • 二、源码二
  • 三、源码三
  • 四、源码四

一、源码一

在这里插入图片描述

  • index.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>靶场访问首页</title><style>body {background-color: #f2f2f2;color: #333;font-family: 'Courier New', monospace;text-align: center;padding-top: 100px;}h1 {font-size: 60px;margin-bottom: 40px;letter-spacing: 8px;}.target-container {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 50px;}.target {position: relative;width: 20%;background-color: #fff;padding: 40px;margin: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);cursor: pointer;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;transition: box-shadow 0.3s ease;}.target:hover {transform: scale(1.05);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}.target-name {font-size: 24px;margin-top: 20px;text-transform: uppercase;}.target-icon {font-size: 80px;animation: rotate-icon 5s infinite linear;}@keyframes rotate-icon {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}@keyframes fade-in-rotate {0% {opacity: 0;transform: rotate(-180deg);}100% {opacity: 1;transform: rotate(0deg);}}/* 刷新动画 */.refresh-animation {animation: fade-in-rotate 1s ease-out;}/* 鼠标移动动态效果 */body.active {background-color: #c7d2d9;}.target.active {box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}/* 点击背景动态效果 */body.clicked {background: linear-gradient(to bottom right, #ed355f, #fba63c);}/* 鼠标移动轨迹效果 */.mouse-trail {position: fixed;top: 0;left: 0;pointer-events: none;z-index: 9999;}.mouse-trail .trail-item {position: absolute;background-color: #777;width: 8px;height: 8px;border-radius: 50%;transform-origin: 50% 50%;opacity: 0.4;transition: transform 0.3s ease, opacity 0.3s ease;}</style>
</head><body><h1>PHPSTUDY靶场</h1><div class="target-container"><div class="target"><a href="http://127.0.0.1/target/DVWA-master"><div class="target-icon">&#9937;</div><div class="target-name">DVWA-master</div></a></div><div class="target"><a href="http://127.0.0.1/target/sqli-labs-master"><div class="target-icon">&#9742;</div><div class="target-name">sqli-labs-master</div></a></div><div class="target"><a href="http://127.0.0.1/target/bWAPP-master/app"><div class="target-icon">&#9760;</div><div class="target-name">bWAPP-master</div></a></div><div class="target"><a href="http://127.0.0.1/target/pikachu-master"><div class="target-icon">&#9924;</div><div class="target-name">pikachu-master</div></a></div><div class="target"><a href="http://127.0.0.1/target/upload-labs-master"><div class="target-icon">&#9727;</div><div class="target-name">upload-labs-master</div></a></div><div class="target"><a href="http://127.0.0.1/target/xss"><div class="target-icon">&#9738;</div><div class="target-name">xss</div></a></div><div class="target"><a href="http://127.0.0.1/target/http"><div class="target-icon">&#9728;</div><div class="target-name">http</div></a></div><div class="target"><a href="http://127.0.0.1/target/doubibd/doubibd.html"><div class="target-icon">&#9750;</div><div class="target-name">doubibd</div></a></div></div><div class="mouse-trail"></div><script>// 添加刷新动画类名document.addEventListener("DOMContentLoaded", function() {const targets = document.getElementsByClassName("target");setTimeout(function() {for (let i = 0; i < targets.length; i++) {targets[i].classList.add("refresh-animation");}}, 100);});// 添加鼠标移动动态效果和轨迹效果document.addEventListener("mousemove", function(event) {document.body.classList.add("active");const trail = document.querySelector(".mouse-trail");const trailItem = document.createElement("div");trailItem.classList.add("trail-item");trail.appendChild(trailItem);// 实时设置轨迹位置trailItem.style.left = event.clientX + "px";trailItem.style.top = event.clientY + "px";// 设置淡出效果setTimeout(function() {trailItem.style.opacity = "0";        }, 100);// 当轨迹元素过多时，移除最早的元素if (trail.children.length > 10) {trail.removeChild(trail.firstChild);}});// 添加点击背景动态效果document.body.addEventListener("click", function() {this.classList.add("clicked");setTimeout(function() {document.body.classList.remove("clicked");}, 1000);});</script>
</body></html>

二、源码二

在这里插入图片描述

  • index.html
<!DOCTYPE html>
<html>
<head><title>神秘靶场首页</title><style>body {background-color: #222;color: #fff;font-family: Arial, sans-serif;text-align: center;}.container {max-width: 800px;margin: 0 auto;padding: 50px;}h1 {font-size: 60px;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;color: #ff5722;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}p {font-size: 24px;margin-bottom: 30px;color: #ffc107;}.target-link {display: inline-block;padding: 12px 30px;margin: 10px;background-color: #4caf50;color: #fff;text-decoration: none;border-radius: 50px;transition: background-color 0.3s ease;font-size: 18px;font-weight: bold;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}.target-link:hover {background-color: #388e3c;transform: translateY(-2px);}.mysterious-section {margin-top: 50px;color: #757575;}.mysterious-text {font-size: 28px;font-weight: bold;}.extra-element {margin-top: 50px;padding: 20px;background-color: #212121;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);}.extra-element-title {font-size: 24px;margin-bottom: 10px;color: #fff;}.extra-element-text {font-size: 18px;color: #ccc;}.footer {margin-top: 50px;font-size: 14px;color: #757575;}.footer a {color: #ffc107;text-decoration: none;transition: color 0.3s ease;}.footer a:hover {color: #ff5722;}</style>
</head>
<body><div class="container"><h1>神秘靶场</h1><p>探索神秘的世界，挑战你的黑客技能：</p><a href="http://127.0.0.1/target/DVWA-master" class="target-link">DVWA-master</a><a href="http://127.0.0.1/target/sqli-labs-master" class="target-link">sqli-labs-master</a><a href="http://127.0.0.1/target/bWAPP-master/app" class="target-link">bWAPP-master</a><a href="http://127.0.0.1/target/pikachu-master" class="target-link">pikachu-master</a><a href="http://127.0.0.1/target/upload-labs-master" class="target-link">upload-labs-master</a><a href="http://127.0.0.1/target/xss" class="target-link">xss</a><a href="http://127.0.0.1/target/http" class="target-link">http</a><!-- 添加更多神秘靶场链接 --><div class="mysterious-section"><p class="mysterious-text">探索更多黑客技术......</p></div></div>
</body>
</html>

三、源码三

  • index.html
    在这里插入图片描述
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>PhpStudy靶场</title><style>body {background-color: #190e23;font-family: Arial, sans-serif;margin: 0;padding: 0;}.container {max-width: 800px;margin: 0 auto;padding: 50px;text-align: center;color: #fff;}.logo {font-size: 48px;color: #fff;margin-bottom: 30px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}.battlefield-list {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: 20px;margin-top: 40px;animation: fadeIn 1s ease;}.battlefield-card {background-color: #191d2b;box-shadow: 0 5px 10px rgba(0,0,0,0.2);border-radius: 10px;padding: 20px;text-align: center;transition: transform 0.3s ease;position: relative;z-index: 1;overflow: hidden;}.battlefield-card:before, .battlefield-card:after {content: "";position: absolute;width: 50px;height: 50px;}.battlefield-card:before {top: -10px;left: -10px;background-color: rgba(255, 255, 255, 0.1);transform: rotate(45deg);}.battlefield-card:after {bottom: -10px;right: -10px;background-color: rgba(255, 255, 255, 0.1);transform: rotate(-45deg);}.battlefield-card:hover {transform: translateY(-5px);box-shadow: 0px 8px 15px rgba(0,0,0,0.3);cursor: pointer;}.battlefield-title {font-size: 24px;margin-bottom: 10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}.battlefield-link {display: inline-block;color: #fff;background-color: #444;padding: 10px 20px;border-radius: 4px;text-decoration: none;transition: background-color 0.3s ease;}.battlefield-link:hover {background-color: #666;}@keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}</style>
</head>
<body>
<div class="container"><h1 class="logo">PhpStudy靶场</h1><div class="battlefield-list"><div class="battlefield-card"><h2 class="battlefield-title">DVWA-master</h2><a class="battlefield-link" href="http://127.0.0.1/target/DVWA-master">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">sqli-labs-master</h2><a class="battlefield-link" href="http://127.0.0.1/target/sqli-labs-master">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">bWAPP-master</h2><a class="battlefield-link" href="http://127.0.0.1/target/bWAPP-master/app">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">pikachu-master</h2><a class="battlefield-link" href="http://127.0.0.1/target/pikachu-master">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">upload-labs-master</h2><a class="battlefield-link" href="http://127.0.0.1/target/upload-labs-master">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">xss</h2><a class="battlefield-link" href="http://127.0.0.1/target/xss">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">http</h2><a class="battlefield-link" href="http://127.0.0.1/target/http">进入</a></div><div class="battlefield-card"><h2 class="battlefield-title">doubibd</h2><a class="battlefield-link" href="http://127.0.0.1/target/doubibd/doubibd.html">进入</a></div><!-- 添加更多靶场链接 --></div>
</div>
</body>
</html>

四、源码四

  • index.html
    在这里插入图片描述
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>靶场首页</title><style>body {background-color: #f4f7f8;font-family: 'Arial', sans-serif;margin: 0;}header {background-color: #17252A;padding: 20px;color: #fff;text-align: center;font-size: 28px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}#targets {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0 30px;margin-top: 40px;}.target-card {flex-basis: 300px;margin: 20px;padding: 20px;text-align: center;background-color: #ffffff;background-image: url('https://example.com/pattern.png');background-size: cover;background-position: center;border-radius: 10px;box-shadow: 0 2px 6px rgba(23, 37, 42, 0.3);transition: transform 0.3s ease, opacity 0.3s ease;position: relative;overflow: hidden;}.target-card:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: radial-gradient(#ffffff, transparent 70%);-webkit-transform: scale(2);transform: scale(2);opacity: 0.08;}.target-card:hover {transform: translateY(-5px);}.target-title {font-size: 20px;margin-bottom: 10px;color: #17252A;}.target-link {display: inline-block;border: none;padding: 10px 20px;background-color: #FF6E40;color: #ffffff;text-decoration: none;border-radius: 30px;font-size: 16px;transition: background-color 0.3s ease;position: relative;z-index: 1;}.target-link:hover {background-color: #FF5722;}@media (max-width: 576px) {.target-card {flex-basis: 100%;margin: 10px;}}@keyframes fadeIn {0% { opacity: 0; transform: scale(0.9); }100% { opacity: 1; transform: scale(1); }}</style><script>window.addEventListener('load', function() {var targetsContainer = document.getElementById('targets');// 靶场列表数组var targets = [{ title: 'DVWA-master', url: 'http://127.0.0.1/target/DVWA-master' },{ title: 'sqli-labs-master', url: 'http://127.0.0.1/target/sqli-labs-master' },{ title: 'bWAPP-master', url: 'http://127.0.0.1/target/bWAPP-master/app' },{ title: 'pikachu-master', url: 'http://127.0.0.1/target/pikachu-master' },{ title: 'upload-labs-master', url: 'http://127.0.0.1/target/upload-labs-master' },{ title: 'xss', url: 'http://127.0.0.1/target/xss' },{ title: 'http', url: 'http://127.0.0.1/target/http' },{ title: 'doubibd', url: 'http://127.0.0.1/target/doubibd/doubibd.html' },  // 添加更多靶场...];targets.forEach(function(target) {var targetCard = document.createElement('div');targetCard.classList.add('target-card');targetCard.style.animation = 'fadeIn 1s';var targetTitle = document.createElement('h2');targetTitle.classList.add('target-title');targetTitle.textContent = target.title;var targetLink = document.createElement('a');targetLink.classList.add('target-link');targetLink.href = target.url;targetLink.textContent = '查看靶场';targetCard.appendChild(targetTitle);targetCard.appendChild(targetLink);targetsContainer.appendChild(targetCard);});});</script>
</head>
<body><header>靶场首页</header><div id="targets"><!-- 靶场列表将会动态生成到这里 --></div>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/5870.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

JavaDemo——使用jks的https

JavaDemo——使用jks的https

java使用https主要就是设置下sslContext&#xff0c;sslContext初始化需要密钥管理器和信任管理器&#xff0c;密钥管理器用于管理本地证书和私钥&#xff0c;信任管理器用于验证远程服务器的证书&#xff0c;这两种管理器都需要KeyStore初始化&#xff0c;两种管理器可以按需只…
阅读更多...
Ubuntu 网络配置指导手册

Ubuntu 网络配置指导手册

一、前言 从Ubuntu 17.10 Artful开始&#xff0c;Netplan取代ifupdown成为默认的配置实用程序&#xff0c;网络管理改成 netplan 方式处理&#xff0c;不在再采用从/etc/network/interfaces 里固定 IP 的配置 &#xff0c;配置写在 /etc/netplan/01-network-manager-all.yaml 或…
阅读更多...
【事业单位-语言理解1】中心理解02

【事业单位-语言理解1】中心理解02

【事业单位-语言理解1】中心理解02 1.中心理解1.1 并列关系1.2 主题词1.3程度词&#xff0c;表示强调 二、标题填入题&#xff08;优先考虑主题词&#xff09;三、词句理解题 1.中心理解 解题思路 1.1 并列关系 涉及时间顺序 注意选项不要逻辑不当 并列关系的时候&…
阅读更多...
行云创新 CloudOS 助力上汽乘用车企业云原生IT架构变革

行云创新 CloudOS 助力上汽乘用车企业云原生IT架构变革

近日&#xff0c;在2023架构可持续未来峰会成都制造业分会场上&#xff0c;上海汽车集团股份有限公司乘用车公司基础架构部主管茹洋带来了议题为《云原生时代上汽乘用车企业IT架构变革和实践》的精彩演讲。他从云原生对于企业IT架构的意义、企业IT架构变革的必要性入手&#xf…
阅读更多...
C程序环境及预处理

C程序环境及预处理

​​​​​文章目录 一、程序的翻译环境和执行环境 1.程序编译过程 2.编译内部原理 3.执行环境 二、程序运行前的预处理 1.预定义符号归纳 2.define定义标识符 3.define定义宏 4.define替换规则 5.宏和函数的对比 三、头文件被包含的方式 四、练习&#xff1a;写一…
阅读更多...
Vue3状态管理库Pinia——核心概念（Store、State、Getter、Action）

Vue3状态管理库Pinia——核心概念（Store、State、Getter、Action）

个人简介 &#x1f440;个人主页&#xff1a; 前端杂货铺 &#x1f64b;‍♂️学习方向&#xff1a; 主攻前端方向&#xff0c;正逐渐往全干发展 &#x1f4c3;个人状态&#xff1a; 研发工程师&#xff0c;现效力于中国工业软件事业 &#x1f680;人生格言&#xff1a; 积跬步…
阅读更多...
Java将数据集合转换为PDF

Java将数据集合转换为PDF

这里写自定义目录标题 将数据集合转换为pdf引入包工具类测试代码导出效果 将数据集合转换为pdf 依赖itext7包将数据集合转换导出为PDF文件 引入包 <properties><itext.version>7.1.11</itext.version> </properties><dependency><groupId&…
阅读更多...
什么是HTTP 500错误，怎么解决

什么是HTTP 500错误，怎么解决

目录 什么是HTTP 500 HTTP 500错误的常见原因&#xff1a; 如何修复HTTP 500 总结 什么是HTTP 500 错误 HTTP 500内部服务器错误是指在客户端发出请求后&#xff0c;服务器在处理请求过程中发生了未知的问题&#xff0c;导致服务器无法完成请求。HTTP 500错误是一个通用的服…
阅读更多...
Spring-缓存初步认识

Spring-缓存初步认识

Spring-缓存 简单介绍 缓存是一种介于数据永久存储介质和数据应用之间的数据临时存储介质缓存有效提高读取速度&#xff0c;加速查询效率 spring使用缓存方式 添加依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring…
阅读更多...
海康摄像头开发笔记（一）：连接防爆摄像头、配置摄像头网段、设置rtsp码流、播放rtsp流、获取rtsp流、调优rtsp流播放延迟以及录像存储

海康摄像头开发笔记（一）：连接防爆摄像头、配置摄像头网段、设置rtsp码流、播放rtsp流、获取rtsp流、调优rtsp流播放延迟以及录像存储

文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/131679108 红胖子(红模仿)的博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结…
阅读更多...
每日一题——反转链表

每日一题——反转链表

题目 给定一个单链表的头结点pHead(该头节点是有值的&#xff0c;比如在下图&#xff0c;它的val是1)&#xff0c;长度为n&#xff0c;反转该链表后&#xff0c;返回新链表的表头。 数据范围&#xff1a;0≤n≤1000 要求&#xff1a;空间复杂度 O(1) &#xff0c;时间复杂度 O…
阅读更多...
Python实战项目——旅游数据分析（四）

Python实战项目——旅游数据分析（四）

由于有之前的项目&#xff0c;所以今天我们直接开始&#xff0c;不做需求分析&#xff0c;还不会需求分析的可以看我之前的文章。Python实战项目——用户消费行为数据分析&#xff08;三&#xff09; 导入库 import numpy as np import pandas as pd import matplotlib.pyplo…
阅读更多...
PHP后台登录功能单账号登录限制

PHP后台登录功能单账号登录限制

PHP后台登录功能单账号登录限制 单账号登陆是什么第一步创建数据表第二步创建登录页面test2.html第三步创建登录提交test2.php第四步访问后台首页第五步演示 单账号登陆是什么 一个用户只能登录一个账号通常被称为单账号登录限制或单用户单账号限制。这意味着每个用户只能使用…
阅读更多...
Linux 学习记录53(ARM篇)

Linux 学习记录53(ARM篇)

Linux 学习记录53(ARM篇) 本文目录 Linux 学习记录53(ARM篇)一、内存读写指令1. 在C语言中读取内存2. 指令码及功能3. 格式4. 使用示例5. 寻址方式(1. 前索引方式(2. 后索引方式(3. 自动索引 6.批量寄存器操作指令(1. 操作码(2. 格式(3. 使用示例(4. 地址增长方式>1 ia后缀&…
阅读更多...
========Java基础——小结1========

========Java基础——小结1========

一、Java 两大版本 Java 主要分为两个版本: Java SE 和Java EE。 Java SE 全称Java Platform Standard Edition&#xff0c;是 Java 的标准版&#xff0c;主要用于桌面应用程序开发&#xff0c;它包含了 Java 语言基础、JDBC (Java 数据库连接)、I/O (输入/输出)、TCP/IP 网络…
阅读更多...
股票基金入门知识

股票基金入门知识

1.开盘价和收盘价如何产生 时间9:30-11:30 13:00-15:00 集合竞价时间段&#xff1a;9:15-9:25 以此产生开盘价 最后集中竞价时间段&#xff1a;深市14:57-15:00 &#xff0c;以此产生收盘价。 沪市则采用最后一分钟加权得出收盘价影响股价的因素 市场投资情绪&#xff0c;宏观…
阅读更多...
Hadoop——DataGrip连接MySQL|Hive

Hadoop——DataGrip连接MySQL|Hive

1、下载 DataGrip下载&#xff1a;DataGrip: The Cross-Platform IDE for Databases & SQL by JetBrains 2、破解 破解链接&#xff1a;https://www.cnblogs.com/xiaohuhu/p/17218430.html 3、启动环境 启动Hadoop&#xff1a;到Hadoop的sbin目录下右键管理员身份运行…
阅读更多...
【C++】list 模拟笔记

【C++】list 模拟笔记

文章目录 list定义结点类&#xff08;list_node&#xff09;为什么封装迭代器为类 &#xff1f;库里面模板多参数的由来 &#xff1f;为什么普通迭代器不能隐式类型转换成const迭代器&#xff1f;迭代器位置指向及其返回值和整体代码 list list 和前面学习的 string 和 vector …
阅读更多...
微信小程序使用ECharts的示例详解

微信小程序使用ECharts的示例详解

目录 安装 ECharts 组件使用 ECharts 组件图表延迟加载 echarts-for-weixin 是 ECharts 官方维护的一个开源项目&#xff0c;提供了一个微信小程序组件&#xff08;Component&#xff09;&#xff0c;我们可以通过这个组件在微信小程序中使用 ECharts 绘制图表。 echarts-fo…
阅读更多...
excel中单行换成多行

excel中单行换成多行

今天碰以下情况&#xff1a; 这在excel表中是在一个单元格&#xff0c;现在需要对其进行转换&#xff0c;将一个单元格换成多行 步骤&#xff1a; 1.删除换行符&#xff0c;添加一个逗号 2.选择数据-分列-分隔字符-逗号-确定 3.复制上述数据&#xff0c;选择性粘贴-转置 完…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023