Đăng nhập bảng quản trị PHP

Mã PHP Bootstrap ngụ ý tạo một bootstrapper xử lý tất cả các yêu cầu động được tạo cho máy chủ và áp dụng hệ thống MVC để trong tương lai bạn có thể thay đổi chức năng cho từng ứng dụng hoặc thành phần duy nhất mà không thay đổi toàn bộ. Bootstrap giúp bạn thiết kế trang web nhanh hơn và dễ dàng hơn, bao gồm các mẫu thiết kế dựa trên HTML và CSS

Các mẫu PHP Bootstrap giúp khách hàng dễ dàng xây dựng các ứng dụng web phức tạp và hấp dẫn hơn. PHP yêu cầu một máy chủ cục bộ để chạy mã PHP. Các nhà thiết kế sử dụng Bootstrap với PHP có thể tận hưởng tất cả những lợi ích này

Khoảng 18 triệu trang web đã sử dụng khung Bootstrap vào cuối năm 2018. Ngày càng có nhiều trang web bắt đầu sử dụng khung này vào năm 2019 và con số này đã tăng lên kể từ đó. Trên thực tế, Bootstrap đã trở thành lựa chọn hàng đầu được yêu thích của các kỹ sư khi xây dựng các ứng dụng web hấp dẫn

Bảng điều khiển PHP là một công cụ trực quan hóa một hoặc nhiều tab có thể được tích hợp trong các dự án PHP. Thông thường, đây là những ứng dụng dựa trên trình duyệt được xây dựng như một thành phần có thể tùy chỉnh của các dự án lớn hơn. Bảng điều khiển PHP được thiết kế để chấp nhận dữ liệu thô từ các thành phần khác của dự án và sau đó trình bày nó ở các định dạng khác nhau. Các bảng điều khiển này thường được xây dựng bằng JS do tích hợp tuyệt vời (và mượt mà) giữa PHP và JavaScript

Đó là lý do tại sao trong hướng dẫn này, tôi sẽ sử dụng Bootstrap để thể hiện ý tưởng về bảng điều khiển PHP

điều kiện tiên quyết

Đối với hướng dẫn này, tôi giả sử rằng bạn đã cài đặt ứng dụng PHP trên máy chủ web. thiết lập của tôi là

Để đảm bảo rằng tôi không bị phân tâm bởi các vấn đề ở cấp độ máy chủ, tôi đã quyết định lưu trữ ứng dụng của mình trên nền tảng lưu trữ Cloudways PHP vì tôi nhận được ngăn xếp lưu trữ được tối ưu hóa cao và không gặp rắc rối về quản lý máy chủ. Bạn có thể dùng thử Cloudways miễn phí bằng cách đăng ký tài khoản

Tôi sẽ tạo một ứng dụng đơn giản để quản lý bán hàng. Nó chứa một bảng điều khiển nơi người dùng có thể xem số liệu thống kê bán hàng và duy trì dữ liệu về Sản phẩm và thêm Sản phẩm mới. Người dùng cũng có thể đăng ký để đăng nhập vào bảng điều khiển

Xây dựng giao diện người dùng Bảng điều khiển dành cho quản trị viên

Tôi đã sử dụng mẫu quản trị Bootstrap 4 miễn phí có sẵn trên GitHub. Mẫu có mã được viết tốt và tất cả các thành phần phù hợp cho các hướng dẫn này. Mẫu có thiết kế gọn gàng, trang nhã và đơn giản. Tuy nhiên, tôi dự định tùy chỉnh mẫu một chút để làm cho nó trở nên độc nhất cho ứng dụng của tôi

Tạo biểu mẫu

Mẫu bảng quản trị đi kèm với đầy đủ các biểu mẫu UI bao gồm đăng ký và đăng nhập

Đối với mục đích xác thực, tôi chỉ cần sử dụng Xác thực Html5 và Xác thực PHP tùy chỉnh

Mẫu đăng ký

Các biểu mẫu đăng ký người dùng đã có sẵn. Tôi sẽ chỉ thay đổi tên trường và cập nhật phương thức và hành động

 

 

 

 

 

 SB Admin - Start Bootstrap Template

 

 

 

 

 

 





 


   


     
Register an Account

     


       

         

         


           


             


               Username

               

             

           


         


         


           Email address

           

         

         


           


             


               Password

               

             

            


               Confirm Password

               

             





           


         


          Register

       

       


         Login Page

       

       

     


   


 


 

 

 

 

 

Đây là biểu mẫu đăng ký trông như thế nào sau khi sửa đổi ở trên

mẫu đăng nhập

Tiếp theo, đối với biểu mẫu Đăng nhập, hãy sử dụng mã sau

 

 

 

 

 

 SB Admin - Start Bootstrap Template

 

 

 

 

 

 





 


   


     
Login

     


       

          

         


           Username

           

         

         


           Password

           

         

         


           


             

                Remember Password

           

         


         Login

       

       


         Register an Account

      

       

     


   


 


 

 

 

 

 

Đây là hình thức đăng nhập trông như thế nào

Thiết lập kết nối cơ sở dữ liệu

Vì tôi đang sử dụng Cloudways nên tôi có thể dễ dàng truy cập chi tiết cơ sở dữ liệu MySQL trong tab Chi tiết truy cập

Tạo ba bảng trong cơ sở dữ liệu, người dùng, sản phẩm, sales_stats

Sử dụng các truy vấn SQL sau để tạo các bảng

bảng người dùng

CREATE TABLE `users` (

`id` int(11) NOT NULL,

`username` varchar(100) NOT NULL,

`email` varchar(100) NOT NULL,

`password` varchar(100) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

bảng sản phẩm

CREATE TABLE `products` (

`product_id` int(22) NOT NULL,

`product_name` varchar(22) NOT NULL,

`product_price` int(22) NOT NULL,

`product_cat` varchar(22) NOT NULL,

`product_details` varchar(22) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

bảng bán hàng

CREATE TABLE `sales_stats` (

`id` int(22) NOT NULL,

`sales` int(22) NOT NULL,

`month` varchar(25) NOT NULL,

`pending_orders` int(55) NOT NULL,

`revenue` int(55) NOT NULL,

`Vistors` int(55) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Nhấp vào Trình quản lý cơ sở dữ liệu trên Nền tảng đám mây và kiểm tra dbname và các thông tin đăng nhập khác. Tiếp theo, tạo máy chủ tệp. php và dán đoạn mã sau vào đó

Registration
// REGISTER USER

if (isset($_POST['reg_user'])) {

// receive all input values from the form

$username = mysqli_real_escape_string($db, $_POST['username']);

$email = mysqli_real_escape_string($db, $_POST['email']);

$password_1 = mysqli_real_escape_string($db, $_POST['password_1']);

$password_2 = mysqli_real_escape_string($db, $_POST['password_2']);

// form validation: ensure that the form is correctly filled ...

// by adding (array_push()) corresponding error unto $errors array

if (empty($username)) { array_push($errors, "Username is required"); }

if (empty($email)) { array_push($errors, "Email is required"); }

if (empty($password_1)) { array_push($errors, "Password is required"); }

if ($password_1 != $password_2) {

array_push($errors, "The two passwords do not match");

}

// first check the database to make sure

// a user does not already exist with the same username and/or email

$user_check_query = "SELECT * FROM users WHERE username='$username' OR email='$email' LIMIT 1";

$result = mysqli_query($db, $user_check_query);

$user = mysqli_fetch_assoc($result);

if ($user) { // if user exists

if ($user['username'] === $username) {

array_push($errors, "Username already exists");

}

if ($user['email'] === $email) {

array_push($errors, "email already exists");

}

}
ins
// Finally, register user if there are no errors in the form

if (count($errors) == 0) {

$password = md5($password_1);//encrypt the password before saving in the database

echo $password ;

$query = "INSERT INTO users(username, email, password)

VALUES('$username', '$email', '$password')";

mysqli_query($db, $query);

$_SESSION['username'] = $username;

$_SESSION['success'] = "You are now logged in";

header('location: login.php');

}

}

// ...
Đăng nhập
// LOGIN USER

if (isset($_POST['login_user'])) {

$username = mysqli_real_escape_string($db, $_POST['username']);

$password = mysqli_real_escape_string($db, $_POST['password']);

if (empty($username)) {

array_push($errors, "Username is required");

}

if (empty($password)) {

array_push($errors, "Password is required");

}

if (count($errors) == 0) {

$password = md5($password);

$query = "SELECT * FROM users WHERE username='$username' AND password='$password'";

$results = mysqli_query($db, $query);

if (mysqli_num_rows($results) == 1) {

$_SESSION['username'] = $username;

$_SESSION['success'] = "You are now logged in";

header('location: index.php');

}else {

array_push($errors, "Wrong username/password combination");

}

}

}?>
Đối với Lỗi, hãy tạo tệp mới có tên lỗi. php và dán đoạn mã sau vào đó
 0) : ?>











Tạo trang sản phẩm
Tiếp theo, tạo sản phẩm. trang php và dán đoạn mã sau vào đó
________số 8_______
Chèn sản phẩm vào cơ sở dữ liệu
Tiếp theo, tôi sẽ tạo pserver. php trong thư mục gốc và dán đoạn mã sau vào đó
connect_error) {

die("Connection failed: " . $conn->connect_error);

}

$sql = "INSERT INTO products (product_name,product_price,product_cat,product_details)

VALUES ('$pname', '$price', '$pcat','product_details')";

if ($conn->query($sql) === TRUE) {

echo "alert('New record created successfully')";

} else {

echo "Error: " . $sql . "
" . $conn->error;

}

}

$conn->close();

?>
Trực quan hóa dữ liệu
Tôi cần điền vào bảng dữ liệu Bootstrap từ các bảng tương ứng trong cơ sở dữ liệu. Kết nối datatable với cơ sở dữ liệu
Đoạn mã sau có thể được sử dụng để điền dữ liệu Bootstrap. Hãy cập nhật mã bảng với đoạn mã sau







 

 

 

 

 

 SB Admin - Start Bootstrap Template

 

 

 

 

 

 





 


   


     
Login

     


       

          

         


           Username

           

         

         


           Password

           

         

         


           


             

                Remember Password

           

         


         Login

       

       


         Register an Account

      

       

     


   


 


 

 

 

 

 





0
Đây là bảng trông như thế nào sau đoạn mã trên

Tiếp theo, tôi sẽ sử dụng dữ liệu trong cơ sở dữ liệu và trực quan hóa nó trong bảng điều khiển quản trị viên PHP dưới dạng biểu đồ đường





Như bạn có thể thấy, trên cùng của bảng điều khiển có bốn thẻ hiển thị Khách truy cập hàng tháng, Doanh thu, Đơn đặt hàng mới và Vé mới. Dữ liệu cho các thẻ này được lấy từ cơ sở dữ liệu thông qua truy vấn CHỌN đơn giản
Thiết lập bảng điều khiển
Đây là mã hoàn chỉnh cho chế độ xem bảng điều khiển mà bạn cần đưa vào chỉ mục. php







 

 

 

 

 

 SB Admin - Start Bootstrap Template

 

 

 

 

 

 





 


   


     
Login

     


       

          

         


           Username

           

         

         


           Password

           

         

         


           


             

                Remember Password

           

         


         Login

       

       


         Register an Account

      

       

     


   


 


 

 

 

 

 





1
Phần kết luận
Bây giờ chúng tôi có một ứng dụng với Bootstrap 4 và PHP mà bạn có thể sử dụng để thêm sản phẩm vào cơ sở dữ liệu. Tất cả dữ liệu được duy trì trong các bảng và các chỉ số dữ liệu quan trọng nhất được hiển thị thông qua các thẻ ở trên cùng và biểu đồ đường. Như bạn có thể thấy, ứng dụng dựa trên mẫu bảng điều khiển PHP đã được tùy chỉnh để phù hợp với các yêu cầu của thiết kế ứng dụng. Bạn cũng có thể sử dụng mẫu quản trị viên PHP để tạo quản trị viên đẹp mắt hơn cho ứng dụng.  
Ứng dụng này cũng có thể được triển khai bằng API mà bạn không cần phải kết hợp mã HTML và PHP. Dữ liệu sẽ được thêm hoặc lấy từ cơ sở dữ liệu bằng API


Bootstrap có phải là CSS không?
Bootstrap là một khung CSS nguồn mở được thiết kế để phối hợp với phát triển web đáp ứng, di động và giao diện người dùng. Nó chứa thiết kế dựa trên CSS và JavaScript cho kiểu chữ, biểu mẫu, nút và các thành phần giao diện khác


                    

                    

                    

                        
                        
                            
Đánh giá của khách hàng tại

“Dịch vụ lưu trữ trên nền tảng đám mây có một trong những dịch vụ khách hàng tốt nhất và tốc độ lưu trữ”
Sanjit C [Nhà phát triển trang web]
                            
                            
                            
                            

                        
                    


                    

                        

                                                        

                                                            

                            

                                
Pardeep Kumar
                                
Pardeep là Người quản lý cộng đồng PHP tại Cloudways - Nền tảng lưu trữ PHP được quản lý. Anh ấy thích làm việc trên nền tảng nguồn mở, Framework và làm việc với những ý tưởng mới. Bạn có thể gửi email cho anh ấy tại [email protected]
 

			
Làm cách nào để đăng nhập vào bảng quản trị trong PHP?
			
Chèn thông tin đăng nhập của quản trị viên. Ở đây, chúng tôi đang chèn hai bản ghi vào bảng của chúng tôi. Bạn có thể thêm bao nhiêu tùy thích. Hoặc sao chép và dán đoạn mã sau để chèn bản ghi vào bảng điều khiển SQL.  CHÈN VÀO `adminlogin` (`id`, `tên người dùng`, `mật khẩu`) GIÁ TRỊ (NULL, 'admin', 'admin'), (NULL, 'admin2', 'admin2'
		
			
Làm cách nào để phân biệt đăng nhập của quản trị viên và người dùng trong PHP?
			
chỉ cần  thêm Cột trạng thái vào cơ sở dữ liệu như Status=1 và Status=0 nếu tìm thấy Trạng thái 1 thì quản trị viên và Trạng thái 0 được tìm thấy thì người dùng.
		
			
Làm cách nào để đăng nhập người dùng trong PHP?
			
Để chạy form đăng nhập các bạn mở xampp control panel chạy apache server và PHP. Bây giờ, gõ localhost/xampp/tên thư mục/tên tệp trong trình duyệt và nhấn phím Enter. Tất cả các thiết lập được thực hiện ngay bây giờ. Nhập tên người dùng và mật khẩu vào mẫu đăng nhập và nhấp vào nút đăng nhập
		
			
Làm cách nào để tạo bảng điều khiển quản trị viên trong PHP?
			
Tạo mẫu Bảng điều khiển dành cho quản trị viên bằng PHP và Bootstrap 4 . 
 
điều kiện tiên quyết
 
Về ứng dụng
 
Xây dựng giao diện người dùng Bảng điều khiển dành cho quản trị viên
 
Tạo biểu mẫu
 
Mẫu đăng ký
 
mẫu đăng nhập
 
Thiết lập kết nối cơ sở dữ liệu
 
Tạo trang sản phẩm