php源码之搭建站点实现登录页面的方法_知识百科

这篇文章主要介绍了关于php源码之搭建站点实现登录页面的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

主要：

站点搭建
实现登录页面
分析及改进
立即学习“PHP免费学习笔记（深入）”；

站点搭建

1) 在apache安装目录下：【conf\extra\httpd-vhosts.conf】加入站点配置

 1   2     #站点根目录  3     DocumentRoot "D:\htdocs\Demo"  4       #站点绑定的域名  5     ServerName www.test.com  6      #站点别名  7     ServerAlias test.com  8     9         #允许所有访问 10         #allow from all 11         Require all granted 12         #允许分布式权限配置(允许重写)（.htacess） 13         AllowOverride All 14         #不显示站点目录的文件结构 15         Options -indexes 16    17

2) host文件添加域名解析。 host文件位置：【C:\Windows\System32\drivers\etc\hosts】

1 127.0.0.1 www.test.com  test.com

3) 重启apache。完成站点配置。

实现登录页面

1）创建项目目录blog 【D:\htdocs\Demo\blog】, 初始化git,并提交到码云

在项目目录中右键》Git Bash 前提：已经安装git

1  git init 2  git remote add origin  3  git pull origin master

2）用户数据表pbg_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` ｃｈａｒ(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;

3) 登录界面【login.html】

 1   2   3   4       5     登录  6       7       8   9  10  11     
 12         
 13              14                 
登录
 15             
 16  17              18                 用户名: 19                 
 20                      21                 
 22             
 23  24              25                 密   码: 26                 
 27                      28                 
 29             
 30  31              32                 
 33                      34                      35                 
 36             
 37         
 38     
 39 
 40 <ｓｃｒｉｐｔ type="text/javascript" src="layui/layui.js"> 41 <ｓｃｒｉｐｔ> 42     layui.use('form', function(){ 43         var form = layui.form; 44     }); 45  46  47

4) 登录页面样式调整【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 }

查看样式表

5）登录操作：处理登录信息【login.php】

 1 mysql_query('set names utf8',$conn); 17 mysql_query('use web',$conn); 18  19 //3-查询数据库  校验登录信息 20 $sql = "ｓｅｌｅｃｔ 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');

点击查看

6）登录界面效果

分析改进

1）准备优化

文件目录结构，实现MVC结构
访问形式：实现单入口文件访问

2）提交代码：

1 git add -A2 git commit -m "第一次提交 && 登录页"3 git push origin master

查看本项目源码： https://gitee.com/NewbiesYang/young_blog

小结：本次主要完成：

1. 站点配置

2. 登录数据表和登录页制作，登录逻辑简单实现

3. 下一步优化改进