FLEX PHP 交互简单登录界面（1）源代码

ls0398 · 发表于 2015-8-25 13:03:06

　　简单的不能再简单的flex 与 php 交互的登录界面（没有使用mysql）
　　主要是解决 httpService 的一些问题代码在附件中 (本例用flex builder 3 和 Deamweaver cs3 完成下载代码配置你的服务器 flex 工程直接导入)
　　要完成一个表单的提交和返回要通过以下几个环节
　　Flex 端全部代码代码



<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>

    <![CDATA[

        import mx.rpc.events.ResultEvent;

        import mx.controls.Alert;

        private function goLogin():void{

            login.send();

        }

        private function resultHandler(event:ResultEvent):void{

            Alert.show(event.result.html.body.users.a.toString());

        }

      ]]>

</mx:Script>

    <mx:HTTPService id="login" method="POST" showBusyCursor="true" url="http://localhost/flexlogin.php"

        result="resultHandler(event)">

    <mx:request xmlns="">

        <mx:username>

            {username.text}

        </mx:username>

        <mx:userpwd>

            {userpwd.text}

        </mx:userpwd>

    </mx:request>

    </mx:HTTPService>

    <mx:Panel width="310" height="265" layout="absolute" title="登录" fontSize="12" fontWeight="normal">

        <mx:TextInput x="93" y="51" id="username" fontSize="12"/>

        <mx:TextInput x="92" y="95" id="userpwd" fontSize="12" displayAsPassword="true"/>

        <mx:Button x="73" y="154" label="登录" id="btn1" click="goLogin()" fontWeight="normal" fontSize="12"/>

        <mx:Label x="32" y="53" text="用户名：" fontSize="12"/>

        <mx:Label x="43" y="97" text="密码：" fontSize="12"/>

        <mx:Button x="154" y="154" label="注册" fontSize="12" fontWeight="normal" id="btn2"/>

        <mx:Label x="10" y="10" text="测试用用户名 User 密码 123456" fontSize="12" width="243"/>

    </mx:Panel>

</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;
private function goLogin():void{
login.send();
}
private function resultHandler(event:ResultEvent):void{
Alert.show(event.result.html.body.users.a.toString());
}    ]]>
</mx:Script>
<mx:HTTPService id="login" method="POST" showBusyCursor="true" url="http://localhost/flexlogin.php"
result="resultHandler(event)">
<mx:request xmlns="">
<mx:username>
{username.text}
</mx:username>
<mx:userpwd>
{userpwd.text}
</mx:userpwd>
</mx:request>
</mx:HTTPService>
<mx:Panel width="310" height="265" layout="absolute" title="登录" fontSize="12" fontWeight="normal">
<mx:TextInput x="93" y="51" id="username" fontSize="12"/>
<mx:TextInput x="92" y="95" id="userpwd" fontSize="12" displayAsPassword="true"/>
<mx:Button x="73" y="154" label="登录" id="btn1" click="goLogin()" fontWeight="normal" fontSize="12"/>
<mx:Label x="32" y="53" text="用户名：" fontSize="12"/>
<mx:Label x="43" y="97" text="密码：" fontSize="12"/>
<mx:Button x="154" y="154" label="注册" fontSize="12" fontWeight="normal" id="btn2"/>
<mx:Label x="10" y="10" text="测试用用户名 User 密码 123456" fontSize="12" width="243"/>
</mx:Panel>
</mx:Application>
　　 (flex 全部代码)
　　（1）httpservice 标签参数表
　　<mx:HTTPService

Properties

concurrency="multiple|single|last"

contentType="application/x-www-form-urlencoded|application/xml"

destination="DefaultHTTP"

id="No default."

method="GET|POST|HEAD|OPTIONS|PUT|TRACE|DELETE"

resultFormat="object|array|xml|e4x|flashvars|text"

showBusyCursor="false|true"

makeObjectsBindable="false|true"

url="No default."

useProxy="false|true"

xmlEncode="No default."

xmlDecode="No default."

Events

fault="No default."

result="No default."

/>

几个需要注意的地方 url 为你要请求的网址 result 是返回结果处理的函数，函数要给一个参数为event，事件类型为ResultEvent
　　Flex代码

<mx:HTTPService id="login" method="POST" showBusyCursor="true" url="http://localhost/flexlogin.php"

    result="resultHandler(event)">

   <mx:request xmlns="">

    <mx:username>

        {username.text}

    </mx:username>

    <mx:userpwd>

        {userpwd.text}

    </mx:userpwd>

   </mx:request>

   </mx:HTTPService>

<mx:HTTPService id="login" method="POST" showBusyCursor="true" url="http://localhost/flexlogin.php"
result="resultHandler(event)">
<mx:request xmlns="">
<mx:username>
{username.text}
</mx:username>
<mx:userpwd>
{userpwd.text}
</mx:userpwd>
</mx:request>
</mx:HTTPService>
　　httpService 标签
　　request 标签为你要请求发送的表单，再往里面 <mx:username> 为自己定义，注意：你面的名称为向php方接收的参数名称。
　　这段代码发送了两个参数一个是 username 一个是 userpwd
　　Flex代码

private function goLogin():void{

            login.send();

        }

private function goLogin():void{
login.send();
}
　　然后点击登录，由httpservice 实例的.send()发送请求 (客户端的代码先告一段落)
　　下面是php端的全部代码
　　Php代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>flex login</title>

</head>

<body>

<?php

$return="";

if(isset($_POST[username]) && isset($_POST[userpwd])){

if ("User"==$_POST[username] && "123456"==$_POST[userpwd])

$return="ok";

else

$return="error";

}

$xml_return = '<users>';

$xml_return.= '<a>'.$return.'</a>';

$xml_return.= '</users>';

echo $xml_return;

?>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flex login</title>
</head>
<body>
<?php
$return="";
if(isset($_POST[username]) && isset($_POST[userpwd])){
if ("User"==$_POST[username] && "123456"==$_POST[userpwd])
$return="ok";
else
$return="error";
}
$xml_return = '<users>';
$xml_return.= '<a>'.$return.'</a>';
$xml_return.= '</users>';
echo $xml_return;
?>
</body>
</html>
　　（注意：这是在Dreamweaver cs3 中写的代码）根据你写代码的不同返回的结果不同
　　 需要说一下的是返回的是什么？
　　    返回的是一个对象为什么 event.result.html.body.users.a 呢？
　　首先可以确定的是 event.result这部分后面就要看情况了。
　　我们可以用event.message.body.toString() 看一下（结果如下）
　　Java代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>flex login</title>

</head>

<body>

<users><a><STRONG>ok</STRONG></a></users></body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flex login</title>
</head>

<body>
<users><a>ok</a></users></body>
</html>
　　所以要根据返回的结果的不同来分析event 到底是一个什么养的对象否则放回的结果永远是[object Object]
　　所以本例的处理函数为
　　Java代码

private function resultHandler(event:ResultEvent):void{

            Alert.show(event.result.html.body.users.a.toString());

        }

private function resultHandler(event:ResultEvent):void{
Alert.show(event.result.html.body.users.a.toString());
}
　　论坛上还有一个例子是只有php代码的<?php ?> 不知道event.result 后面怎么写的时候，可以尝试打印一下 event.message.body.toString() ；

账号		自动登录	找回密码
密码			立即注册

c++ size_t 和 int 的区别

HERE 使用 AWS EF 和 JFrog Artifactory 打

C++ 指针大全：从基础到进阶，一篇快速上手

wirelessnetview好用的无线分析工具

Red Hat RHCE 8 (EX294) Cert Guide

亿图图示专家(EDraw Max) V7.9 中文破解版

zabbix3.4.1安装部署+微信推送信息+大屏显

[经验分享] FLEX PHP 交互简单登录界面（1）源代码

扫码加入运维网微信交流群

[经验分享] FLEX PHP 交互 简单登录界面（1）源代码

[经验分享] FLEX PHP 交互简单登录界面（1）源代码