2017-07-31 42 views
-3

首先抱歉我的英語不好,我住在德國。PHP,HTML - >按鈕功能?

我想創建一個用戶控制面板。首先,我用HTML和CSS創建了登錄頁面。

<?php 
 
\t require_once("./config/config.php"); 
 
\t session_start(); \t 
 
?> 
 

 
<!DOCTYPE html> 
 
<html lang="de"> 
 
    <head> 
 
     <!-- | Titel | --> 
 
     <title>Virtual Reallife - Control Panel</title> 
 
     
 
     <!-- | Meta Tag | ---> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     
 
     <!-- | Styles | --> 
 
     <link rel="stylesheet" href="style/css/bootstrap.min.css"/> 
 
     <link rel="stylesheet" href="style/css/login.css"> 
 
\t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> \t \t 
 
\t </head> 
 

 
\t <body> 
 
\t <div id="logo"></div> 
 
     <div class="top-content"> 
 
      <div class="inner-bg"> 
 
       <div class="container"> 
 
        <div class="row"> 
 
         <div class="col-sm-6 col-sm-offset-3 form-box"> 
 
          <div class="form-top"> 
 
         \t  <div class="form-top-left"><p><b>Bitte melde dich mit deinen In-Game Daten an</b></p> 
 
         \t </div> 
 
         </div> 
 
         <div class="form-bottom"> 
 
\t \t \t     <form role="form" action="" method="post" class="login-form"> 
 
\t \t \t      <div class="form-group"> 
 
\t \t \t       <label class="sr-only" for="form-username">Username</label> 
 
\t \t \t       <input type="text" name="form-username" placeholder="Name.." class="form-username form-control" id="form-username"> 
 
\t \t \t      </div> 
 
\t \t \t      <div class="form-group"> 
 
\t \t \t       <label class="sr-only" for="form-password">Password</label> 
 
\t \t \t       <input type="password" name="form-password" placeholder="Passwort.." class="form-password form-control" id="form-password"> 
 
\t \t \t      </div> 
 
\t \t \t      <button type="button" name="anmelden" class="btn btn-success">Anmelden</button> 
 
\t \t \t     </form> 
 
\t \t     </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
    <script scr="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
    <script scr="style/js/bootstrap.min.js"></script> 
 
    </body> 
 
</html>

現在我的問題是,如何與我在遊戲中的帳號登錄用戶在控制面板中? 我知道,我必須創建一個登錄按鈕和2個字段(名稱,密碼)的功能

+1

「* ..我知道,我必須爲登錄按鈕和2個字段(名稱,密碼)創建一個函數。」*「那麼,問題是什麼?你懂。前進。面對挑戰。而且,如果問題來了,可以隨意詢問。 –

+0

Php登錄表單教程https://www.formget.com/login-form-in-php/ – saravana

+0

@saravana請不要鏈接到該教程。由於數據庫安全性不足以及過時的mysql函數,作爲例子是很危險的。由於大多數用戶都複製粘貼代碼,所以從一開始就使用最佳實踐發佈示例總是很好的。在這裏看到準備好的語句:[鏈接](https://stackoverflow.com/questions/2353666/php-is-mysql-real-escape-string-sufficient-for-cleaning-user-input) – Canis

回答

0

由於您將此標記爲PHP問題,因此我會假設您想知道如何處理用戶註冊和登錄運行PHP的服務器。

你需要建立一個像Apache,NginX或MS IIS這樣的網絡服務器,MySQL,PostgreSQL或MS SQL Server Express數據庫,當然還有PHP。

使用您發佈的HTML,最簡單的方法是將它發佈到PHP,即使用submit按鈕發送表單數據。在您的表單標籤中,將method設置爲POST,並將action設置爲您的PHP腳本URL。記住,總是發送用戶數據,比如通過SSL證書(使用https://開頭)

在PHP腳本訪問使用$_POST陣列形式的數據,例如:

$username = $_POST["form-username"]; 

使用所選數據庫的PDO(PHP數據對象)驅動程序,設置與提供的用戶名匹配的預準備語句,並以密碼安全存儲在數據庫中時的方式散列提供的密碼,查看密碼哈希值是否匹配。如果匹配,則用戶爲該用戶名提供正確的密碼。

商店,你需要記住的用戶,如顯示名稱,會話變量中的用戶名等,這樣你的腳本可以檢測到用戶登錄的信息。

爲了在存儲用戶的過程註冊後,您的工作基本相同,除了將用戶插入到數據庫中,而不是從用戶中選擇它們。

我知道這是一個高層次的過程細分,但考慮到現有教程的每一部分都做了很多工作,例如在文檔下的網站上,我會將它留給你部分,但至少現在你知道哪些部分谷歌。請記住驗證輸入,始終使用準備好的語句,甚至在將數據寫入網頁之前驗證數據庫中的數據。該驗證有助於保護您的站點免受XSS和SQL注入的攻擊,這些攻擊方式非常知道攻擊您的站點或站點用戶的方式。