JBuilder2005实际JSP登录页面实现代码[图]

通过文件->新建双击JSP图标.-> web->，弹出创建JSP向导对话框，如下图：。

图3通过向导创建login.jsp网络模块：如果一个项目中有多个网络模块，您可以在这里指定JSP应该加入的网络模块。因为我们的项目中只有一个网络模块，所以向导默认将它设置为网络模块。名称：键入jsp文件名，您可以键入。JSP后缀，或者您可以简单地键入登录而不写后缀。选中生成示例bean选项后，JBuilder将生成一个示例Bean，并将其引入JSP。对于初学者来说，您可以使用这个选项来查看JSP如何引用Bean，并且生成错误页面选项将自动为JSP创建一个匹配的错误处理JSP文件，因此我们在这里不检查它们。直接单击“完成”创建login.jsp，login.jsp文件将出现在内容窗格的编译器中，如下图所示：。

图4向导创建的JSP文件JSP编译窗口的左右两边有一个可以传递的窗口。

和

按钮控件的垂直列，左边一列是放置JSP标签和HTML标签的面板。您可以像在可视化用户界面设计器中一样，将各种标签拖放到JSP文件中。在上图中，我们从面板中选择表单的HTML标签，并将它们放在login.jsp文件中。右边垂直一栏是JSP文件中当前光标所在标签的属性编译器，如下图所示：。

图5设置JSP标签属性编辑器属性编辑器是动态的。当光标移动到不同的标签时，属性编辑器将显示该标签的所有可设置属性。上图对应HTML表单标签的属性编辑器。我们将其动作属性设置为switch.jsp，并指定通过POST发送请求数据。我们在login提供了用户名下拉框、密码输入框和登录提交按钮，代码如下：代码清单4 login.jsp复制代码如下：% @ page content Type=' text/html；charset=GBK ' % html head title log in/title/head body bgcolor=' # FFFF ' Form Name=' Form 1 ' Method=' Post ' Action=' switch . JSP '用户名：Select Name=' UserID '选项值=' ' Selected-log in User-/Option Option Value=' 100000 '姜子牙/Option value=' 100001 '鲍舒雅option value=' 100002 '竖齿/option/Select密语：输入名称=' password' type=' password '输入类型='网页表单提交后，这些组件的数据会被发送到HTTP协议中action属性指定的JSP文件中进行处理。表格的数据一般采用POST的方式发送，对数据大小没有限制，保密性更强。login.jsp的效果页面如下图所示：。

图6在login.jsp中进入页面的实际体验：jsp文件代码包括静态和动态两部分，即一部分是HTML代码，另一部分是JSP标签和Scriptlet代码。一般来说，JSP是一个动态逻辑网页。JBuilder非常支持JSP标签和Scriptlet。可以使用CodeInsight、TagInsight等工具快速正确地完成编码，同时可以编译调试JSP。在JSP静态HTML代码编写和可视化设计上，JBuilder似乎有所不足，Dreamweaver在静态代码和可视化设计上明显优于JBuilder。事物的复杂促进分工，分工的精细促进专业发展。写JSP的时候，并不是一旦有了JBuilder，就没有什么可要求的了。韩信是个好兵，萧何是个好阴谋家。如果能把Dreamweaver和JBuilder结合起来，就可以用Dreamweaver开发JSP的可视化部分，用JBuilder开发JSP的动态代码部分。将用户列表更改为当前创建的动态login.jsp存在缺陷。假设将其他用户添加到数据库后台表T_USER时，由于用户名下拉框是静态代码，新创建的用户不会出现在页面上。因此需要将用户名列表改为动态代码，利用数据库表T_USER的记录动态生成下拉框的数据。我们通过UserList.ava类完成这项工作，并在项目中创建一个UserList.ava。代码如下：代码清单5 UserList.java文案代码如下：包书店；导入Java . SQL . *；公共类UserList {//获取HTML下拉框公共静态字符串getuserlisthtml(){ connectionconn=null；StringBuffer sBuf=new StringBuffer()；尝试{ conn=DBconnection . GetConnection()；PreparedStatement pStat=conn . PreparedStatement('从T_USER中选择USER_ID、USER _ NAME ')；ResultSet RS=pstat . execute query()；while(RS . next()){ sbuf . append(' ' RS . getstring(' USER _ NAME ')' \ n ')；}返回sbuf . tostring()；} catch(SQLException ex){ ex . printstacktrace()；返回“”；}最后{尝试{ if (conn！=null){ conn . close()；conn=null} } catch(sqlexception ex 1){ } } UserList.java只提供了一个静态的getUserListHTML()方法，从后台数据库的T_USER表中获取用户记录，生成HTML的select组件的选项代码，如第16~17行所示。创建这个类之后，我们参考这个类的代码来调整login.jsp。首先，我们通过页面指令标签中的import属性引用UserList类，然后将select选项中的内容调整为getUserListHTML()方法返回的值，如下图所示：。

图7使用CodeInsight编写代码，原始的静态HTML代码被表达式标签替换。值得一提的是，CodeInsight也可以用来在JSP中输入代码，就像编写一般的Java类一样。调整后的login.jsp代码以粗体显示，如下：代码清单6调整后的login.jsp代码复制如下：% @页面内容类型=' text/html；charset=GBK“import=”书店。用户列表' % html head title log in/title/head body bgcolor=' # FFFF ' Form Name=' Form 1 ' Method=' Post ' Action=' switch . JSP '用户名：Select Name=' UserID ' Option Value=' Selected-log in User-/Option %=User list . getuserlisthtml()%/Select secret code:输入名称=' password' type=' password '输入类型=' submit ' Name=' submit ' Value=' log in '/Form/body保存完html中的login.jsp后，右键单击表单中的login.jsp文件选项卡JBuilder将启动Tomcat 5.0应用服务器，在端口8080上运行，编译运行login.jsp文件，如下图所示：。

图8在JBuilder中运行login.jsp自动切换到Web View页面，展示页面的运行效果。但是，JBuilder的浏览器对网页的支持很弱，不支持JavaScript脚本。所以，运行完login.jsp后，最好通过IE查看网页的效果。你只需要打开IE，将JBuilder中访问login.jsp的地址复制到IE的地址栏，如下图所示：。

图9使用IE访问在JBuilder中运行的login.jsp。此时，用户名下拉框中的用户已经在动态用户列表中。当从T_USER表中添加或删除用户时，下拉框中的用户将相应地改变。在运行jsp之前，最好单独编译一个JSP文件：在内容窗格中右键单击JSP文件标签，在弹出的菜单中选择make 'xxx.jsp '，即可完成JSP文件的编译，及时发现错误。在编辑JSP文件和Java文件时，最大的区别是Java程序文件中的任何错误都会在编辑器和结构窗格中列出，但是JSP文件中的一些错误需要通过编译来发现。提示：由于JSP文件需要先转换成Servlet文件，然后编译中间的Servlet文件，发生错误后再定向到JSP文件，所以编译一个JSP文件是比较耗时的，往往比编译一个Java文件要花费几倍的时间。默认情况下，在编译项目时，整个项目中的所有JSP都会被编译，这需要花费大量的时间。因此，最好取消编译项目中编译JSP文件的设置：通过项目->项目属性，取消构建设置页面中的在构建时检查JSP错误选项.->构建->。必要时再次勾选此选项，编译后及时取消。通过这个设定，你可以为自己的发展赢得很多宝贵的时间。