Flex4的HelloWorld:用户登录

    最近刚刚接触到Flex的项目,在网上看了些教程,随手写了个登录的例子,不求甚解,只是做个代码经验的积累..大牛们就不要笑了......

 

    ok,新建一个Asp.Net MVC 2 Web 应用程序,创建一个控制器LoginController,在Global.asax中把默认路由的控制器指向这个控制器,

routes.MapRoute( "Default", // 路由名称 "{controller}/{action}/{id}", // 带有参数的 URL new { controller = "Login", action = "Index", id = UrlParameter.Optional } // 参数默认值 );

在控制器中写一个关于登录验证的方法DoLogin,添加LinqToSql类的过程不讲了~~~,表结构如下,很简单

查询用户名密码的代码:

public bool DoLogin(string username, string password) { UserLoginDataContext context = new UserLoginDataContext(); int result = (from c in context.GetTable<LogInfo>() where c.UserName == username && c.UserPass == password select c).Count(); if (result > 0) { return true; } return false; }

这样后台的代码就写好了.运行下项目,记住项目的地址,这里是http://localhost:7504/Login.

 

下面编写Flex的代码.打开Flash Builder4，新建一个Flex项目,其中第一个选项卡的设置如下

下一步,选择"使用ASP.NET Development Server"选项

下一步

 

 

完成后在Login.mxml的设计模式中拖几个控件,完成一个简单的登录窗体

 

 

在这个例子里.我采取的是使用HttpService方式与后台通讯.所以在Declarations标签里添加如下代码

<s:HTTPService id="loginService" url="http://localhost:7504/Login/DoLogin" result="GetResult(event)"><s:request xmlns=""><username>{txtUsername.text}</username> <password>{txtPassword.text}</password> </s:request></s:HTTPService>

其中,为httpservice定义了一个id,后边会用到,url是要发送的地址,url里的Login对应控制器,而DoLogin就是刚才写的那个方法,

result是回调函数,username和password两个标签里的分别是两个文本框内的值,标签就是要传到后台的参数名,跟刚才后台写的那个方法中的两个参数名相同

当登录按钮被点击时,触发事件向后台传递消息

<s:Button label="登陆" id="btnLogin" click="DoLogin()"/>

public function DoLogin():void{loginService.send();}

这里loginService就是刚才httpservice的id

后台处理完成后会调用回调函数GetResult

import mx.rpc.events.ResultEvent;import mx.controls.Alert;public function GetResult(event:ResultEvent):void{if(event.result){Alert.show("登陆成功");}else{Alert.show("登陆失败,用户名密码不正确!");}} 

好了这样一个Flex4+Asp.Net的登录HelloWorld就完成了~~~