开发环境:
jdk5.0
eclipse3.0.1
myeclipse3.84
tomcat5.0.28
简介:
文本主要介绍用myeclipse的struts designer(图形化开发环境)开发一个简单的用户登录程序片段。
主要包括2个jsp文件、一个ActionForm、一个Action等其它
userLogin.jsp(用户登录及错误提示页面) userLoginSuccess.jsp(提示登录成功页面)
UserLoginForm.java(ActionForm,存放用户提交信息)
UserLoginAction.java(Action,简单的处理用户登录事件)
开始吧
首先我们先建立一个j2ee的web project.如图1:
现在就来开始我们的例子吧。
打开struts-config.xml文件,点击这个界面左下角的Design进入可视化设计界面。有没有注意右边的Palette :) 点击它,让我们来开始我们的jsp页面设计。我们先建立userLoginSuccess.jsp文件,为啥先建这一个呢?等下就知道了,在myeclipse中可以一次性把我们的Action,ActionForm,Jsp文件一次建好(将三个有关联的文件等下创建)。
点击Palette面版上的创建JSP文件图标,弹出创建JSP文件面板。图4:
在File Name里输入userLoginSuccess.jsp,Template to use选择2] Standard JSP using Struts 1.1,点击Finish完成。
完成后,struts-config.xml文件自动被更新,可视化界在上也出现了刚新建的JSP模块。新建的jsp文件也被打开了。
将所有<!--taglib ..-->替换为:
<!--taglib uri="/WEB-INF/struts-html.tld" prefix="html-->
<!--taglib uri="/WEB-INF/struts-bean.tld" prefix="bean-->
<!--taglib uri="/WEB-INF/struts-logic.tld" prefix="logic-->
然后在中添加:
Hello <write scope="request" name="userName"></write>.
<base>
在Optional Details的Form Properties选项卡,点add为这个ActionForm添加相关值,在这个登录示例中,将添加两个属性userName和password,图6:
在添加password时,注意将JSP input type 下拉框选择password.
完成这步后,我们就将ActionForm设计完成。
接下来选择 Optional Details的JSP选项卡,我们选中Create JSP form? 这一步myeclipse将为我们创建一个简单的与用户交互的登录页面。保持内容和图7一样。图7:
因为我们这只是简单的演示一个登录片段,所以不用验证用户信息是否合法,所以将 Option Details的method选项卡的新建方法去掉,如图8:
点Next,进入Action选项面板.将Option Details的Form选项卡中Validate Form取消选择,如图9:
然后在Forwards选项卡中点add添加成功和失败返回的页面.如图10:
点击Finish完成。在Struts-config.xml的Design中,可以看到图11所示:
最后,简单的修改一下userLogin.jsp,将所有<!--taglib ..-->替换为:
<!--taglib uri="/WEB-INF/struts-html.tld" prefix="html-->
<!--taglib uri="/WEB-INF/struts-bean.tld" prefix="bean-->
<!--taglib uri="/WEB-INF/struts-logic.tld" prefix="logic--> <!--taglib uri="/WEB-INF/struts-html.tld" prefix="html--> <!--taglib uri="/WEB-INF/struts-bean.tld" prefix="bean-->
修改UserLoginAction中的execute片段为如下所示,图12:
OK,完成。。。下面就部暑项目,测试。。。
像为项目添加Struts框架一样,在项目名上右击,选择MyEclipse --> Add and Remove Project development.
在弹出对话框上,单击add ,在弹出的 New Deployment 对话框上,Server选Tomcat5,点击Finish完成部署,如图13:
在用浏览器上打开:http://127.0.0.1:8080/LoginDemo/userLogin.jsp
输入密码123456,用户名EricHe。显示成功:
如果输错,或不输入,则无反映又回到当前登录页面(因为我们没有设置错误信息)。