实验1指导

实验1指导. 基于JSP的简单Java Web功能开发

实验内容

在这个实验中，将学习在MyEclipse 8.5集成开发环境下创建Web应用，创建JSP、JavaBean，并测试。

实验目的

◆掌握MyEclipse 8.5中Web应用的开发以及在JBoss 6.0中的部署和访问。

◆掌握JSP和JavaBean的开发。

实验介绍

本实验将实现一个简单的登录功能，用户在登录界面输入用户名和口令。用户名和口令需要进行客户端验证。如果输入的用户名和口令合法，会出现成功页面。如果用户名或口令不合法，则出现登录失败页面。

由于登录功能是通过MVC模式进行设计的，因此，在实现的时候也是采用分层实现的方式。首先进行视图层的实现，涉及4个JSP页面：login.jsp, loginProc.jsp, failure.jsp, success.jsp；接着进行模型层的实现，涉及1个JavaBean：beans.LoginBean；最后对整个Web应用进行测试。

环境要求

服务器：JBoss 6.0

集成开发环境：MyEclipse 8.5

实验指导

步骤1：创建Web应用myweb

1.创建Web工程

a)在主菜单中选择【File】→【New】→【Web Project】，出现New Web Project

对话框。如果没有【Web Project】则选择【File】→【New】→【Other】，在

弹出的菜单中再选择【Web Project】。

b)在New Web Project对话框的【Project Name】文本框中输入myweb；J2EE

Specification Level项选择“Java EE 5.0”，点击【Finish】按钮。

c)观察【package】视图中出现如下内容，表示Web应用myweb创建成功。

d)注意Web应用的文档结构（WebRoot下的内容），其中classes文件夹需要将

视图转换为Resource视图才能看到。

e)注意web.xml配置文件中的内容。

xmlns="https://www.360docs.net/doc/8617485492.html,/xml/ns/javaee"

xmlns:xsi="https://www.360docs.net/doc/8617485492.html,/2001/XMLSchema-instance"

xsi:schemaLocation="https://www.360docs.net/doc/8617485492.html,/xml/ns/javaee

https://www.360docs.net/doc/8617485492.html,/xml/ns/javaee/web-app_2_5.xsd">

index.jsp

2.配置服务器

a)在工具栏点击按钮，出现下拉菜单

b)选择Configure Server，出现如下窗口，在该窗口进行相应配置。

c)在工具栏点击按钮，出现下拉菜单。启动服务器如下图所示：

a)在工具栏点击部署按钮，出现Project Deployments对话框。

b)在Project Deployments对话框的【Project】下拉列表框中选择“myweb”。

点击【Add】按钮，出现New Deployment对话框。在New Deployment对话框中的【Server】下拉列表框选择JBoss 6.0，点击【Finish】，回到Project

Deployments对话框。点击【OK】即可。

c)在Project Deployments对话框中，【Remove】表示删除已经部署的工程；

【Redeploy】表示重新部署；点击【Browse】则可以浏览已经部署的应用。如

本实验中，部署的Web应用位于

“C:\bea\user_projects\domains\base_domain\autodeploy\myweb”。

4.访问测试Web应用

a)如果JBoss服务器没有启动，则先启动服务器。在工具栏点击的箭头按钮，

选择【JBoss 6.0】→【Start】。

b)打开浏览器。这里可以使用MyEclipse内置的浏览器。点击工具栏中的按

钮，出现【MyEclipse Web Browser】，在地址栏输入

http://localhost:8080/myweb/index.jsp或http://localhost:8080/myweb,

出现如下运行结果，表示Web应用访问成功。注意：index.jsp在web.xml中

已经配置为默认访问文件（即welcome-file），因此在访问地址中可以省略。

步骤2：创建JSP页面

1.在Web应用的根路径下创建login.jsp。

a)在主菜单中选择【New】→【JSP（Advanced Templates）】或者右键点击工程

上的【WebRoot】并在弹出菜单中选择【New】→【JSP（Advanced Templates）】，

都会弹出Create a new JSP Page对话框。在File Path中输入或确认

/myweb/WebRoot，在File Name中输入login.jsp,点击【Finish】。

b)注意：如果没有【JSP（Advanced Templates）】则选择【New】→【Other】，在

弹出的菜单中再选择【MyEclipse】→【Web】→【JSP】。

2.编写login.jsp的代码，如下：

<%@ page contentType="text/html;charset=gb2312"%>

用户登录

用户名：

口令：

3.访问测试login.jsp。

a)如果JBoss没有启动，则启动JBoss。

b)打开浏览器，输入地址http://localhost:8080/myweb/login.jsp。

c)出现登录界面，并且客户端验证正确，并且提交后地址栏的地址为

“http://localhost:8080/myweb/login”则表示测试成功。

4.同样方法在Web应用的根路径下创建success.jsp。

5.编写success.jsp的代码，如下：

<%@ page contentType="text/html;charset=gb2312"%>

${https://www.360docs.net/doc/8617485492.html,erid}您好，欢迎登录网上书店！

6.同样方法访问测试success.jsp。

a)如果JBoss没有启动，则启动JBoss。

b)打开浏览器，输入地址http://localhost:8080/myweb/success.jsp。

c)出现“您好，欢迎登录网上书店！”表示测试成功。

7.同样方法在Web应用的根路径下创建failure.jsp。

8.编写failure.jsp的代码，如下：

<%@ page contentType="text/html;charset=gb2312"%>

用户名或者口令不正确，请重新登录！

9.同样方法访问测试failure.jsp，出现“用户名或者口令不正确，请重新登录！”表示

测试成功。

步骤3：创建JavaBean

1.创建包

在工程上的【src】点击右键，在弹出菜单中选择【New】→【package】，在Names 文本框中输入beans，点击【Finish】。

2.创建Java类

a)在工程上的【src】→【beans】点击右键，在弹出菜单中选择【New】→【class】，

在Names文本框中输入LoginBean，并选中“public static void main(String[]

args)”点击【Finish】。

b)编写LoginBean的validate方法，如下：

public boolean validate(String username,String userpass) {

String sName = "zhangJun";

String sPass = "2011013048";

if(username == null || userpass==null)

return false;

return username.equals(sName) && userpass.equals(sPass);

}

c)在LoginBean的main方法中编写代码测试。

public static void main(String[] args) {

LoginBean test = new LoginBean();

System.out.println("正确的用户名口令，返回" +

test.validate("ZhangJun", "2011013048")); //自己的姓名和学号

System.out.println("错误的用户名口令，返回" + test.validate("ZhangJun ", "123456"));

}

右键点击工程中的LoginBean，弹出菜单选择【Run as】 【Java Application】,运行Java程序，在控制台出现如下结果，表示测试成功。

正确的用户名口令，返回true

错误的用户名口令，返回false

步骤4：创建loginProc.jsp

1.同样方法在Web应用的根路径下创建loginProc.jsp。

2.编写loginProc.jsp的代码，如下：

<%@ page contentType = "text/html;charset=gb2312"%>

<%@ page import ="beans.*"%>

<%

String userid = request.getParameter("username");

String userpass = request.getParameter("userpass");

//创建模型对象

LoginBean loginBean = new LoginBean();

// 调用业务方法进行验证

boolean b = loginBean.validate(userid,userpass);

// 要转向的文件

String forward;

// 如果登陆成功，把用户名写入session中，并且转向success.jsp，

// 否则转向failure.jsp

if(b) {

HttpSession session = (HttpSession)request.getSession(true);

// 把用户名保存到session中

session.setAttribute("userid", userid);

// 目标转向文件是success.jsp

forward = "success.jsp";

} else {

// 目标转向文件是failure.jsp

forward = "failure.jsp";

}

// 获取Dispatcher对象

RequestDispatcher dispatcher = request.getRequestDispatcher(forward);

// 完成跳转

dispatcher.forward(request,response);

%>

3.访问测试loginProc.jsp。

1) http://localhost:8080/myweb/loginProc.jsp?username=ZhangJun& userpass=2011013048

跳转到success.jsp

2) http://localhost:8080/myweb/loginProc.jsp?username=ZhangJun& userpass=123456

跳转到failure.jsp

步骤5：Web应用测试

1.观察myweb应用最终的文档结构，如下：

//注意：这次实验没有Servlet

注意：这个文档结构实际部署在“JBOSS_HOME\server\default\deploy”，即“D:\Platforms\jboss-6.0.0.Final\server\default\deploy”目录下。

2.测试Web应用

a)如果JBoss没有启动，则启动JBoss。

a)打开浏览器，输入地址http://localhost:8080/myweb/login.jsp。

b)在login.jsp中输入正确的、错误的用户名和口令，进行测试，观察访问结果。

2.错误:

实验总结

这个实验中，在MyEclipse 8.5集成开发环境中创建了一个Web应用myweb，包括JSP 页面和JavaBean，实现了简单的登录功能。并在JBoss 6.0下测试验证。

注：如果Java Web服务器采用Tomcat6.0，步骤类同，只是Java Web应用的部署方法有所不同而已。