Home Backend Development PHP Tutorial Mysql, PDO, php and bootstrap create a login interface plus background processing

Mysql, PDO, php and bootstrap create a login interface plus background processing

Jul 29, 2016 am 09:15 AM
class gt lt nbsp quot

前两天用php和Bootstrapt制作了一个登陆界面,其实这只是一个很简单的操作,但对于Bootstrapt新手来说并不显得轻松,因为Bootstrapt里面有一些新词汇,需要慢慢理解并逐渐应用,对于英语基础非常好的能够很快消化,基础稍微差点稍微折腾一番我觉得也能很快就熟练掌握的。废话不多说,先上界面代码。

 

header("Content-Type:text/html; charset=UTF-8");

?>

   

      <strong>Bootstrap</strong> 模板

   

     

     

     

     

     

     

   

   

 

 

   

   

     

   

   

   

   

How can the login interface not have background operations? Here we will use the background operation files The name is doLogin.php, which only adds one do to the login interface, making it easier to understand.

header("Content-Type: text/html; charset=UTF-");

@$login= $_REQUEST['login'];

@$password = $_REQUEST['password'];

if(empty($login) || empty($ password)){

@$msg = "The form is incomplete, please check and refill";

include "login.php";

die;

}

Then all we have to do is to create a database. The database I use is mysql. Since there is not much data that we need to insert in the login interface, I currently just Just insert the login name and password, just do a login verification function. The file name I used here is restaurant.php, below is my code

drop database if exists restaurant;

create database restaurant charset=UTF8;

use restaurant;

create table user(

id int primary key auto_increment,

login varchar(20) not null unique,

password varchar (20) not null

);

insert into user(login, password) values

('a', 'a ');

select * from user; Code, after verifying the database, we still need to verify whether the login name exists in the database. When the condition is true, we will then determine whether the password is correct, so that our verification work can be basically completed.

$pdo = new PDO('mysql:dbname=restaurant; charset=UTF8', 'root');

$stat = $pdo->prepare('select login, password from user where login = :login');

$stat->execute(array('login'=>$login));

@$users = $stat-> ;fetch(PDO::FETCH_NAMED);

if(empty($users)){

@$msg = "Login does not exist";

include

"login.php";

die;}

if($password != $users['password']){

@$ msg = "Password output error";

include

"login.php";

die;

header('Location:main.php');

I would like to say it again here, only when the information entered by the user completely matches the information saved in the database can we say that the verification is passed, and then jump to the main.php page. But at this time, problems arise. For example, a customer feels bored after entering the main.php page and exits. However, from the perspective of customer security, this page must be accessed only after logging in. This cannot be found from the so-called history records. Direct access to the user's homepage. Here I want to involve knowledge about the interaction between the client and the browser. For example, when we view personal information on the homepage of the Industrial and Commercial Bank of China, we are interacting with the browser. The balance of your account is temporarily transmitted from the server, but when Once you log out of your personal homepage and enter again from the history, it will not work. You must log in again, otherwise it is called illegal access. Why? Because after your login name and password are successfully verified, the browser will store a temporary session value during the period before entering the login interface. When you exit the interface, the browser's session value will be logged out. At this time, this The session value will be empty, so even if you want to log in to your personal page before, it will not work. If you think about it, you will know that when you enter illegally, the session value is empty. When it is empty, you will naturally not be able to enter the personal page. The only way you can avoid it is to log in honestly, otherwise I can only say haha . After talking for so long, my purpose is actually to implement this seesion function. We only need to write two lines of code before jumping to the main.php page. The code is as follows:

session_start();

$_SESSION['userID'] = $user['id'];

Then, we have another step, which is to judge the session at the beginning of the main.php page Whether the value is empty, if it is empty, it cannot be accessed

session_start();

@$userID = $_SESSION['userID'];

if(empty($userID)){

$title = 'Serious Warning';

$message = 'You are not logged in, please log in to use';

$jumpUrl = 'login.php';

include 'lib/message.php'; }

Finally, there is one more thing we need to pay attention to. When the session is empty, we cannot jump directly to the login page! There should be a prompt message. Since it is a prompt message, I think it should be a high-end Bootstrapt interface, which is relatively simple and beautiful, although the amount of code is a little more.

header("Content-Type: text/html; charset=UTF-8");

?>

< !DOCTYPE html>

trap

template

< ;meta http-equiv="Content-Type" c/html; charset=UTF-8" charset="UTF-8" >

                                                                ="Bootstrap < ;/script>

  < ;!--[if lt IE 9]>

                                                              

   

 

 

   

 

 

ok,这就是我所说的登录界面,其实我也想说,尼玛不就是一个登录界面嘛,怎么有这么多代码,而且感觉没两句有用的。不过话说回来,前段就是这样,在水平相同的情况下,代码量与界面的美观成正比。

以上就介绍了mysql、PDO、php和bootstrapt制作一个登陆界面外加后台处理,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Solution: Your organization requires you to change your PIN Solution: Your organization requires you to change your PIN Oct 04, 2023 pm 05:45 PM

The message "Your organization has asked you to change your PIN" will appear on the login screen. This happens when the PIN expiration limit is reached on a computer using organization-based account settings, where they have control over personal devices. However, if you set up Windows using a personal account, the error message should ideally not appear. Although this is not always the case. Most users who encounter errors report using their personal accounts. Why does my organization ask me to change my PIN on Windows 11? It's possible that your account is associated with an organization, and your primary approach should be to verify this. Contacting your domain administrator can help! Additionally, misconfigured local policy settings or incorrect registry keys can cause errors. Right now

How to adjust window border settings on Windows 11: Change color and size How to adjust window border settings on Windows 11: Change color and size Sep 22, 2023 am 11:37 AM

Windows 11 brings fresh and elegant design to the forefront; the modern interface allows you to personalize and change the finest details, such as window borders. In this guide, we'll discuss step-by-step instructions to help you create an environment that reflects your style in the Windows operating system. How to change window border settings? Press + to open the Settings app. WindowsI go to Personalization and click Color Settings. Color Change Window Borders Settings Window 11" Width="643" Height="500" > Find the Show accent color on title bar and window borders option, and toggle the switch next to it. To display accent colors on the Start menu and taskbar To display the theme color on the Start menu and taskbar, turn on Show theme on the Start menu and taskbar

How to change title bar color on Windows 11? How to change title bar color on Windows 11? Sep 14, 2023 pm 03:33 PM

By default, the title bar color on Windows 11 depends on the dark/light theme you choose. However, you can change it to any color you want. In this guide, we'll discuss step-by-step instructions for three ways to change it and personalize your desktop experience to make it visually appealing. Is it possible to change the title bar color of active and inactive windows? Yes, you can change the title bar color of active windows using the Settings app, or you can change the title bar color of inactive windows using Registry Editor. To learn these steps, go to the next section. How to change title bar color in Windows 11? 1. Using the Settings app press + to open the settings window. WindowsI go to "Personalization" and then

OOBELANGUAGE Error Problems in Windows 11/10 Repair OOBELANGUAGE Error Problems in Windows 11/10 Repair Jul 16, 2023 pm 03:29 PM

Do you see "A problem occurred" along with the "OOBELANGUAGE" statement on the Windows Installer page? The installation of Windows sometimes stops due to such errors. OOBE means out-of-the-box experience. As the error message indicates, this is an issue related to OOBE language selection. There is nothing to worry about, you can solve this problem with nifty registry editing from the OOBE screen itself. Quick Fix – 1. Click the “Retry” button at the bottom of the OOBE app. This will continue the process without further hiccups. 2. Use the power button to force shut down the system. After the system restarts, OOBE should continue. 3. Disconnect the system from the Internet. Complete all aspects of OOBE in offline mode

How to enable or disable taskbar thumbnail previews on Windows 11 How to enable or disable taskbar thumbnail previews on Windows 11 Sep 15, 2023 pm 03:57 PM

Taskbar thumbnails can be fun, but they can also be distracting or annoying. Considering how often you hover over this area, you may have inadvertently closed important windows a few times. Another disadvantage is that it uses more system resources, so if you've been looking for a way to be more resource efficient, we'll show you how to disable it. However, if your hardware specs can handle it and you like the preview, you can enable it. How to enable taskbar thumbnail preview in Windows 11? 1. Using the Settings app tap the key and click Settings. Windows click System and select About. Click Advanced system settings. Navigate to the Advanced tab and select Settings under Performance. Select "Visual Effects"

Display scaling guide on Windows 11 Display scaling guide on Windows 11 Sep 19, 2023 pm 06:45 PM

We all have different preferences when it comes to display scaling on Windows 11. Some people like big icons, some like small icons. However, we all agree that having the right scaling is important. Poor font scaling or over-scaling of images can be a real productivity killer when working, so you need to know how to customize it to get the most out of your system's capabilities. Advantages of Custom Zoom: This is a useful feature for people who have difficulty reading text on the screen. It helps you see more on the screen at one time. You can create custom extension profiles that apply only to certain monitors and applications. Can help improve the performance of low-end hardware. It gives you more control over what's on your screen. How to use Windows 11

10 Ways to Adjust Brightness on Windows 11 10 Ways to Adjust Brightness on Windows 11 Dec 18, 2023 pm 02:21 PM

Screen brightness is an integral part of using modern computing devices, especially when you look at the screen for long periods of time. It helps you reduce eye strain, improve legibility, and view content easily and efficiently. However, depending on your settings, it can sometimes be difficult to manage brightness, especially on Windows 11 with the new UI changes. If you're having trouble adjusting brightness, here are all the ways to manage brightness on Windows 11. How to Change Brightness on Windows 11 [10 Ways Explained] Single monitor users can use the following methods to adjust brightness on Windows 11. This includes desktop systems using a single monitor as well as laptops. let's start. Method 1: Use the Action Center The Action Center is accessible

What are the differences between Huawei GT3 Pro and GT4? What are the differences between Huawei GT3 Pro and GT4? Dec 29, 2023 pm 02:27 PM

Many users will choose the Huawei brand when choosing smart watches. Among them, Huawei GT3pro and GT4 are very popular choices. Many users are curious about the difference between Huawei GT3pro and GT4. Let’s introduce the two to you. . What are the differences between Huawei GT3pro and GT4? 1. Appearance GT4: 46mm and 41mm, the material is glass mirror + stainless steel body + high-resolution fiber back shell. GT3pro: 46.6mm and 42.9mm, the material is sapphire glass + titanium body/ceramic body + ceramic back shell 2. Healthy GT4: Using the latest Huawei Truseen5.5+ algorithm, the results will be more accurate. GT3pro: Added ECG electrocardiogram and blood vessel and safety

See all articles