- 浏览: 959013 次
- 性别:
- 来自: 珠海
文章分类
最新评论
-
Yunjey:
Yunjey 写道这样子的话、grid中的editable如何 ...
Flex创建可编辑以及分页的DataGrid -
Yunjey:
这样子的话、grid中的editable如何设置啊?!
Flex创建可编辑以及分页的DataGrid -
di1984HIT:
写的很好~~
JCalendar组件 -
sanny81:
此文真棒!感谢一路风尘的奉献!
但我有一疑 ...
Filter发送自定义数据详解 -
umgsai:
求完整demo umgsai@126.com
Flex和Jsp创建用户登入系统
在开始之前我们先来看下效果:【userName==password都是test】
这个例子中出了使用Flex与JSP验证用户登入之外呢,另外一个看点就是登入之后配合了states使用的resize效果来展示用户正确登入后的界面。
本文是根据Viper Creaitons中的Create a Login System with Flex and PHP 例子上把后台的php更改成JSP来实现的。【理由很简单,我不会PHP 】,后台数据的验证的方法是采用HttpService的,至于前台的参数传递使用的是<mx:Request>方式。网上找了下,还有一种方法是使用URLVariables对象。具体参考:http://blog.csdn.net/cjd007/archive/2007/05/25/1625823.aspx 。
先来看前台UserLogin.mxml
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:states> <mx:State name="Logged In"> <mx:SetProperty target="{panel1}" name="width" value="95%"/> <mx:SetProperty target="{panel1}" name="height" value="95%"/> <mx:RemoveChild target="{password}"/> <mx:RemoveChild target="{username}"/> <mx:RemoveChild target="{label1}"/> <mx:RemoveChild target="{Submit}"/> <mx:RemoveChild target="{label2}"/> <mx:SetProperty target="{panel1}" name="title" value="Today is Present"/> <mx:AddChild relativeTo="{panel1}" position="lastChild"> <mx:Label x="10" y="10" text="Today is a gift"/> </mx:AddChild> <mx:AddChild relativeTo="{panel1}" position="lastChild"> <mx:Label x="10" y="36" text="That's way we call it the present!"/> </mx:AddChild> <mx:AddChild relativeTo="{panel1}" position="lastChild"> <mx:Label x="10" y="62" text="Liceven"/> </mx:AddChild> </mx:State> </mx:states> <mx:Script> <![CDATA[ import mx.rpc.events.ResultEvent; ]]> </mx:Script> <mx:Script> <![CDATA[ private function checkLogin(evt:ResultEvent):void { if(evt.result.loginResult == "yes") { currentState = "Logged In"; } if(evt.result.loginResult == "no") { mx.controls.Alert.show('Invalid username/password'); } } ]]> </mx:Script> <mx:HTTPService id="login_user" result="checkLogin(event)" showBusyCursor="true" method="POST" url="http://localhost:8080/UserLogin/loginCheck.jsp" useProxy="false"> <mx:request xmlns=""> <username> {username.text} </username> <password> {password.text} </password> </mx:request> </mx:HTTPService> <mx:Panel resizeEffect="Resize" width="250" height="200" layout="absolute" title="Login System" horizontalCenter="0" verticalCenter="-2" id="panel1"> <mx:Label x="10" y="10" text="Username:" id="label1"/> <mx:TextInput x="10" y="36" id="username"/> <mx:Label x="10" y="66" text="Password:" id="label2"/> <mx:TextInput x="10" y="92" id="password" displayAsPassword="true"/> <mx:Button x="10" y="122" label="Submit" id="Submit" click="login_user.send();"/> </mx:Panel> </mx:Application>
下面是后台loginCheck.jsp
<% response.setContentType("text/xml"); out.println("<?xml version=\"1.0\" encoding=\"utf-8\"?>"); String userName = request.getParameter("username"); String password = request.getParameter("password"); //Here we do a simple checking to make sure userName equals to password //and then outprints yes or not String loginResult = "<loginResult>"; if (userName.equals(password)) { loginResult += "yes"; } else { loginResult += "no"; } loginResult += "</loginResult>"; out.println(loginResult); %>
我的实现很简单,只要判断用户名和密码是否一样就可以了。其实这里可以自己实现数据库的连接,然后来判断用户资料的正确与否比较使用。有时间在完善吧。先这样。
评论
3 楼
umgsai
2013-09-03
求完整demo umgsai@126.com
2 楼
czwlucky
2009-02-18
我把你的swf下载到本地还可以正常登录,可是我做另外一个例子时发现报安全沙箱,不知道楼主遇到过没,能为我解答下吗?
1 楼
piziwang
2008-12-03
非常好,正式我一直在找的flex登录跳转功能,
太感谢了!
太感谢了!
发表评论
-
Rounded Colorized Image Borders
2009-05-16 22:24 1047This week I ran across a really ... -
Flex使用自定义皮肤和字体
2009-03-29 14:57 4188首先介绍两个Flex皮肤网站: 1. Skins and Th ... -
Flex--XML转换成ArrayCollection
2009-03-28 23:24 9578xml数据: <?xml version="1 ... -
Flex使用弹出窗口为DataGrid添加新数据
2009-03-28 21:01 2593经常在Demo中会看到列表,表格等方式来显示数据。当然有时候也 ... -
关于Flex使用Blazeds连接Java后台的一个注意笔记
2009-03-24 16:49 2183今天在做Flex程序测试的时候,发现之前可以通过Blazeds ... -
Flex-设置DataGrid被选择行的风格
2009-03-22 20:54 7170这里例子将展示如何使用用户自定义的item renderer来 ... -
Flex使用JSON格式与Java通信
2009-03-22 00:09 7284在使用Flex,Java,Json更新Mysql数据【高级篇】 ... -
Flex--主程序与弹出窗口之间传递数据
2009-03-20 23:08 2620主程序:TitleWindowDataTest.mxml & ... -
Flex中显示手型鼠标
2009-03-06 21:40 5184有些时候,我们需要在Flex组件上--Label或者Butto ... -
Flex与JSON及XML的互操作
2009-03-01 17:18 1857作者 Jack Herrington 译者 张凯 ... -
Flex代码格式化插件
2009-03-01 16:52 2713在7Yue 那里看到这个轻巧实用的Eclipse插件,它可以 ... -
Flex-CUBlog排行榜解析
2008-07-29 20:55 1924不知道为什么一直有一个想法把CUBlog排行榜的数据提取出来放 ... -
使用Flex,Java,Json更新Mysql数据【高级篇】
2008-06-24 20:21 5789前面已经介绍如何使用Flex,java,json来更新dat ... -
Flex+Java Servlet文件上传实例
2008-06-23 21:05 20213资源都是来自网上。本实例将展示使用Flex和java serv ... -
Flex中嵌入Google地图
2008-06-18 22:29 5934在我们开始之前,先来看一个例子:http://scriptpl ... -
Flex程序发布
2008-06-17 23:32 3976当你写好了一个Flex程序,想要按照某种方式发布。比如我们在 ... -
Flex自定义Alert窗口显示位置
2008-06-16 18:25 6276好像Flex3也没有找到可以直接使用的(x,y)的方法来指定A ... -
Flex支持滑轮滚动
2008-06-16 18:23 3400有些时候需要在Flex界面中支持鼠标的滑轮滚动功能,比如通过滑 ... -
Flex实现简单的Email发送
2008-06-14 16:35 4255本文主要介绍和实现怎么使用Flex-java来实现Em ... -
Flex创建可编辑以及分页的DataGrid
2008-06-13 16:32 14806之前那篇文章:使用Flex,Java,Json更新Mys ...
相关推荐
利用Flex和PHP创建网站视频发布系统.doc利用Flex和PHP创建网站视频发布系统.doc利用Flex和PHP创建网站视频发布系统.doc利用Flex和PHP创建网站视频发布系统.doc利用Flex和PHP创建网站视频发布系统.doc利用Flex和PHP...
Jsp嵌入Flex 、Jsp Flash报表实现源码 精华 jsp与flex报表结合
flex嵌入jsp所需要的所有jar包,拷贝到项目对应的目录即可完成flex与jsp的整合
Flex+JSP Web应用开发实战详解 p1
Flex+JSP Web应用开发实战详解-源代码.part4(共5)
flex与jsp结合使用,可以让您更好的学习和使用flex,欢迎大家提出宝贵意见,大家共同学习和进步~~
FlexModule_j2ee Flex 与JSP 整合用的.jar 文件 Jsp 中引用Flex 标签
《Flex和jsp整合实践》一文中的源代码,纯原创。
解决了Flex中通过Ifram框架整合JSP中 flex页面被遮盖的问题
Flex+JSP Web应用开发实战详解-源代码.part1(共5)
网上有很多jsp+flex整合的例子,很多都不能用,自己琢磨了下,整合好了。直接拷贝就能用。想学习的话研究下web.xml的写法,关键是里面通过xml找到flex.xml
Flex+JSP Web应用开发实战详解-源代码.part5(共5)
flex嵌入JSP页面被遮挡的问题描述,试用代码
flex 嵌入到jsp页面
Flex For JSP.jar
很好的解决了flex通过Ifram框架嵌入JSP后JSP页面遮盖flex元素的问题
FLEX 和PHP创建网站视频发布系统
Flex与JSP通信包,这里面是一个包文件
FLEX通过JSP与数据库交互的方法 解决了flex无法直接和数据库联系的问题
flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...