`
ltoooooooo
  • 浏览: 76147 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[原创]FLEX PHP 交互 简单登录界面(1)源代码

    博客分类:
  • PHP
阅读更多

简单的不能再简单的flex 与 php 交互的 登录界面 (没有使用mysql)

 

主要是解决 httpService 的一些问题 代码在附件中 (本例用flex builder 3 和 Deamweaver cs3 完成 下载代码 配置你的服务器 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>

 (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

 

 <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

private function goLogin():void{
			login.send();
		}

然后点击登录 ,由httpservice 实例的.send()发送请求 (客户端的代码先告一段落)

 

下面是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>

 (注意:这是在Dreamweaver cs3 中写的代码)根据你写代码的不同返回的结果不同

  需要说一下的是返回的是什么?

    返回的是一个对象 为什么 event.result.html.body.users.a 呢?

    首先可以确定的是 event.result这部分后面就要看情况了。

    我们可以用event.message.body.toString() 看一下 (结果如下)

 

<!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]

  所以本例的处理函数为

private function resultHandler(event:ResultEvent):void{
			Alert.show(event.result.html.body.users.a.toString());
		}

 

  论坛上还有一个例子是只有php代码的<?php  ?> 不知道event.result 后面怎么写的时候 ,可以尝试打印一下 event.message.body.toString() ;

 

2
0
分享到:
评论

相关推荐

    flex源代码资料,一些flex源代码的例子

    flex源码资料,一些flex源代码的例子

    精通FLEX源代码08

    精通FLEX源代码,精通FLEX源代码精通FLEX源代码

    Flex源代码 Flexsource flex3源代码 flex3source

    Flex源代码 Flexsource flex3源代码 flex3source 不是反编译的源代码,带注释的源代码 你值得拥有!!! 参见博客:http://blog.csdn.net/wojiao555555/article/details/11650679

    flex 打印源代码

    flex 打印源代码

    C#与flex交互源代码

    在使用c#播放flex的swf文件时,想要从调用flex方法,或者希望从flex中调用到c#方法的话,看着我共享的教程文档和这里的源代码,很轻松就能学会了,话说自认为讲的很详细了,这个里面是C#端的代码和flex端的代码,...

    flex数据交互_方式

    flex数据交互_方式

    flex工作流程图+源代码

    flex工作流程图+源代码flex工作流程图+源代码

    flex4官方培训教材及培训源代码

    flex4的培训资料,flex4的官方培训培训教材在官方的每一个讲座后面附加了练习,并给出练习需的源代码:分为练习代码,练习完成后的代码,如果你在练习中有不清楚的地方,可以参考源代码,源代码中提供了详尽的资源,...

    Flex和java交互的示例代码

    Flex和java交互的示例代码,给出的Flex部分:前端界面和vo,后端Java部分,以及配置部分。注意:我直接用的JDBC连接MySql,且只做了数据显示,没有增修改删除。

    Flex登陆界面代码

    经将Flex登陆布局的草图设计出来了,Flex登陆界面代码如 图1所示(Flex登陆界面草图代码)演示如 例1(Flex登陆框草图列子演示)。相信大家应该从草图出来的那一刻开始,脑子就开始有想法了,^-^ 因为这个Flex登陆框...

    Flex和java交互的登录实例

    Flex和java交互的登录实例Flex和java交互的登录实例Flex和java交互的登录实例Flex和java交互的登录实例Flex和java交互的登录实例Flex和java交互的登录实例Flex和java交互的登录实例

    flex书店源代码运行

    flex书店源代码运行flex书店源代码运行flex书店源代码运行flex书店源代码运行

    Flex4实战源代码

    Flex4 实战 全部源代码 试过之后确实可以使用

    Flex4权威指南源代码

    Flex4权威指南的源代码。 flex4tfs.zip

    《FLEX第一步》 源代码

    本资源有完整的FLEX第一步光盘源代码,包括flex许多实例,其中还有不错的项目实例

    Flex3权威指南源代码

    Flex3权威指南随书源代码,FlexGrocer经典项目的源代码

    flex简易迷宫源代码

    极力推荐的初学者适用型程序源代码。欢迎下载。谢谢

    Flex和java交互搭建

    Flex和java交互搭建,新手可以用来练手,简单易懂

Global site tag (gtag.js) - Google Analytics