当前位置：网站首页>Html+css+php+mysql realize registration + login + change password (with complete code)
Html+css+php+mysql realize registration + login + change password (with complete code)
2022-07-29 00:22:00 【Unpaid mage】
notes ： Please indicate the source when reprinting and using the source code ！ If in doubt, please send a private letter ！
Purpose ： Using QT Software login software development , You want to click the button to jump to the designated web page for registration and password modification , It's like QQ The client can change the password on the web page , Apply for an account ; Experience address ：html+php+mysql Login interface design （ Due to the need to open the peanut shell inner net penetration , If you need to experience, you can chat privately ！）
The operations that have been implemented so far ：html Interface ;html Jump php;php Connect to database ;php Realize the addition, deletion, modification and query of the database .
notes ：QT The client interface will not be introduced too much for the time being , The detailed interface is shown in ：QT Imitation QQ Sign in
One 、HTML Interface and connection database
The page layout ：style.css
/* Clear browser default margins ,
Include the values of the border and inner margin in the width and height Inside */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Use flex Layout , Center content vertically and horizontally */
section {
/* Relative positioning */
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
/* linear-gradient() Function to create an image that represents a linear gradient of two or more colors */
background: linear-gradient(to bottom, #f1f4f9, #dff1ff);
}
/* The background color */
section .color {
/* Absolute positioning */
position: absolute;
/* Use filter( Filter ) attribute , Set the image to Gaussian Blur */
filter: blur(200px);
}
/* :nth-child(n) The selector matches the... In the parent element n Sub elements */
section .color:nth-child(1) {
top: -350px;
width: 600px;
height: 600px;
background: #ff359b;
}
section .color:nth-child(2) {
bottom: -150px;
left: 100px;
width: 500px;
height: 500px;
background: #fffd87;
}
section .color:nth-child(3) {
bottom: 50px;
right: 100px;
width: 500px;
height: 500px;
background: #00d2ff;
}
.box {
position: relative;
border-radius: 10px;
}
/* Background circle style */
.box .circle {
position: absolute;
background: rgba(255, 255, 255, 0.1);
/* backdrop-filter Attribute to blur the area behind an element */
backdrop-filter: blur(5px);
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
/* Use filter( Filter ) attribute , Color change .
hue-rotate(deg) Apply color rotation to the image
calc() Function to dynamically calculate the length value
var() Function call custom CSS Property value x*/
filter: hue-rotate(calc(var(--x) * 70deg));
/* Call animation animate, need 10s Finish the animation ,
linear It means that the speed of the animation is the same from beginning to end ,
infinite Specifies that the animation should loop infinitely */
animation: animate 10s linear infinite;
/* Dynamically calculate the animation delay for a few seconds */
animation-delay: calc(var(--x) * -1s);
}
/* Background circle animation */
@keyframes animate {
0%, 100%, {
transform: translateY(-50px);
}
50% {
transform: translateY(50px);
}
}
.box .circle:nth-child(1) {
top: -50px;
right: -60px;
width: 100px;
height: 100px;
}
.box .circle:nth-child(2) {
top: 150px;
left: -100px;
width: 120px;
height: 120px;
z-index: 2;
}
.box .circle:nth-child(3) {
bottom: 50px;
right: -60px;
width: 80px;
height: 80px;
z-index: 2;
}
.box .circle:nth-child(4) {
bottom: -80px;
left: 100px;
width: 60px;
height: 60px;
}
.box .circle:nth-child(5) {
top: -80px;
left: 140px;
width: 60px;
height: 60px;
}
/* Login box style */
.container {
position: relative;
width: 400px;
min-height: 400px;
background: rgba(255, 255, 255, 0.3);
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: blur(5px);
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.form {
position: relative;
width: 100%;
height: 100%;
padding: 50px;
}
.checkip {
position: absolute;
left:0px;
bottom:-10px;
width: 100%;
height: 6%;
}
/* Login Title style */
.form h2 {
position: relative;
color: #00aaff;
font-size: 24px;
font-weight: 600;
letter-spacing: 5px;
margin-bottom: 30px;
cursor: pointer;
}
/* The underline style of the login title */
.form h2::before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 0px;
height: 3px;
background: #fff;
transition: 0.5s;
}
.form h2:hover:before {
width: 53px;
}
.form .inputBox {
width: 100%;
margin-top: 20px;
}
.checkip .inputText {
width: 100%;
height:100%;
margin-top: 20px;
}
/* Input box style */
.form .inputBox input {
width: 100%;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.2);
outline: none;
border: none;
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 16px;
letter-spacing: 1px;
color: #666;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
/*
.form .inputBox button {
width: 100%;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.2);
outline: none;
border: none;
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 16px;
letter-spacing: 1px;
color: #666;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}*/
/* Below ip */
.checkip .inputText input {
position: absolute;
width:55%;
right:20%;
bottom:50%;
background: rgba(255, 255, 255, 0);
outline: none;
border: 1px solid rgba(255, 255, 255, 0);
font-size: 14px;
letter-spacing: 1px;
color: #00aaff
}
.form .inputBox input::placeholder {
color: #666;
}
/* Login button style */
.form .inputBox input[type="submit"] {
background: #fff;
color: #666;
max-width: 100px;
margin-bottom: 20px;
font-weight: 600;
cursor: pointer;
}
/*
.form .inputBox button[type="button"] {
background: #fff;
color: #666;
max-width: 300px;
margin-bottom: 20px;
font-weight: 600;
cursor: pointer;
} */
.forget {
margin-top: 6px;
color: #236;
letter-spacing: 1px;
}
.goto {
position: absolute;
right:3%;
bottom:50%;
margin-top: 6px;
color: #236;
letter-spacing: 1px;
}
.goto a {
font:12px;
color: #aaaa00;
font-weight: 600;
text-decoration: none;
}
.forget a {
color: #236;
font-weight: 600;
text-decoration: none;
}
1. The effect of login interface is as follows ：
Login interface code ：login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="logins.png" type="image/x-icon" />
<title> Log in to the client </title>
<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script type="text/javascript">
function randoms()
{
document.getElementById("id").value = "";
document.getElementById("password").value = "";
}
// Reference link ：https://www.runoob.com/try/try.php?filename=jquery_validate_demo1
// Add detection mechanism Reference link ：https://blog.csdn.net/huangleijay/article/details/11569317
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13)|1[5-9]{1})+d{9})$/
return this.optional(element) || (length == 11 && mobile.test(value));
}, " Wrong phone number format ");
// Verification of letters and numbers
jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)$/;
return this.optional(element) || (chrnum.test(value));
}, " You can only enter numbers and letters ( character A-Z, a-z, 0-9)");
// The following is the form interception prompt , It can be cancelled , Otherwise you can't jump
/*
$.validator.setDefaults({
submitHandler: function() {
//alert(" Submit the incident !");
}
});*/
$().ready(function() {
// Verify the submission form after the keyboard is pressed and released and submitted
$("#loginform").validate({
rules: {
id: "required",// user name
// The password is 6 Above position
password: {
required: true,
minlength:6,
maxlength:10,
chrnum: true
}
},
messages: {
id: " Please enter your account name ",
password: {
required: " Please input a password ",
minlength: " Please enter 6~10 Bit code ",
maxlength:" Please enter 6~10 Bit code "
}
}
});
});
</script>
<style>
.error{
color:red;
}
</style>
</head>
<body onload="randoms()">
<section>
<!-- The background color -->
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
<div class="box">
<!-- Background circle -->
<div class="circle" style="--x:0"></div>
<div class="circle" style="--x:1"></div>
<div class="circle" style="--x:2"></div>
<div class="circle" style="--x:3"></div>
<div class="circle" style="--x:4"></div>
<!-- Login box -->
<div class="container">
<div class="form">
<h2> Sign in </h2>
<form id = "loginform" action="login.php" method="post" name = "form1">
<div class="inputBox">
<input type="text" placeholder=" Account " name="id" id="id">
</div>
<div class="inputBox">
<input type="password" placeholder=" password " name="password" id="password">
</div>
<div class="inputBox">
<input type="submit" value=" Sign in " id="input1">
</div>
<p class="forget"> Forget the password ?<a href="forget.html">
Click here
</a></p>
<p class="forget"> No account ?<a href="register.html">
register
</a></p>
</form>
</div>
</div>
</div>
</section>
</body>
</html>
Login screen php：login.php
<!DOCTYPE html>
<!-- Reference link ：https://www.runoob.com/php/php-mysql-where.html -->
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<?php
$file_path = "info.txt";
if(file_exists($file_path)){
$fp = fopen($file_path, "w");
$str = $_POST["id"] . PHP_EOL . $_POST["password"];
echo(id);
fwrite($fp, $str);
}
fclose($fp);
?>
<?php
$mydbhost = "localhost";
$mydbuser = "root";
$mydbpass = '123456';
$dbname = "qqpass";
$conn = mysqli_connect($mydbhost, $mydbuser, $mydbpass ,$dbname);
if(! $conn){
die(" The connection fails : " . mysqli_error($conn));
}
else
{
/* There can be no content in it */
}
$sql="SELECT id,password FROM information WHERE id = $_POST[id] AND password = '$_POST[password]'";
$result = mysqli_query($conn, $sql);
if($row = mysqli_fetch_array($result))
{
//echo $row['id'] . " " . $row['password'];
//echo "<br>";
$url='https://jcs-blog.gitee.io/';
echo "<script>location.href='$url'</script>";
}else{
$url = 'http://3s193c9047.51vip.biz:50504/login/login.html';
echo "<script> alert(' The account or password is entered incorrectly ！'); </script>";
echo "<meta http-equiv='Refresh' content='0;URL=$url'>";
}
mysqli_close($conn);
?>
</body>
</html>
2. The effect of the registration interface is as follows ：
Registration interface code ： register.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title> Registered account </title>
<link rel="shortcut icon" href="login.ico" type="image/x-icon" />
<!--
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Refresh" content="2"> -->
<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script type="text/javascript">
function randoms()
{
var number=Math.random();
document.getElementById("id").value=parseInt(number*1000000000);
document.getElementById("name").value = "";
document.getElementById("phone").value = "";
document.getElementById("repassword").value = "";
document.getElementById("password").value = "";
document.getElementById("IpAddress").value = returnCitySN.cip + returnCitySN.cname;
//document.getElementById("IpAddress").value = returnCitySN.cip;
}
// Reference link ：https://www.runoob.com/try/try.php?filename=jquery_validate_demo1
// Add detection mechanism Reference link ：https://blog.csdn.net/huangleijay/article/details/11569317
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13)|1[5-9]{1})+d{9})$/
return this.optional(element) || (length == 11 && mobile.test(value));
}, " Wrong phone number format ");
// Verification of letters and numbers
jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)$/;
return this.optional(element) || (chrnum.test(value));
}, " You can only enter numbers and letters ( character A-Z, a-z, 0-9)");
// The following is the form interception prompt , It can be cancelled , Otherwise you can't jump
/*
$.validator.setDefaults({
submitHandler: function() {
//alert(" Submit the incident !");
}
});*/
$().ready(function() {
// Verify the submission form after the keyboard is pressed and released and submitted
$("#loginform").validate({
rules: {
name: "required",// user name
// The password is 6 Above position
password: {
required: true,
minlength:6,
maxlength:10,
chrnum: true
},
// Verify password
repassword: {
required: true,
chrnum: true,
equalTo: "#password"
},
// cell-phone number
phone: {
required: true,
mobile:true
},
},
messages: {
name: " Please enter your user name ",
password: {
required: " Please input a password ",
minlength: " Please enter 6~10 Bit code ",
maxlength:" Please enter 6~10 Bit code "
},
repassword: {
required: " Please input a password ",
equalTo: " The two passwords are inconsistent "
},
phone:
{
required: " Please enter a correct mobile number "
}
}
});
});
</script>
<style>
.error{
color:red;
}
</style>
</head>
<body onload="randoms()" >
<section>
<!-- The background color -->
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
<div class="box">
<!-- Background circle -->
<div class="circle" style="--x:0"></div>
<div class="circle" style="--x:1"></div>
<div class="circle" style="--x:2"></div>
<div class="circle" style="--x:3"></div>
<div class="circle" style="--x:4"></div>
<!-- Login box -->
<div class="container">
<div class="form">
<h2> register </h2>
<form id = "loginform" action="welcome.php" method="post" name = "form1">
<div class="inputBox">
<input type="text" placeholder=" Account " name="id" id="id">
</div>
<div class="inputBox">
<input type="text" placeholder=" nickname " name="name" id="name">
</div>
<div class="inputBox">
<input type="password" placeholder=" Please enter 6~10 Bit code " name="password" id="password">
</div>
<div class="inputBox">
<input type="password" placeholder=" Enter the password again " name="password" id="repassword">
</div>
<div class="inputBox">
<input type="text" placeholder=" Please enter your mobile number " name="phone" id="phone">
</div>
<div class="inputBox">
<input type="submit" value=" register " id="input1">
</div>
<p class="forget"> I have an account ?<a href="login.html">
Click login
</a></p>
</form>
</div>
<div class = "checkip">
<div class="inputText">
<input type="text" name="IpAddress" id="IpAddress">
<p class="goto"><a href="http://pv.sohu.com/cityjson?ie=utf-8">
Click to query
</a></p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
The registration screen PHP：welcome.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<?php
$file_path = "info.txt";
if(file_exists($file_path)){
$fp = fopen($file_path, "w");
$str = $_POST["id"] . PHP_EOL . $_POST["name"] . PHP_EOL . $_POST["password"] .PHP_EOL . $_POST["phone"] .PHP_EOL . $_POST["IpAddress"];
fwrite($fp, $str);
}
fclose($fp);
?>
<?php
$mydbhost = "localhost";
$mydbuser = "root";
$mydbpass = '123456';
$ip = $_SERVER["REMOTE_ADDR"];
$conn = mysqli_connect($mydbhost, $mydbuser, $mydbpass);
if(! $conn){
die("connect error: " . mysqli_error($conn));
}
else
{
/*echo (' User information registration succeeded ！')."<br/>"; */ /* Close the connection Close the connection */
$url='../login/login.html';
echo "<script>location.href='$url'</script>";
}
mysqli_select_db( $conn, 'qqpass');
$sql="INSERT INTO information (id, name, password , phone, qauto, remember, lastlogin, readpolicy, IpAddress, showstatus, loginflag, showlogin,email)
VALUES
('$_POST[id]','$_POST[name]','$_POST[password]','$_POST[phone]' ,'1','1','0','1','$ip',' offline ','2','0', '$_POST[id]@qq.com')";
$retval = mysqli_query($conn, $sql);
if(! $retval){
die("create error" . mysqli_error($conn));
}
mysqli_close($conn);
?>
</body>
</html>
3. The effect of the password modification interface is as follows ：
Modify the password interface code ：forget.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="forget.png" type="image/x-icon" />
<title> Forget the password </title>
<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script type="text/javascript">
function randoms()
{
document.getElementById("id").value = "";
document.getElementById("phone").value = "";
document.getElementById("email").value = "";
document.getElementById("repassword").value = "";
document.getElementById("password").value = "";
}
// Reference link ：https://www.runoob.com/try/try.php?filename=jquery_validate_demo1
// Add detection mechanism Reference link ：https://blog.csdn.net/huangleijay/article/details/11569317
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13)|1[5-9]{1})+d{9})$/
return this.optional(element) || (length == 11 && mobile.test(value));
}, " Wrong phone number format ");
// Verification of letters and numbers
jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)$/;
return this.optional(element) || (chrnum.test(value));
}, " You can only enter numbers and letters ( character A-Z, a-z, 0-9)");
// The following is the form interception prompt , It can be cancelled , Otherwise you can't jump
/*
$.validator.setDefaults({
submitHandler: function() {
//alert(" Submit the incident !");
}
});*/
$().ready(function() {
// Verify the submission form after the keyboard is pressed and released and submitted
$("#forgetform").validate({
rules: {
// The password is 6 Above position
password: {
required: true,
minlength:6,
maxlength:10,
chrnum: true
},
// Verify password
repassword: {
required: true,
chrnum: true,
equalTo: "#password"
},
// cell-phone number
phone: {
required: true,
mobile:true
},
},
messages: {
password: {
required: " Please input a password ",
minlength: " Please enter 6~10 Bit code ",
maxlength:" Please enter 6~10 Bit code "
},
repassword: {
required: " Please input a password ",
equalTo: " The two passwords are inconsistent "
},
phone:
{
required: " Please enter a correct mobile number "
}
}
});
});
</script>
<style>
.error{
color:red;
}
</style>
</head>
<body onload="randoms()">
<section>
<!-- The background color -->
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
<div class="box">
<!-- Background circle -->
<div class="circle" style="--x:0"></div>
<div class="circle" style="--x:1"></div>
<div class="circle" style="--x:2"></div>
<div class="circle" style="--x:3"></div>
<div class="circle" style="--x:4"></div>
<!-- Login box -->
<div class="container">
<div class="form">
<h2> Forget the password </h2>
<form id = "forgetform" action="forget.php" method="post" name = "form">
<div class="inputBox">
<input type="text" placeholder=" Account " name="id" id="id">
</div>
<div class="inputBox">
<input type="text" placeholder=" mailbox " name="email" id="email">
</div>
<div class="inputBox">
<input type="text" placeholder=" cell-phone number " name="phone" id="phone">
</div>
<div class="inputBox">
<input type="password" placeholder=" Please enter 6~10 Bit code " name="password" id="password">
</div>
<div class="inputBox">
<input type="password" placeholder=" Enter the password again " name="repassword" id="repassword">
</div>
<div class="inputBox">
<input type="submit" value=" modify ">
</div>
<p class="forget"> I have an account ?<a href="login.html">
Click login
</a></p>
<p class="forget"> No account ?<a href="register.html">
register
</a></p>
</form>
</div>
</div>
</div>
</section>
</body>
</html>
Change password interface PHP：forget.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<?php
$file_path = "info.txt";
if(file_exists($file_path)){
$fp = fopen($file_path, "w");
$str = $_POST["id"] . PHP_EOL . $_POST["email"] . PHP_EOL . $_POST["phone"];
fwrite($fp, $str);
}
fclose($fp);
?>
<?php
$mydbhost = "localhost";
$mydbuser = "root";
$mydbpass = '123456';
$ip = $_SERVER["REMOTE_ADDR"];
$conn = mysqli_connect($mydbhost, $mydbuser, $mydbpass);
if(! $conn){
die("connect error: " . mysqli_error($conn));
}
else
{
/*echo (' User information registration succeeded ！')."<br/>"; */ /* Close the connection Close the connection */
$url='../login/login.html';
echo "<script>location.href='$url'</script>";
}
mysqli_select_db( $conn, 'qqpass');
$sql="UPDATE information SET password='$_POST[password]' WHERE id='$_POST[id]' AND email='$_POST[email]' AND phone='$_POST[phone]'";
$retval = mysqli_query($conn, $sql);
if(! $retval){
die("create error" . mysqli_error($conn));
}
mysqli_close($conn);
?>
</body>
</html>
Only this and nothing more , The login interface is displayed , Experience address ：html+php+mysql Login interface design
notes ： Due to the use of peanut shell inner net penetration , The peanut shell client of this machine can be experienced online ！ Private chat experience ！
Besides , The generated registration information is stored on this machine mysql database , Please set the password reasonably ！
Icon ： as follows （ You can download and add by yourself , Disordered consistency ）
Two 、 How to reproduce the above interface ？
1. download Apache Software installation
The installation steps are omitted , Please Baidu （ Fool installation ）
Software address ： link ：https://pan.baidu.com/s/13PpwEc-YuEbQYY2iLpXFLQ
Extraction code ：N414
Be careful ： There are steps to fill in ports during installation , The port number is usually set to ：8080
2. Open the browser to query
Browser input ：http://localhost:8080/login/login.html
For other interfaces, just change the name of the following file ！
in addition ： It can also be used in the same LAN ip Address to view , Then the mobile terminal can access the web page ！ host ip Inquire about Please Baidu ！
The complete interface has been introduced , The above is all the codes and operation methods of this design , because Apache Unable to access... Using the Internet , Next, I will mainly introduce how to use Peanut shell Perform intranet penetration , For Internet access ！
3. Open peanut shell penetration
It needs to be turned on here http service （ Need to spend 6 Yuan ）
After opening the peanut shell service , mobile phone 4G And the Internet , notes ： It is reasonable to open the service before accessing the Internet , Service closing , Web page not accessible ！
边栏推荐
- Exchange 2013 SSL certificate installation document
- 【微服务~Nacos】Nacos服务提供者和服务消费者
- @PostConstruct注解详解
- feign调用不通问题，JSON parse error Illegal character ((CTRL-CHAR, code 31)) only regular white space (r
- Concurrency in go
- 分布式限流 redission RRateLimiter 的使用及原理
- Everything you have learned will come in handy at some point in your life (turn)
- “Method Not Allowed“,405问题分析及解决
- Oracle super full SQL, details crazy
- 动态规划问题(三)
猜你喜欢
centos7安装mysql8
Leetcode59. Spiral matrix II
Event extraction and documentation (2018)
Android studio connects to MySQL and completes simple login and registration functions
Where is sandbox's confidence in rejecting meta's acquisition of meta universe leader sand?
12个MySQL慢查询的原因分析
跳表的原理
Idea connection database
What does the expression > > 0 in JS mean
Introduction and solution of common security vulnerabilities in web system CSRF attack
随机推荐
Install MySQL using Yum for Linux
Simple use and understanding of laravel message queue
研发效能的道法术器
Api 接口优化有哪些技巧？
flyway的快速入门教程
Oracle超全SQL，细节狂魔
Real time data warehouse: meituan reviews Flink's real-time data warehouse application sharing
@Detailed explanation of postconstruct annotation
分布式限流 redission RRateLimiter 的使用及原理
Linux下安装Mysql5.7，超详细完整教程，以及云mysql连接
Advanced area of attack and defense world web masters warmup
Detailed explanation of the usage of exists in MySQL
动态规划问题(四)
【小程序项目开发 -- 京东商城】uni-app 商品分类页面（上）
Field injection is not recommended solution
Leetcode61. rotating linked list
Opencv macro definition
Where is sandbox's confidence in rejecting meta's acquisition of meta universe leader sand?
CV target detection model sketch (2)
Applet editor rich text editing and rich text parsing