Rumah > pangkalan data > tutorial mysql > NetBeans下构建操作数据库行的Web应用程序(一)

NetBeans下构建操作数据库行的Web应用程序(一)

WBOY
Lepaskan: 2016-06-07 15:41:32
asal
1474 orang telah melayarinya

本教程介绍了如何使用具备 Web 功能的 NetBeans IDE 构建一个可以创建、检索、更新和删除数据库行的 Web 应用程序。该应用程序提供一个主数据的下拉列表以及一个同步的详细信息表。该 应用程序的用户可以在详细信息表及其关联数据库中添加、更新和删除记录。

本教程介绍了如何使用具备Web功能的NetBeans IDE构建一个可以创建、检索、更新和删除数据库行的Web应用程序。该应用程序提供一个主数据的下拉列表以及一个同步的详细信息表。该 应用程序的用户可以在详细信息表及其关联数据库中添加、更新和删除记录。

本教程使用了其他基础教程中介绍的一些概念。如果您不具备 IDE 及其设计组件的基本知识,可以考虑首先阅读一些入门教程,比如Visual Web JSF应用程序开发入门使用Databound组件访问数据库

预计时间:45分钟

目录

-       创建项目

-       添加插入功能

-       修改页面以保存行集

-       添加删除功能

-       添加恢复功能

-       结束语

本教程将使用以下技术和资源

JavaServer Faces组件/
Java EE
平台

1.2/Java EE 5*
1.1/J2EE 1.4

Travel 数据库

必需

* 为了利用NetBeans IDEJava EE 5功能,可以使用完全与Java EE 5规范兼容的应用程序服务器,比如Sun Java Application Server 9/GlassFish

本教程专门适用于GlassFish v2应用程序服务器。如果您使用的是其他服务器,请参考发行说明常见问题解答了解已知问题和解决方法。有关支持的服务器和Java EE平台的详细信息,请参阅发行说明

创建项目

在本教程中,我们将创建一个单页的Web应用程序。您可以先从设计页面布局入手,该页面包含一个人名及其相应的行程,

设计页面

1.   创建一个名为<span>InsertUpdateDelete</span>的新Web应用程序,该程序使用Visual Web JavaServer Faces框架。该应用程序的Page1.jsp文件会在Visual Designer中打开。

2.   PaletteBasic区域拖动一个Drop Down List组件到页面的左上角。在Properties窗口中,将其<span>id</span>属性更改为<span>personDD</span>

3.  Basic Palette中拖动一个Message Group组件到页面中,并将其放置在下拉列表的右侧。

Message Group组件可用来显示验证错误和转换错误,并且可以显示由<span>info</span><span>error</span>方法写入到Java Server Faces上下文的消息。如果需要调试项目,这些消息将会非常有用。

4.   将一个Table组件放置在这两个组件的下方。

配置下拉列表

1.  打开Services窗口,展开Databases节点,连接到Travel数据库。

如果TRAVEL数据库的jdbc节点标记显示为连接中断 ,并且无法展开该节点,则表明IDE未连接到该数据库。要连接TRAVEL数据库,请右键单击TRAVEL数据库的jdbc节点,然后从弹出菜单中选择Connect 选项。如果出现Connect对话框,请输入<span>travel</span>作为口令,选中Remember Password,然后单击OK按钮。如果看不到TRAVEL数据库的jdbc节点,请参见NetBeans数据库连接常见问题解答了解如何为IDE提供可用的数据库。 注意:如果您使用的是Apache Tomcat,请将<span>derbyClient.jar</span>文件复制到<span><tomcat_install>/common/lib</tomcat_install></span>目录,然后再尝试连接数据库。

2.  展开TRAVEL数据库的jdbc节点,然后展开Tables节点。

注意:在本教程的其余部分中,我们将TRAVEL数据库的jdbc节点称为Travel节点。

3.  PERSON节点拖动到Visual Designer中的下拉列表上。

Navigator窗口的Page1部分中将显示personDataProvider 点,SessionBean1部分中将显示personRowSet节点。

4.  右键单击Drop Down List组件,并从弹出菜单中选择Auto-Submit on Change选项。

此设置使得每当您从列表中选择新值时,就会将该页面发送到服务器。

5.  右键单击该下拉列表,并从弹出菜单中选择Configure Virtual Forms选项。

在出现的对话框中,请注意<span>personDD</span>显示在窗口的左上角,这表明下拉列表已被选定。

6.  单击New按钮并在Name列中键入<span>person</span>。双击Participate列下面的字段,将其设置为<span>Yes</span>,然后对Submit列执行同样的操作,

通过使用虚拟表单,应用程序可避免对Table中的数据进行不必要的验证。

7.   单击OK按钮。

8.  单击Visual Designer工具栏中的Show Virtual Forms按钮 通过查看虚拟表单,您可以查看Visual Designer中的组件与您已经配置的任何虚拟表单之间的关系。

配置表

1.    Services窗口中的Travel > Tables > TRIP节点拖动到Visual Designer中的Table组件上。

如果提示选择接收该节点的目标组件,则选择table1并单击OK按钮。

2.    右键单击Table并从弹出菜单中选择Table Layout选项。

Table Layout对话框会显示您刚创建的tripDataProvider中可用的字段,并允许您控制要在表中显示哪些字段。

3.    使用按钮从右侧的Selected列表中删除TRIP.TRIPIDTRIP.PERSONIDTRIP.LASTUPDATED

4.     单击Options选项卡,将Title 改为<span><font face="宋体">Trips</font></span> <span>Summary</span>,然后单击OK按钮。

5.    现在,可视设计器中的Table组件应如下图所示。注意:如果未按下图顺序显示各列,可通过重新打开Table Layout对话框,单击Columns选项卡,并使用UpDown按钮来重新排列它们。

6.             Navigator窗口中,右键单击SessionBean1下面的tripRowSet,并从弹出菜单中选择Edit SQL Statement选项。

这将打开SQL Query Editor

7.  在窗口中心附近的网格区域,右键单击PERSONID行并选择Add Query Criteria选项,8.  Add Query Criteria对话框中,将Comparison下拉菜单设置为<span>=Equals</span>并选择Parameter单选按钮,然后单击OK按钮。


字符“=?”将出现在PERSONIDCriteria字段中,并且条件“WHERE TRAVEL.TRIP.PERSONID=?”会出现在编辑器底部的SQL窗格中的SQL语句的结尾。

9.   关闭tripRowSetSQL编辑器。

更改Column组件

现在,将列内容更改为可编辑的字段,以准备实现将新行程插入到数据库中的功能。执行此操作时,可通过在Table组件中嵌套其他组件以利用其复合特性。

1.              右键单击Table组件并选择Table Layout选项。

将打开Table Layout对话框。

2.              Columns选项卡中,从右侧的Selected列表中选择TRIP.DEPDATE。在对话框底部的Column Details区域,将Component TypeStatic Text更改为Text Field,如下图所示,然后单击Apply按钮。

3.               TRIP.DEPCITYTRIP.DESTCITY执行同样的操作。

4.               Selected列表中选择TRIP.TRIPTYPEID,并将Component TypeStatic Text更改为Drop Down List

5.               单击OK按钮。

6.              Travel > Tables > TRIPTYPE节点拖放到Table组件中的Drop Down List上。如果Choose Target对话框打开,选择dropDown1选项并单击OK按钮。

此操作将创建 <span>triptypeDataProvider</span>

为表配置虚拟表单

接下来,为表中的输入组件创建一个虚拟表单。通过使用虚拟表单,可以确保在更改personDD下拉列表后提交此页时,不会对输入组件进行验证和转换。用户无论何时从下拉列表中选择新人员,都会在表中显示正确的信息。

1.               Visual Designer中,按住Ctrl键的同时在表中单击,以选择包含文本字段的三个列中的三个Text Field组件以及TRIPTYPEID列中的Drop Down List组件。

2.               右键单击其中一个选定的组件,并从弹出菜单中选择Configure Virtual Forms

3.               Configure Virtual Forms对话框中,请确保窗口的左上角列出了三个Text FieldDrop Down List。如果未按下图所示的方式列出这些内容,请 关闭对话框,重新选择它们,然后再试一次。如果已正确列出这些内容,则单击New按钮。

4.              将新虚拟表单的名称更改为<span>save</span>,将Participate设置更改为Yes

添加事件和初始化代码

现在,将personDD personDD Drop Down ListTable组件关联起来,以实现以下行为:当用户从列表中选择某人时,表中则会显示出此人的行程。

1.               双击personDD Drop Down List以创建一个值更改事件方法,并在该方法上打开Java Editor

2.              personDD_processValueChange方法中,添加Code Sample 1中的粗体文本,然后按下Alt-Shift-F组合键以重新设置代码格式。

代码示例 1:下拉列表事件处理程序

<span><font face="宋体"><span>   </span>public void personDD_processValueChange(ValueChangeEvent event) {<strong><p></p></strong></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>       </span>Object selectedPersonId = personDD.getSelected();<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>       </span>try {<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>  </span><span>         </span>personDataProvider.setCursorRow(<br>
<span>                   </span>personDataProvider.findFirst("PERSON.PERSONID",<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>                                  </span>selectedPersonId));<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>getSessionBean1().getTripRowSet().setObject(1, selectedPersonId);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>tripDataProvider.refresh();<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>form1.discardSubmittedValues("save");<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>       </span>} catch (Exception e) {<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>error("Cannot switch to person " + selectedPersonId);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>log("Cannot switch to person " + selectedPersonId, e);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>       </span>}<p></p></font></span>
Salin selepas log masuk
Salin selepas log masuk
<span><font face="宋体"><span>   </span>}<p></p></font></span>
Salin selepas log masuk
Salin selepas log masuk

 

3.              位于<span>try</span>子句结尾处的<span>form1.discardSubmittedValues("save")</span>语句可确保每当用户从下拉列表中选择新的人员时,将使用与所选人员相关的新信息替换表中所显示的当前行程信息。注意表格中显示旅程信息的所有用户界面元素都参与名为 <span>save</span> 的虚拟表单。

4.              另外,该事件处理器不会抛出异常。而是把它们记录到<span>server.log</span>文件。该事件处理器也会调用<span>error</span>方法,当出现错误时,该方法会在Message Group组件中显示一条错误消息。

5.              Java源代码中滚动至<span>prerender</span>方法,或者(如果您愿意)使用Ctrl-F查找<span>prerender</span>。将下面以粗体显示的代码添加到该方法中。

代码示例 2Prerender 方法

<span><font face="宋体">public void prerender() {<strong><p></p></strong></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>       </span>if ( personDD.getSelected() == null ) {<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>Object firstPersonId = null;<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>try {<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>               </span>personDataProvider.cursorFirst();<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>        </span><span>       </span>firstPersonId = personDataProvider.getValue("PERSON.PERSONID");<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>               </span>personDD.setSelected(firstPersonId);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>               </span>getSessionBean1().getTripRowSet().setObject(<br>
<span>                       </span>1, firstPersonId);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>               </span>tripDataProvider.refresh();<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>} catch (Exception e) {<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>               </span>error("Cannot switch to person " +<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>                       </span>firstPersonId);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>               </span>log("Cannot switch to person " +<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>                       </span>firstPersonId, e);<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>           </span>}<p></p></font></span>
Salin selepas log masuk
<span><font face="宋体"><span>       </span>}<p></p></font></span>
Salin selepas log masuk
Salin selepas log masuk
<span><font face="宋体"><span>   </span>}<p></p></font></span>
Salin selepas log masuk
Salin selepas log masuk

6.               Java Editor中单击右键,然后选择Format以使代码正确对齐。

 
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan