分享
 
 
 

JBuilder2005实战JSP之登录页面

王朝java/jsp·作者佚名  2008-05-21
窄屏简体版  字體: |||超大  

通过File->New...->Web->双击JSP图标,弹出创建JSP向导的对话框,如下图所示:

图 3 通过向导创建login.jsp

·Web module:如果一个工程下有多个Web模块,你可以通过这儿指定JSP所要加入到的Web模块,因为我们的工程中只有一个webModule,所以是向导将默认设置为webModule。

·Name :键入JSP文件名,你可以键入.jsp后缀,也可以不写后缀,直接键入login就可以了。

Generate sample bean选项勾选后JBuilder将生成一个示例的Bean并在JSP中引入这个Bean。对于初学者来说,可以通过该选项查看JSP如何引用一个Bean,而Generate error page选项将自动为JSP创建一个配套的错误处理JSP文件,这里,我们不勾选它们。

直接点击Finish创建login.jsp,login.jsp文件出现在内容窗格的编译器中,如下图所示:

图 4 向导创建的JSP文件

JSP编译窗口的左右两边都有一个可以通过 和 按钮控制的竖栏,左边栏为放置JSP标签和HTML标签的面板,可以像可视化UI设计器中一样用拖拽方式往JSP文件中放置各种标签,如上图中,我们从面板中选择表单的HTML标签放置到login.jsp文件中。

而右边竖栏中是JSP文件中当前光标所在标签的属性编译器,如下图所示:

图 5 设置JSP标签属性编辑器

属性编辑器是动态的,光标移到不同的标签上,属性编辑器就显示这个标签所有可设置的属性。如上图中对应的是HTML 表单标签的属性编辑器,我们将其action属性设置为switch.jsp,指定用POST方式发送请求数据。

我们在login.jsp中提供一个用户名下拉框、一个密码输入框以及一个登录提交按钮,其代码如下:

代码清单 4 login.jsp

1. <%@page contentType="text/html; charset=GBK" %>2. <html>3. <head>4. <title>login</title>5. </head>6. <body bgcolor="#ffffff">7. <表单 name="表单1" method="post" action="switch.jsp">8. 用户名: <select name="userId">9. <option value="" selected>--登录用户--</option>10. <option value="100000">姜子牙</option>11. <option value="100001">鲍叔牙</option>12. <option value="100002">竖牙</option>13. </select>14. 密 码:<input name="password" type="password">15. <input type="submit" name="Submit" value="登录">16. </表单>17. </body>18. </html>

表单标签代表网页中的一个表单,表单可以包含多个组件,这些组件的数据在网页表单提交后,以HTTP协议发送给action属性所指定的JSP文件处理。表单的数据一般以POST发送,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的动态代码部分,两者互补有无,相得益彰,JSP开发工作将变得更加行云流水。

将用户列表改为动态

目前创建的login.jsp有一个缺陷,假设在数据库后台T_USER表中添加其他的用户时,因为用户名下拉框是静态的代码,新创建的用户并不会出现在页面中,因此有必要将用户名列表改为动态的代码,用数据库表T_USER的记录动态产生下拉框的数据。

我们通过UserList.ava类来完成这个工作,在工程中创建UserList.java,其代码如下:

代码清单 5 UserList.java

1. package bookstore;2. import java.sql.*;3.4. public class UserList5. {6.

//获取HTML下拉框的用户列表代码7.

public static String getUserListHTML() {8.

Connection conn = null;9.

StringBuffer sBuf = new StringBuffer();10.

try {11.

conn = DBConnection.getConnection();12.

PreparedStatement pStat = conn.prepareStatement(13.

"select USER_ID,USER_NAME from T_USER");14.

ResultSet rs = pStat.executeQuery();15.

while (rs.next()) {16.

sBuf.append("<option value='" + rs.getString("USER_ID") + "'>" +17.

rs.getString("USER_NAME") + "</option>

");18.

}19.

return sBuf.toString();20.

} catch (SQLException ex) {21.

ex.printStackTrace();22.

return "";23.

} finally {24.

try {25.

if (conn != null) {26.

conn.close();27.

conn = null;28.

}29.

} catch (SQLException ex1) {30.

}31.

}32. }33. }

UserList.java只提供了一个静态的getUserListHTML()方法,这个方法从后台数据库的T_USER表中获取用户记录,并生成HTML的select组件的选项代码,如第16~17行所示。

在创建这个类后,我们引用该类调整login.jsp的代码,首先在page指令标签中通过import属性引用UserList类,然后将select选项中的内容调整为getUserListHTML()方法返回的值,如下图所示:

图 7 通过CodeInsight编写代码

通过表达式标签替换原静态的HTML代码,值得提起的是,在JSP中也可以象在编写一般的Java类中一样使用CodeInsight输入代码。调整后的login.jsp的代码如下所示,用粗体表示:

代码清单 6 调整后的login.jsp代码

1. <%@page contentType="text/html; charset=GBK" import="bookstore.UserList"%>2. <html>3. <head>4. <title>login</title>5. </head>6. <body bgcolor="#ffffff">7.

<表单 name="表单1" method="post" action="switch.jsp">用户名:8.

<select name="userId">9.

<option value="" selected>--登录用户--</option>10.

<%=UserList.getUserListHTML()%>11.

</select>12.

密 码:<input name="password" type="password">13.

<input type="submit" name="Submit" value="登录">14. </表单>15. </body>16. </html>

保存login.jsp后,在内容窗格login.jsp文件标签中点击右键,选择Web Run using Defaults,JBuilder 将启动Tomcat 5.0应用服务器,运行于8080端口上,编译并运行login.jsp文件,如下图所示:

图 8 在JBuilder中运行login.jsp

JBuilder自动切换到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文件的设置:通过Project->Project Properties...->Build-> 在Build设置页中取消Check JSPs for errors at build-time选项。在确实需要的时候再勾选这个选项,并在编译后及时取消这个选项。通过这样的设置将可以为你的开发赢得不少宝贵的时间。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有