-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding to database, adding SQL page1~2
- Loading branch information
root
committed
Jul 24, 2023
1 parent
d736282
commit 928616b
Showing
4 changed files
with
575 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,241 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>OSTE Vulnerable Web Application</title> | ||
| <style> | ||
| /* Add your custom CSS styles here */ | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| background-color: #f2f2f2; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| header { | ||
| background-color: #333; | ||
| padding: 10px; | ||
| color: #fff; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: space-between; /* Align the list to the right */ | ||
|
|
||
| } | ||
| header img { | ||
| width: 50px; | ||
| height: 50px; | ||
| margin-right: 10px; | ||
| } | ||
| header ul { | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| display: flex; | ||
| } | ||
| header li { | ||
| margin-left: 20px; | ||
| } | ||
| a{ | ||
| color:white; | ||
| } | ||
| h1 { | ||
| font-family: 'Your Custom Font', Arial, sans-serif; | ||
| text-align: center; | ||
| margin: 30px 0; | ||
| } | ||
| p { | ||
| text-align: center; | ||
| margin-bottom: 30px; | ||
| } | ||
| .btn-container { | ||
| display: flex; | ||
| justify-content: center; | ||
| } | ||
| .button { | ||
| background-color: #007BFF; | ||
| color: #fff; | ||
| border: none; | ||
| padding: 10px 20px; | ||
| margin: 10px; | ||
| border-radius: 5px; | ||
| cursor: pointer; | ||
| font-size: 16px; | ||
| } | ||
| .button:hover { | ||
| background-color: #0056b3; | ||
| } | ||
| p { | ||
| text-align: center; | ||
| font-size: 18px; | ||
| line-height: 1.6; | ||
| max-width: 800px; | ||
| margin: 0 auto 30px; | ||
| padding: 10px; | ||
| background-color: #f9f9f9; | ||
| border: 1px solid #ccc; | ||
| border-radius: 5px; | ||
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); | ||
| } | ||
|
|
||
| /* Add some color and emphasis for specific text */ | ||
| p strong { | ||
| color: #007BFF; | ||
| } | ||
|
|
||
| /* Add some margin to the button container */ | ||
| .btn-container { | ||
| display: flex; | ||
| justify-content: center; | ||
| margin-top: 20px; | ||
| } | ||
| header { | ||
| background-color: #333; | ||
| padding: 10px; | ||
| color: #fff; | ||
| display: flex; | ||
| justify-content: space-between; /* Align the list to the right */ | ||
| align-items: center; | ||
| } | ||
|
|
||
| header img { | ||
| width: 100px; | ||
| height: 50px; | ||
| margin-right: 10px; | ||
| } | ||
|
|
||
| header ul { | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| display: flex; | ||
| } | ||
|
|
||
| header li { | ||
| margin-left: 20px; | ||
| } | ||
| .button-container { | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| margin-top: 20px; | ||
| } | ||
| .button { | ||
| background-color: #007BFF; | ||
| color: #fff; | ||
| border: none; | ||
| padding: 15px 30px; | ||
| margin: 5px; | ||
| border-radius: 5px; | ||
| cursor: pointer; | ||
| font-size: 16px; | ||
| width: 350px; /* Set the desired width for the buttons */ | ||
| } | ||
| .button:hover { | ||
| background-color: #0056b3; | ||
| } | ||
|
|
||
| form { | ||
| background-color: #fff; | ||
| border-radius: 8px; | ||
| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); | ||
| padding: 20px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| width: 300px; | ||
| } | ||
| label { | ||
| font-size: 16px; | ||
| margin-bottom: 10px; | ||
| } | ||
| input[type="text"] { | ||
| padding: 10px; | ||
| border: 1px solid #ccc; | ||
| border-radius: 4px; | ||
| width: 100%; | ||
| font-size: 16px; | ||
| } | ||
| button { | ||
| background-color: #007BFF; | ||
| color: #fff; | ||
| border: none; | ||
| padding: 10px 20px; | ||
| margin-top: 20px; | ||
| border-radius: 4px; | ||
| cursor: pointer; | ||
| font-size: 16px; | ||
| transition: background-color 0.3s; | ||
| } | ||
| button:hover { | ||
| background-color: #0056b3; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <img src="../OSTE.svg" alt="Logo"> | ||
| <a href="index.php"> <img style="width:25px;height:25px;" src="../ico/undo.png" alt="back"></a> | ||
|
|
||
| <ul> | ||
| <li><a href="../index.php">Home</a></li> | ||
| <li><a href="../database.php">Database</a></li> | ||
| <li><a href="../vulnerabilities.php">Vulnerabilities</a></li> | ||
| </ul> | ||
| </header> | ||
|
|
||
| <h1>Greetings, Welcome to the database <3 insert your info</h1> | ||
| <div class="button-container"> | ||
| <form method="post" action=""> | ||
| <label for="inputField">Your name?:*</label> | ||
| <input type="text" id="inputField2" name="username" required> | ||
| <label for="inputField2">Your password?:*</label> | ||
| <input type="text" id="inputField" name="pswd" required> | ||
|
|
||
| <button type="submit" name="sub">Submit</button> | ||
| </form> | ||
| <form method="post" action=""> | ||
| <button type="submit" name="clear">Clear History</button> | ||
| </form> | ||
| </div> | ||
| <?php | ||
|
|
||
| $servername = "localhost"; | ||
| $username = "root"; | ||
| $password = ""; | ||
| $dbname="OSTE"; | ||
| // Step 1: Connect to MySQL | ||
| $conn = mysqli_connect($servername, $username, $password,$dbname); | ||
| if (!$conn) { | ||
| die("Connection failed: " . mysqli_connect_error()); | ||
| } | ||
| if(isset($_POST["sub"])){ | ||
| $namee=$_POST["username"]; | ||
| $passe=$_POST["pswd"]; | ||
| // Step 2: Fetch messages from the "comontair" table | ||
| $sql = "INSERT INTO user (name,password) VALUES ('$namee','$passe')"; | ||
| $result = mysqli_query($conn,$sql); | ||
| } | ||
|
|
||
| if(isset($_POST['clear'])){ | ||
| $sql1 = "DELETE FROM user"; | ||
| $result = mysqli_query($conn,$sql1); | ||
| } | ||
|
|
||
| $sql3 = "SELECT name FROM user";//String | ||
| $result = mysqli_query($conn,$sql3); | ||
|
|
||
| if (mysqli_num_rows($result) > 0) { | ||
| // output data of each row | ||
| while($row = mysqli_fetch_assoc($result)) { | ||
| echo $row["name"]; | ||
| echo "<br>"; | ||
| } | ||
| } else { | ||
| echo "0 results"; | ||
| } | ||
|
|
||
|
|
||
| ?> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.