flex3+struts1.3 简单实现用户登录验证

简单实现一个用flex3+struts1.3用户登录验证的例子。至于flex的配置开发及其整合java ee开发的东西不多讲，参见baidu Google。

开发环境是:

eclipse3.3+myeclipse6.5

struts1.3

tomcat6.0

blazeds 说明一下主要是方便flex与后台数据进行调用通信

具体实现参考代码。

 

login.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12" backgroundColor="0xCCCCCC" layout="absolute" horizontalAlign="center" applicationComplete="init();" > <mx:Script> <!--[CDATA[ import mx.controls.Alert; private function init():void{ generate.text=generateCheckCode(); } //login identifying private function loginHandler():void{ if(user.text==""||pass.text==""){ Alert.show("请输入用户名或密码","警告"); } else{ if(user.text=="shane"&&pass.text=="shane" &&identify.text.toLowerCase()==generate.text.toLowerCase()){ Alert.show("登录成功","提示"); currentState="hollow"; } else{ if(identify.text.toLowerCase()!=generate.text.toLowerCase()){ Alert.show("验证码输入错误！","警告"); generate.text=generateCheckCode(); } else{ Alert.show("用户名或密码错误","警告"); } } } } //clear private function clearHandler():void{ user.text=pass.text=""; } //generate identifying coder private function generateCheckCode():String{ //init var num:Number; var code:String; var checkCode:String=""; //去掉注释就是英文数字混合了；现在是全数字。 for(var i:int=0;i<5;i++){ num=Math.round(Math.random()*100000); //if(num%2==0){ code=String.fromCharCode(48+(num%10)); //} //else{ //code=String.fromCharCode(65+(num%26)); //} checkCode +=code; } return checkCode; } private function checkvalue():void{ if(user.text=="" || pass.text==""){ Alert.show("请输入用户名或密码!","警告"); }else if(identify.text=="" || identify.text!=generate.text){ Alert.show("请输入验证码！","警告"); }else if(identify.text==generate.text && user.text!="" && pass.text!=""){ registrationRequest.send(); Alert.show("登录成功","提示"); }else{ Alert.show("登录失败","提示"); } } ]]--> </mx:Script> <mx:HTTPService id="registrationRequest" url="testStr.do" useProxy="false" showBusyCursor="true" fault="Alert.show('错误!', '警告');" resultFormat="e4x"/> <mx:Panel id="panel" x="25" y="0" width="350" height="229" layout="absolute" title="用户登录"> <mx:Button id="btnLogin" x="73" y="141" label="登录" click="checkvalue()"/> <mx:Button id="btnClear" x="167" y="141" label="清空" click="clearHandler()"/> <mx:Label x="32" y="33" text="用户名"/> <mx:Label x="44" y="64" text="密码"/> <mx:TextInput id="user" x="81" y="31"/> <mx:TextInput id="pass" x="81" y="62" displayAsPassword="true"/> <mx:Text x="32" y="100" text="验证码" /> <mx:TextInput x="81" y="98" width="69" id="identify"/> <mx:Label x="158" y="100" width="48" id="generate" click="generate.text=generateCheckCode()" toolTip="看不清就点我"/> <!--mx:Button x="234" y="100" text="看不清楚 换个~~" click="generateCheckCode()" width="66" height="43"/!--> </mx:Panel> <mx:states> <mx:State name="hollow"> <mx:RemoveChild target="{panel}"/> <mx:AddChild position="lastChild"> <mx:Label text="hollow marshane" x="0" y="200" fontSize="200" color="red"/> </mx:AddChild> </mx:State> </mx:states> </mx:Application>

TestStrAction.java

/* * Generated by MyEclipse Struts * Template path: templates/java/JavaClass.vtl */ package struts.action; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.struts.action.Action; import org.apache.struts.action.ActionForm; import org.apache.struts.action.ActionForward; import org.apache.struts.action.ActionMapping; /** * MyEclipse Struts * Creation date: 04-13-2009 * * XDoclet definition: * @struts.action validate="true" */ public class TestStrAction extends Action { /* * Generated Methods */ /** * Method execute * @param mapping * @param form * @param request * @param response * @return ActionForward */ public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { System.out.println("==========hello struts========="); return null; } }

这里主要说一下flex与服务器后台的通信方式

Flex 提供了三个类来与服务器通讯： HTTPService，RemoteObject 以及WebService。
HTTPService 类提供了使用超文本传输协议（HTTP）与服务器通讯的方式。一个Flex 应用
程序可以使用GET 或者POST 请求来发送数据到一个服务器并且处理这个请求返回的
XML 或者字符串。使用HTTPService 类，你可以与PHP 页面,ColdFusion 页面，JavaServer
页面（ jsp），Java servlet， Ruby onRails， 以及ASP 动态网页通讯。你可以使用RemoteObject
类通过AMF格式对象来和服务器通讯。RemoteObject也可以与Java 或者ColdFusion remoting
网关或者使用了开源项目的.NET 以及PHP 程序来通讯，开源项目包括AMFPHP，
SabreAMF 以及WebORB。WebService 类可以和使用web 服务描述语言（WSDL）所预先
定义接口的Web 服务通过XML 以及基于SOAP 的XML 来通讯。

效果如图：