MyEclipse开发JSF之创建JSP页面浅析

开发 后端
MyEclipse开发JSF中是如何创建JSP页面的呢?,这篇文章将给你逐一介绍MyEclipse开发JSF之创建JSP页面方面的情况。

MyEclipse开发JSF中创建两个JSP页面,一个是用户登录的页面,另一个是表明登录成功的页面.这两个页面各自为loginUser.jsp和 loginUserSuccess.jsp,为了使应用程序简单,如果登录出现异常,我们将返回loginUser.jsp页面,并没有增加任何验证.我们可以通过faces-config.xml文件来创建JSP页面.点击如图所示的JSP按钮来创建userLogin.jsp页面,出现JSP建立向导.

MyEclipse开发JSF1 

MyEclipse开发JSF图1

Figure 5.1: Creating userLogin.jsp using the faces-config.xml editor

以同样的方式来创建userLoginSuccess.jsp页面

MyEclipse开发JSF2 

MyEclipse开发JSF图2

Figure 5.2: Creating userLoginSuccess.jsp using the faces-config.xml editor

接下来编辑userLogin.jsp页面

MyEclipse开发JSF3 

MyEclipse开发JSF图3

Figure 5.3: Begin editing the userLogin.jsp page

MyEclipse JSP Designer可以采用Source 方式, Design 方式, Design/Source 方式来编辑JSP文件.在这个Demo中采用Design/Source方式,如图:

MyEclipse开发JSF4 

MyEclipse开发JSF图4

Figure 5.4: Switched to Design/Source mode and expanded JSF palettes

接下来我们需要在页面中添加如下代码:

为用户名增加h:inputText组件

为密码增加h:inputSecret组件

增加用户名输入框h:outputLabel

增加密码输入框h:outputLabel

同时页面要使用我们自己的MessageBundle.

MyEclipse开发JSF5 

MyEclipse开发JSF图5

Figure 5.5: Remove template text and add our MessageBundle to the JSP page

MyEclipse开发JSF中创建JSP页面的基本情况就介绍到这里,之后我们将继续介绍MyEclipse开发JSF中的步骤情况。

【编辑推荐】

  1. MyEclipse开发Struts配置测试浅析
  2. Myeclipse、Eclipse代码提示功能设置浅析
  3. MyEclipse与Eclipse介绍浅析
  4. MyEclipse开发JSF之创建工程浅析
  5. MyEclipse开发JSF之创建Managed Beans浅析
责任编辑:仲衡 来源: 搜狐IT
相关推荐

2009-07-14 16:25:04

MyEclipse开发

2009-07-14 16:07:46

MyEclipse开发

2009-07-14 14:48:37

MyEclipse开发

2009-07-14 15:31:26

MyEclipse开发

2009-07-14 16:40:31

MyEclipse开发

2009-07-14 10:47:47

MyEclipse J

2009-07-02 11:34:42

JSP指令JSP开发

2009-07-14 13:55:24

MyEclipse S

2009-07-03 17:48:34

JSP页面翻译

2009-07-09 18:16:33

MyEclipse优化

2009-07-14 13:14:13

2009-07-03 14:46:42

JSP开发框架JSFTapestry

2009-07-01 18:50:29

Dreamweaver

2009-07-10 17:47:47

MyEclipse打包

2009-06-26 11:15:08

JSF入手JSP

2009-06-23 09:33:20

FCKEditorJSFJSP

2009-07-02 10:51:21

脚本编程JSP开发

2009-07-03 14:41:03

2009-07-14 11:34:42

MyEclipse断点JavaScript

2009-07-15 14:21:03

MyEclipse S
点赞
收藏

51CTO技术栈公众号