使用JSF和Javascript创建高级输入表单

引言

用于 WebSphere Software 版本 6 的 IBM Rational Application Developer (以后简称 Rational Application Developer)提供了一些组件,有助于创建复杂的输入表单,比如用户注册表单。这项技术称为 Input Assist。在设计的时候设置它,运行时它将生成辅助用户的组件。本文向您展示了创建用户注册表单的全过程。

本文假设您已经安装了 Rational Application Developer,具备使用 HTML 开发 Web 页面的经验,并且具备 Java 的基础知识。

创建 JavaServer Faces Web 项目

启动 Rational Application Developer 并且选择创建新工作空间。

切换到 Web 透视图。

打开 File 菜单并且创建一个新的 Dynamic Web Project。

指定项目名称(我命名为 mine userregisteration),然后单击 Finish。

一旦创建了项目,在 Project Explorer 视图中展开它。右键单击 WebContent 文件夹。选择创建新的 Faces JSP File。将其命名为 createnewuser.jsp。创建一个新用户时,将显示页面 createnewuser.jsp,让用户注册。

关闭 createnewuser.jsp。右键单击 WebContent 文件夹,然后选择创建新的 Faces JSP File。

将文件命名为 success.jsp。

关闭 success.jsp。用户注册成功后将重定向到 success.jsp 页面。

如同上两步做的那样,创建一个新的 Faces JSP Page 并将其命名为 failure.jsp。关闭该 jsp 文件。如果用户注册失败的话会重定向到 failure.jsp 页面。

您现在已经有了 Web 项目的框架,用来注册用户。下一步是创建一个数据库来存储用户信息。

创建用户注册数据库

在这部分中,我将向您说明怎么创建一个 Cloudscape 数据库,其中的一个表可以用来存储用户数据。

在开始前,下载 cloudscapedb.sql。

将文件导入到您的工作空间中,将其放在您当前项目的 WebContent 文件夹中。切换到 Data 透视图,然后转到 Database Explorer 视图下。

在视图中单击右键,然后选择创建 New Connection。选择 Choose a database manager and JDBC driver:

图 1:新建数据库连接对话框

时间: 2024-12-21 18:25:49

使用JSF和Javascript创建高级输入表单的相关文章

用JSP在客户端生成JavaScript代码来实现表单校验

javascript|js|客户端 今天费了一天时间就是做这个东西,原理很简单,就是用 JSP 在页面的开始部分生成一段代码,如 errorcheck.jsp 中所示,但程序太长,还是费了我不少时间来改写. 主程序是名为 ErrorCheck.java ,有了这个 ErrorCheck 的 Bean,我们就再也不用为了表单校验去写那一大堆烦人的 JavaScript 代码了.ErrorCheck 类已帮我们生成了几乎所有你将会用到的校验方法,如是否为数字,长度的校验,是否为合法email等,你只

js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现

 这篇文章主要介绍了js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现,需要的朋友可以参考下  代码如下: <script>  window.onload=function(){  upfile('file.php');  }      /*  ** url 路径  **/  function upfile(url){  //创建iframe  var iframe = document.createElement("iframe");  document.b

JavaScript常用的正则表达式表单验证代码_正则表达式

常用的正则表达式如下: 复制代码 代码如下: "^-?[1-9]\\d*$", //整数 "^[1-9]\\d*$", //正整数 "^-[1-9]\\d*$", //负整数 "^([+-]?)\\d*\\.?\\d+$", //数字 "^[1-9]\\d*|0$", //正数(正整数 + 0) "^-[1-9]\\d*|0$", //负数(负整数 + 0) "^([+-]?)

JavaScript常用的正则表达式表单验证代码

常用的正则表达式如下: 复制代码 代码如下: "^-?[1-9]\\d*$", //整数 "^[1-9]\\d*$", //正整数 "^-[1-9]\\d*$", //负整数 "^([+-]?)\\d*\\.?\\d+$", //数字 "^[1-9]\\d*|0$", //正数(正整数 + 0) "^-[1-9]\\d*|0$", //负数(负整数 + 0) "^([+-]?)

JavaScript获取网页支持表单字符集的方法

 JavaScript获取网页支持表单的字符集可通过表单的acceptCharset方法获得 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html> <body> <form id="frm1" accept-charset="ISO-8859-1"> First name: <input type="text" name="f

Myapps平台创建好的表单如何与后台数据库关联?

问题描述 Myapps平台创建好的表单如何与后台数据库关联? 解决方案 解决方案二:使用数据库驱动java里面有个sql类专门连接数据库的解决方案三:myapps,没了解过,如果像楼上所说的话,没有飞鸿ES2007用起来方便哦解决方案四:支持一下方正

Ajax+FormData+javascript实现无刷新表单信息提交_javascript技巧

原理: dom收集表单信息,利用FormData快速收集表单信息 ,实例化表单数据对象 同时收集fm的表单域信息. var fd = new FormData(fm); //实例化对象 alert(fd); fd对象内部有收集的form表单域信息 ajax传递表单信息 1.静态显示页面代码 <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="t

javascript实现自动填写表单实例简析_javascript技巧

本文实例讲述了javascript实现自动填写表单的方法.分享给大家供大家参考,具体如下: 在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的信息准备好,然后模拟点击按钮的动作,自动提交表单,轻松且高效. 步骤 1. 找到页面中对应的form,把form中所需的html控件列出来,如 <form name="customersForm" id="myform" method="

怎么在javascript里让struts表单提交

问题描述 怎么在javascript里让struts表单提交 解决方案 解决方案二:with(document.getElementById("formName")){method="post";action="<%=path%>/Action.do?action=";submit();}指定好路径就行了解决方案三:<script>document.getElementByName('form_name').submit(