php源码之搭建站点实现登录页面的方法

php源码之搭建站点实现登录页面的方法

内容导读

收集整理的这篇技术教程文章主要介绍了php源码之搭建站点实现登录页面的方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含5429字,纯文字阅读大概需要8分钟

内容图文

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

主要:

  1. 站点搭建

  2. 实现登录页面

  3. 分析及改进


站点搭建

1) 在apache安装目录下: 【confextrahttpd-vhosts.conf】加入站点配置

 1 <VirtualHost *:80>
2

 #站点根目录
3

 DocumentRoot "D:htdocsDemo"
4


 #站点绑定的域名
5

 ServerName www.test.com
6


#站点别名
7

 ServerAlias test.com
8
 <Directory
"D:htdocsDemo">
9



 #允许所有访问 10



 #allow from all 11



 Require all granted 12



 #允许分布式权限配置(允许重写)(.htacess) 13



 AllowOverride All 14



 #不显示站点目录的文件结构 15



 Options -indexes 16
 </Directory> 17 </VirtualHost>

2) host文件添加域名解析。 host文件位置:【C:WindowsSystem32driversetchosts】

1 127.0.0.1 www.test.com
test.com

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

实现登录页面

1)创建项目目录blog 【D:htdocsDemoblog】, 初始化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` 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;

3) 登录界面【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">密&nbsp;&nbsp;&nbsp;码:</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>

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 <?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');

点击查看

6)登录界面效果

分析改进

1)准备优化

  1. 文件目录结构,实现MVC结构

  2. 访问形式: 实现单入口文件访问

2)提交代码:

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

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

小结:本次主要完成:

1. 站点配置

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

3. 下一步优化改进

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

php源码之实现单入口MVC结构的方法

php 批量去除项目文件bom头的方法

以上就是php源码之搭建站点实现登录页面的方法的详细内容,更多请关注Gxl网其它相关文章!

内容总结

以上是为您收集整理的php源码之搭建站点实现登录页面的方法全部内容,希望文章能够帮你解决php源码之搭建站点实现登录页面的方法所遇到的程序开发问题。 如果觉得技术教程内容还不错,欢迎将网站推荐给程序员好友。

内容备注

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。


本文关键词:

联系我们

在线咨询:点击这里给我发消息

邮件:w420220301@qq.com