三沣开发知识 购物 网址 游戏 小说 歌词 地图 快照 股票 美女 新闻 笑话 | 汉字 软件 日历 阅读 下载 图书馆 开发 租车 短信 China
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题
autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程 CSS/HTML/Xhtml
html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
站长资讯 .NET新手 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA VisualStudio ASP.NET-MVC .NET控件开发 EntityFramework WinRT-Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动 Html-Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP OracleERP DynamicsCRM K2 BPM 信息安全 企业信息 Android开发 iOS开发 WindowsPhone WindowsMobile 其他手机 敏捷开发 项目管理 软件工程 SQLServer Oracle MySQL NoSQL 其它数据库 Windows7 WindowsServer Linux
  IT知识库 -> PHP -> 通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用 -> 正文阅读
 

[PHP]通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用

通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用   前  言
 PHP 
    学习了好久的PHP,今天做一个可以后台交互的登录页和注册页,没做什么判断,简单的了解一下。
具体的内容分析如下:
① PHP中的数据传输-->>由注册页传输给注册页后台-->>注册页后台经过转码保存实例化的文件
② 在登录页输入账户密码,点击登录时,获得触发函数:获得由后台传输过来的true或者false---转换页面或者弹出输入错误。
     登录页后台获取保存账户密码的实例化文件,通过转码,if判断之后传输给前台登录页TURE或者FALSE。
总共总共8个文件:
  其中07_file与libs同一级别 代码植入请看具体内容。


代码注释里面有很详细的解析,如有需要请仔细阅读。(希望可以帮助到你)
1、  效果图
   
   



 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>用户登录</title>
 6         <link rel="stylesheet" type="text/css" href="../../libs/bootstrap.css"/>
 7         <style type="text/css">
 8             body{
 9                 margin: 0px;
10                 padding: 0px;
11                 background-color: #CCCCCC;
12             }
13             .panel{
14                 width: 380px;
15                 height: 280px;
16                 position: absolute;
17                 left: 50%;
18                 margin-left: -190px;
19                 top: 50%;
20                 margin-top: -140px;
21             }
22             .form-horizontal{
23                 padding: 10px 20px;
24             }
25             .btns{
26                 display: flex;
27                 justify-content: center;
28             }
29         </style>
30     </head>
31     
32     <!--简单的样式表-->
33     <body>
34         <div class="panel panel-primary">
35             <div class="panel-heading">
36                 <div class="panel-title">用户登录</div>
37             </div>
38             <div class="panel-body">
39                 <form class="form-horizontal">
40                     <div class="form-group">
41                         <label>用户名</label>
42                         <input type="text" class="form-control" name="userName"/>
43                     </div>
44                     <div class="form-group">
45                         <label>密码</label>
46                         <input type="password" class="form-control" name="pwd"/>
47                     </div>
48                     
49                     <div class="form-group btns">
50                         <input type="button" class="btn btn-primary" value="登录系统" id="submit"/>
51                         &nbsp;&nbsp;&nbsp;&nbsp;
52                         <a type="button" class="btn btn-success" href="reg.php"/>注册账号</a>
53                     </div>
54                     
55                 </form>
56             </div>
57         </div>
58     </body>
59     
60     <script src="../../libs/jquery-3.1.1.js"></script>
61     <script type="text/javascript">
62         $(function(){
63             //↓定位id:submit事件绑定,click点击时候触犯function函数
64             $("#submit").on("click",function(){
65                 //↓创建一个变量str =  选取form表单,通过serialize()创建以标准 URL 编码表示的文本字符串 
66                 var str = $("form").serialize();
67                 //↓打印出来看看是什么个样子的,传输给后台才好操作。
68                   console.log(str); //具体样子:userName=value&pwd=value
69                   /*通过ajax中的post方法,给后台doLogin.php传输数据,给变量str(url文件类型)添加名字“formData”,
70                    * 函数function是接受后台返回的默认值也就是echo输出的值*/
71                 $.post("doLogin.php",{"formData":str},function(data){
72                     //↓打印后台echo输出的值,查看类型
73                     //↑console.log(data);
74                     
75                     //↓判断函数如果返回的是true,则通过location打开新的页面,同是在页面后面加?name+你输入的用户名,用来给主页传值(主页获得用户名)
76                     if(data=="true"){
77                         location = "index.php?name="+$("input[name='userName']").val();
78                     //↓传回其他输出则弹出"用户名或密码错误!!!"窗口
79                     }else{
80                         alert("用户名或密码错误!!!");
81                     }
82                 });
83             });
84         });
85     </script>
86 </html>

iogin.php行内代码--登录页面


 1 <?php
 2 
 3     header("Content-Type:text/html;charset=utf-8");
 4     
 5     //↓定义str一个变量,通过post方法获得前台传输过来的数据。$_POST["fieldname"]
 6     $str = $_POST["formData"];
 7     
 8     //↓打印从前台收到的数据,通过打印传输会前台,具体内容通过形参data表示
 9     //echo $str;
10     //↑打印$str时↓(下方)必须全部注释,输出的具体样子:userName=value&pwd=value
11     
12 /*    php中的数组,先通过数组explode方法-把数据内容通过$分为数组,
13     ↓再定义第一个数组内容(用户名的value)为$userName。["userName=value","pwd=value"]*/
14     list($userName) = explode("&", $str);
15     
16 /*    php中的数组,先通过数组explode方法-把数据内容通过$分为数组,
17     ↓再定义二个数组内容(用户名的value)为$userName。["userName=value","pwd=value"]*/    
18     list(,$pwd) = explode("&", $str);
19     
20     //定义一个变量users,通过php中的文件函数file_get_contents,读取01_lx文件下的user.txt文件内容中的字符串。
21     $users = file_get_contents("user.txt");//这一步就是从文件中读取账号,密码。
22     //↑具体的文件内容大概:userName=111&pwd=111&rePwd=111[;]userName=222&pwd=222&rePwd=222[;]
23     //↑通过上面的文件内容可以知道每个账号密码后面都有一个[;]
24     
25     //↓定义一个变量userArr,通过explode函数把用变量users内容用[;]分为数组 ["userName=value","pwd=value"]
26     $userArr = explode("[;]", $users);
27     
28     //通过foreach遍历整个$userArr数组
29     foreach ($userArr as $user) {
30             
31         //每一组$user分别为userName=value(111)&pwd=value(111)&rePwd=value(111)
32         //↓每一组都分别再通过explode函数分为数组,定义变量$realName为第一个数组名。
33         list($realName) = explode("&", $user);//具体内容为$realName=userName=value(111)
34         //↓每一组都分别再通过explode函数分为数组,定义变量$realPwd为第二个数组名。
35         list(,$realPwd) = explode("&", $user);//具体内容为$realPwd=pwd=value(111)
36         //↓每一组都分别判断一次,当变量$userName==变量$realName同时满足变量$pwd==变量$realPwd
37         if($userName==$realName&&$pwd==$realPwd){
38         //php中的输出echo 内容为true    
39             echo "true";
40             die();
41         }
42     }
43     //↓如果账户或密码没有输入则,返回false
44     echo "false";

doLogin行内代码--登录页面后台


 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>用户注册</title>
 6         <link rel="stylesheet" type="text/css" href="../../libs/bootstrap.css"/>
 7         <style type="text/css">
 8             body{
 9                 margin: 0px;
10                 padding: 0px;
11                 background-color: #CCCCCC;
12             }
13             .panel{
14                 width: 380px;
15                 height: 350px;
16                 position: absolute;
17                 left: 50%;
18                 margin-left: -190px;
19                 top: 50%;
20                 margin-top: -175px;
21             }
22             .form-horizontal{
23                 padding: 10px 20px;
24             }
25             .btns{
26                 display: flex;
27                 justify-content: center;
28             }
29         </style>
30     </head>
31     
32     
33     <body>
34         <div class="panel panel-primary">
35             <div class="panel-heading">
36                 <div class="panel-title">用户注册</div>
37             </div>
38             <div class="panel-body">
39                 <form class="form-horizontal">
40                     <div class="form-group">
41                         <label>用户名</label>
42                         <input type="text" class="form-control" name="userName"/>
43                     </div>
44                     <div class="form-group">
45                         <label>密码</label>
46                         <input type="password" class="form-control" name="pwd" />
47                     </div>
48                     <div class="form-group">
49                         <label>确认密码</label>
50                         <input type="password" class="form-control" name="rePwd" />
51                     </div>
52                     
53                     <div class="form-group btns">
54                         <input type="button" class="btn btn-primary" value="确定注册" id="submit"/>
55                         &nbsp;&nbsp;&nbsp;&nbsp;
56                         <a type="button" class="btn btn-success" href="login.php"/>返回登录</a>
57                     </div>
58                     
59                 </form>
60             </div>
61         </div>
62     </body>
63     
64     <script src="../../libs/jquery-3.1.1.js"></script>
65     //↑jquery插入代码
66     <script type="text/javascript">
67         $(function(){
68             //↓捕捉idsubmit绑定click事件,function为发生事件时的函数。
69             $("#submit").on("click",function(){
70                 //↓创建一个变量str,选取form表单,通过serialize()创建以标准 URL 编码表示的文本字符串 
71                 var str = $("form").serialize();
72                 //↓打印出来看看是什么个样子的,传输给后台才好操作。
73                 console.log(str);
74                 
75                 /*↓通过ajax中的post方法,给后台doReg.php传输数据,给变量str(url文件类型)添加名字“formData”,
76                       函数function是接受后台返回的默认值也就是echo输出的值*/
77                 $.post("doReg.php",{"formData":str},function(data){
78                     //↓打印后台echo输出的值,查看类型
79                     //↑console.log(data);
80                     
81                     //↓判断函数如果返回的是true,则弹窗提示创建成功,通过location跳转到login.php(登录页面)。
82                     if(data=="true"){
83                         alert("注册成功!即将跳转登陆页!");
84                         location = "login.php";
85                     //返回其他值,则弹窗提示    "注册失败!因为啥我不知道!"
86                     }else{
87                         alert("注册失败!因为啥我不知道!");
88                     }
89                 });
90             });
91         });
92     </script>
93 </html>

reg行内代码--注册页面


 1 <?php
 2 
 3     header("Content-Type:text/html;charset=utf-8");
 4     
 5     /*↓定义str一个变量,通过post方法获得前台传输过来的数据,
 6             并且在每个数据后方加入一个[;]——>用以分隔每个新数据*/
 7     $str = $_POST["formData"]."[;]";
 8     
 9     //定义一个变量$num,通过php中的文件函数file_put_contents把每个str数据追加到01_lx文件下面的"user.txt"文件中。
10     $num = file_put_contents("user.txt", $str,FILE_APPEND);//user.txt文件没有的话会创建新的user.txt文件
11     //↑FILE_APPEND是追加到文件中,保证每个数据都会追加到"user.txt"文件中。
12     
13     //↓简单的判断,不做过多的阐述。
14     if($num>0){
15         //输出语句,内容为后台返回前台$.post中的function的形参。
16         echo "true";
17     }else{
18         //输出语句,内容为后台返回前台$.post中的function的形参。
19         echo "false";
20     }

doReg--注册页面后台
 use.txt由文件doReg.php自动在文件夹01_lx中生成。


 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8" />
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 7     <title>Document</title>
 8 </head>
 9 <body>
10     欢迎您,<span style='color:red;'><?php echo $_GET["name"]; ?></span><br>
11     我是主页!
12     
13 </body>
14 </html>

index.php--主页代码

  PHP 最新文章
PHP中被忽略的性能优化利器:生成器
cakephp搭建配置完成后怎么关闭cake标识
如何配置php session使用redis集群
cakephp怎么默认显示index/index文件
PHP入门怎么选?大学生适合学习吗?
php 回调函数和匿名函数
利用PHP+MySql+Ajax操作实现年月日联动功能
被swoole坑哭的PHP程序员
wordpress高级教程
三、记一次失败的 CAS 搭建 之 服务端配置
上一篇文章      下一篇文章      查看所有文章
加:2017-06-18 01:45:39  更:2017-06-18 01:45:41 
 
技术频道: 站长资讯 .NET新手区 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA Visual Studio ASP.NET MVC .NET控件开发 Entity Framework WinRT/Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动设计 Html/Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP Oracle ERP Dynamics CRM K2 BPM 信息安全 企业信息化其他 Android开发 iOS开发 Windows Phone Windows Mobile 其他手机开发 敏捷开发 项目与团队管理 软件工程其他 SQL Server Oracle MySQL NoSQL 其它数据库 Windows 7 Windows Server Linux
脚本语言: vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题 autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程
网站开发: CSS/HTML/Xhtml html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 美食菜谱 新闻资讯 电影视频 小游戏 Chinese Culture 股票 租车
生肖星座 三丰软件 视频 开发 短信 中国文化 网文精选 搜图网 美图 阅读网 多播 租车 短信 看图 日历 万年历 2017年12日历
2017-12-14 6:42:25
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT知识库