实验2-Web开发

实验2-Web开发

实验2.在Eclipse中开发Web应用

实验内容

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

实验目的

掌握Eclipse中Web应用的开发以及在Tomcat中的部署和访问。掌握JSP和Servlet的开发。

实验介绍

本实验将实现一个简单的Web应用。在这个实验中，将首先建立一个Web应用，名字是myweb；然后进行Web应用的部署；接着进行Servlet的编写；最后是JSP的编写。

环境要求

服务器：Tomcat5.5

集成开发环境：Eclipse+MyEclipse

实验指导

步骤1：创建Web应用myweb参照教材3.1（Page35）。注意：

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

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

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

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

index.jsp

步骤2：Web应用部署或配置

参照教材3.1.3（Page37）。1．部署Web应用2．配置Web应用

步骤3：编写简单的Servlet

参照教材3.2（Page41）。步骤4：Servlet基础练习

参照教材（Page35）编程练习2参考代码：

publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{

}

publicvoiddoPost(HttpServletRequestrequest,HttpServletResponse

response.setContentType("text/html");response.setCharacterEncoding("utf-8");PrintWriterout=response.getWriter();

out.println("");out.print("系统时间

"+java.util.Calendar.getInstance().getTime());

}

out.println("");out.println("");out.flush();out.close();

步骤5：编写简单的JSP页面

参照教材3.3（Page49）。步骤6：JSP基础练习

参照教材（Page35）编程练习1参考代码：（1）

${学号姓名}

（2）

（3）

[${no.index}]

步骤7：JSP与Servlet的相互访问

参照教材（Page33）实践环节设计提示信息：

（1）action="${pageContext.request.contextPath}/Deal"（2）request.getParameter("username");

（3）request.setAttribute("username",username);实验总结

这个实验中，在Eclipse+MyEclipse6集成开发环境中创建了一个Web应用myweb，包括简单的JSP页面和Servlet。

实验报告要求

1.说明Web应用的文档结构。2.若采用写配置文件（XML文件）的方式发布myweb这个应用，写出该配置文件的源代码。该配置文件应该放在什么位置？3.创建了一个mytest.jsp文件，并将其放置在myweb应用根目录下的子目录home中，写出访问该JSP文件的地址。4.对于MyServlet.java文件，应该将其放置在myweb应用的哪个目录下？并说明如何访问该Servlet。写出该Servlet在web.xml中的配置标签内容并解释每个标签的含义。5.如何在JSP页面中输出信息？写出你知道的所有方法。6.在Servlet中的如何获取表单输入信息？转发请求使用哪个对象的哪个方法？注：电子实验报告命名：学号姓名.doc。

扩展阅读：实验2-Web开发

实验2.在Eclipse中开发Web应用

实验内容

在这个实验中，将学习在Eclipse+MyEclipse8.6集成开发环境下创建Web应用，创建JSP、JavaBean、Servlet，并测试。

实验目的

掌握Eclipse中Web应用的开发以及在Tomcat中的部署和访问。掌握JSP、JavaBean和Servlet的开发。

实验介绍

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

由于登录功能是通过MVC模式进行设计的，因此，在实现的时候也是采用分层实现的方式。在这个实验中，将首先建立一个Web应用，名字是myweb；然后进行视图层的实现，涉及3个JSP页面：login.jsp,failure.jsp,success.jsp；接着进行模型层的实现，涉及1个JavaBean：beans.LoginBean；再接着是控制层的实现涉及1个Servlet：servlets.LoginServlet；最后对整个Web应用进行测试。

环境要求

服务器：Tomcat6.0

集成开发环境：Eclipse+MyEclipse8.6

实验指导

步骤1：创建Web应用myweb1.创建Web工程

a)在主菜单中选择【File】【New】【WebProject】，出现NewWebProject

对话框。如果没有【WebProject】则选择【File】【New】【Other】，在弹出的菜单中再选择【WebProject】。

b)在NewWebProject对话框的【ProjectName】文本框中输入myweb；J2EE

SpecificationLevel项选择“JavaEE5.0”，点击【Finish】按钮。c)观察【package】视图中出现如下内容，表示Web应用myweb创建成功。

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

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

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

index.jsp2.配置服务器

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

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

c)启动服务器如下图所示：

3.部署Web应用

a)在工具栏点击

部署按钮，出现ProjectDeployments对话框。

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

点击【Add】按钮，出现NewDeployment对话框。

c)在NewDeployment对话框中，【Server】下拉列表框选择Tomcat6.0，点击

【Finish】，回到ProjectDeployments对话框。点击【OK】即可。

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

【Redeploy】表示重新部署；点击【Browse】则可以浏览已经部署的应用。如本实验中，部署的Web应用位于“C:\\bea\\user_projects\\domains\\base_domain\\autodeploy\\myweb”。

4.访问测试Web应用

a)如果Tomcat服务器没有启动，则先启动服务器。在工具栏点击

钮，选择【Tomcat6.0】【Start】。

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

按的箭头按

钮，出现【MyEclipseWebBrowser】，在地址栏输入:8080/myweb/index.jsp或:8080/myweb,出现如下运行结果，表示Web应用访问成功。注意：index.jsp在web.xml中已经配置为默认访问文件，因此在访问地址中可以省略。

步骤2：创建JSP页面

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

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

上的【WebRoot】并在弹出菜单中选择【New】【JSP（AdvancedTemplates）】，都会弹出CreateanewJSPPage对话框。在FilePath中输入或确认/myweb/WebRoot，在FileName中输入login.jsp,点击【Finish】。b)注意：如果没有【JSP（AdvancedTemplates）】则选择【New】【Other】，在

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

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

functionisValidate(form){//得到用户输入的信息username=form.username.value;userpass=form.userpass.value;//判断用户名长度if(!minLength(username,6)){alert("用户名长度小于6位！");form.username.focus();returnfalse;}if(!maxLength(username,8)){alert("用户名长度大于8位！");form.username.focus();returnfalse;}//判断口令长度

if(!minLength(userpass,6)){alert("口令长度小于6位！");form.userpass.focus();returnfalse;}if(!maxLength(userpass,8)){alert("口令长度大于8位！");form.userpass.focus();returnfalse;}returntrue;}

//验证是否满足最小长度functionminLength(str,length){if(str.length>=length)

returntrue;elsereturnfalse;}

//判断是否满足最大长度functionmaxLength(str,length){if(str.length

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

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

b)打开浏览器，输入地址:8080/myweb/success.jsp。c)出现“您好，欢迎登录网上书店！”表示测试成功。7.同样方法在Web应用的根路径下创建failure.jsp。8.编写failure.jsp的代码，如下：

登录失败

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

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

测试成功。

步骤3：创建JavaBean1.创建包

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

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

在Names文本框中输入LoginBean，并选中“publicstaticvoidmain(String[]args)”点击【Finish】。

b)编写LoginBean的validate方法，如下：publicbooleanvalidate(Stringusername,Stringuserpass){if(username==null||userpass==null)returnfalse;returnusername.equals(userpass);}

c)在LoginBean的main方法中编写代码测试。publicstaticvoidmain(String[]args){LoginBeantest=newLoginBean();

System.out.println("正确的用户名口令，返回"+test.validate("zhangsan","zhangsan"));

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

右键点击工程中的LoginBean，弹出菜单选择【Runas】【JavaApplication】,

运行Java程序，在控制台出现如下结果，表示测试成功。

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

步骤4：创建Servlet1.创建包

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

Names文本框中输入servlets，点击【Finish】。

2.创建Servlet

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

【Servlet】，在Name文本框中输入LoginServlet，点击【Next】，出现CreateanewServlet对话框。

b)注意：如果没有【Servlet】则选择【New】【Other】，在弹出的菜单中再选

择【MyEclipse】【Web】【Servlet】。

c)在CreateanewServlet对话框中，修改Servlet/JSPName为：“/LoginServlets”，点击【Finish】。注意：创建Servlet之后会自动修改配置文件web.xml。如下：

ThisisthedescriptionofmyJ2EEcomponent

ThisisthedisplaynameofmyJ2EEcomponent

LoginServlets

servlets.LoginServlets

LoginServlets/login

d)编写LoginServlet的代码，如下：

//添加导入包importbeans.*;

importjavax.servlet.http.HttpSession;importjavax.servlet.RequestDispatcher;

//在doGet方法中编写代码如下：

publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{//获取用户输入的用户ID和口令Stringuserid=request.getParameter("username");Stringuserpass=request.getParameter("userpass");//创建模型对象LoginBeanloginBean=newLoginBean();//调用业务方法进行验证booleanb=loginBean.validate(userid,userpass);//要转向的文件Stringforward;//如果登陆成功，把用户名写入session中，并且转向success.jsp，

//否则转向failure.jsp

if(b){//获取sessionHttpSessionsession=(HttpSession)request.getSession(true);//把用户名保存到session中session.setAttribute("userid",userid);//目标转向文件是success.jspforward="success.jsp";}else{//目标转向文件是failure.jspforward="failure.jsp";}//获取Dispatcher对象

RequestDispatcherdispatcher=request.getRequestDispatcher(forward);//完成跳转dispatcher.forward(request,response);}//在doPost方法中调用doGet方法，使得无论是get请求还是post请求，

//都访问一致的代码

publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{doGet(request,response);

}

3.测试Servlet

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

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

c)由于没有登录，直接访问LoginServlet，出现“用户名或者口令不正确，请重新登录！”，表示测试成功。

步骤5：Web应用测试

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

注意：这个文档结构实际部署在“D:\\JavaEEServer\\apache-tomcat-6.0.26\\webapps”目录下。

2.测试Web应用

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

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

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

实验总结

这个实验中，在Eclipse+MyEclipse8.6集成开发环境中创建了一个Web应用myweb，

包括JSP页面，JavaBean和Servlet，实现了简单的登录功能。

友情提示：本文中关于《实验2-Web开发》给出的范例仅供您参考拓展思维使用，实验2-Web开发：该篇文章建议您自主创作。

来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。

《实验2-Web开发》由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
链接地址：http://www.bsmz.net/gongwen/713195.html

• 上一篇：网页前端开发笔试题
• 下一篇：前端网页提速的具体方法