Dieser Artikel stellt hauptsächlich die Methode zum Erstellen einer Website zur Implementierung der Anmeldeseite mit PHP-Quellcode vor. Jetzt kann ich ihn mit Ihnen teilen.
Haupt:
StandortGebäude
Anmeldeseite implementieren
Analyse und Verbesserung
Site-Aufbau
1) Im Apache-Installationsverzeichnis: [confextrahttpd-vhosts.conf] Site-Konfiguration hinzufügen
1 <VirtualHost *:80>
2 #站点根目录
3 DocumentRoot "D:\htdocs\Demo"
4 #站点绑定的域名
5 ServerName www.test.com
6 #站点别名
7 ServerAlias test.com
8 <Directory "D:\htdocs\Demo">
9 #允许所有访问
10 #allow from all
11 Require all granted
12 #允许分布式权限配置(允许重写)（.htacess）
13 AllowOverride All
14 #不显示站点目录的文件结构
15 Options -indexes
16 </Directory>
17 </VirtualHost>
Nach dem Login kopieren
2) Domänennamenauflösung zur Hostdatei hinzufügen. Speicherort der Hostdatei: [C:WindowsSystem32driversetchosts]
1 127.0.0.1 www.test.com test.com
Nach dem Login kopieren
3) Starten Sie Apache neu. Komplette Site-Konfiguration.
Anmeldeseite implementieren
1) Projektverzeichnis-Blog [D:htdocsDemoblog] erstellen, Git initialisieren und an die Code-Cloud senden
Rechtsklick im Projektverzeichnis》Git Bash-Voraussetzung: Git wurde installiert
1 git init
2 git remote add origin
3 git pull origin master
Nach dem Login kopieren
2) Benutzerdatentabellepbg_users
1 CREATE TABLE `pbg_users` (
2 `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '用户主键',
3 `username` varchar(20) NOT NULL COMMENT '用户名',
4 `pwd` char(32) NOT NULL COMMENT '密码',
5 `email` varchar(50) NOT NULL DEFAULT '' COMMENT '注册邮箱',
6 `token_email` varchar(32) NOT NULL DEFAULT '' COMMENT '邮箱验证',
7 `flag` tinyint(1) unsigned NOT NULL DEFAULT '0' COMMENT '是否是管理员，1-管理员，2-普通用户',
8 `created_at` datetime DEFAULT NULL COMMENT '注册时间',
9 `updated_at` datetime DEFAULT NULL COMMENT '最后一次登录时间',
10 `login_ip` varchar(20) NOT NULL DEFAULT '' COMMENT '最后登录的ip地址',
11 `login_times` smallint(6) NOT NULL DEFAULT '0' COMMENT '登录次数',
12 PRIMARY KEY (`id`),
13 UNIQUE KEY `username` (`username`),
14 UNIQUE KEY `email` (`email`)
15 ) ENGINE=MyISAM AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
Nach dem Login kopieren
3) Anmeldeschnittstelle 【login.html】
1 <!DOCTYPE html>
2 <html lang="zh-CN">
3 <head>
4 <meta charset="UTF-8">
5 <title>登录</title>
6 <link rel="stylesheet" type="text/css" href="layui/css/layui.css">
7 <link rel="stylesheet" type="text/css" href="css/style.css">
8 </head>
9 <body>
10 <p class="container">
11 <p class="content">
12 <form action="login.php" class="layui-form" method="post">
13 <p class="layui-form-item">
14 <h2>登录</h2>
15 </p><hr>
16
17 <p class="layui-form-item">
18 <label class="layui-form-label">用户名:</label>
19 <p class="layui-input-block">
20 <input type="text" name="username" class="layui-input" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" >
21 </p>
22 </p>
23
24 <p class="layui-form-item">
25 <label class="layui-form-label">密 码:</label>
26 <p class="layui-input-block">
27 <input type="password" name="pwd" required lay-verify="required" placeholder="请输入密码" class="layui-input">
28 </p>
29 </p>
30
31 <p class="layui-form-item">
32 <p class="layui-input-block">
33 <button lay-submit class="layui-btn">登录</button>
34 <button type="reset" class="layui-btn layui-btn-primary">重置</button>
35 </p>
36 </p>
37 </form>
38 </p>
39 </p>
40 <script type="text/javascript" src="layui/layui.js"></script>
41 <script>
42 layui.use('form', function(){
43 var form = layui.form;
44 });
45 </script>
46 </body>
47 </html>Nach dem Login kopieren
4) Anpassung des Anmeldeseitenstils【css/style.css】
1 @charset "UTF-8";
2
3 body {
4 background-color: #1E9FFF;
5 }
6
7 /*登录*/
8 .container {
9 position: absolute;
10 left: 50%;
11 top:50%;
12 width: 500px;
13 margin-left: -250px;
14 margin-top: -200px;"
15 }
16 .content{
17 background: #ffffff;
18 padding: 20px;
19 border-radius: 4px;
20 box-shadow: 5px 5px 50px #444444;
21 }Nach dem Login kopieren
Stylesheet anzeigen
5) Anmeldevorgang: Anmeldeinformationen verarbeiten 【login.php】
1 <?php
2 /**
3 * 登录数据处理
4 * User: young
5 */
6 header("content-type:text/html;charset=utf-8");
7 //1-接收登录信息
8 $data = array();
9 $data['username'] = trim($_POST['username']);
10 $data['pwd'] = trim($_POST['pwd']);
11
12 //2-连接数据库
13 $conn = @mysql_connect('localhost','root','root') or die('连接数据库失败!');
14 // mysql_set_charset("utf8");
15 // mysql_select_db("web");
16 mysql_query('set names utf8',$conn);
17 mysql_query('use web',$conn);
18
19 //3-查询数据库 校验登录信息
20 $sql = "select username,pwd from pbg_users where username='{$data['username']}'";
21 $res = mysql_query($sql,$conn);
22
23 //4-登录结果提示信息
24 if($res != false){
25 $user = mysql_fetch_array($res);
26 if( $user['pwd'] == md5($data['pwd']) ){ exit('登录成功'); }
27 }
28 echo "用户名或密码不正确!";
29 header('refresh:3; url=login.html');Nach dem Login kopieren
Zum Anzeigen klicken
6) Effekt der Anmeldeschnittstelle
Analyseverbesserungen
1) Bereiten Sie sich auf die Optimierung der
Dateiverzeichnisstruktur vor und implementieren Sie die MVC-Struktur
-
Zugriffsformular: Einzeleingabe-Dateizugriff realisieren
2) Code senden:
1 git add -A
2 git commit -m "第一次提交 && 登录页"
3 git push origin master
Nach dem Login kopieren
Sehen Sie sich den Quellcode von an dieses Projekt: https://gitee.com/ NewbiesYang/young_blog
Zusammenfassung: Diesmal ist die Hauptvervollständigung:
1. Site-Konfiguration
2 und die Erstellung der Anmeldeseite, die Anmeldelogik ist einfach zu implementieren
Nächster Schritt zur Optimierung und Verbesserung
Das Obige ist der gesamte Inhalt dieses Artikels. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!
Verwandte Empfehlungen:
PHP-Quellcode-Methode zur Implementierung einer Single-Entry-MVC-Struktur
PHP-Batch-Entfernung der Projektdatei bom headers Methode
Das obige ist der detaillierte Inhalt vonPHP-Quellcode: So erstellen Sie eine Website zur Implementierung einer Anmeldeseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
