公文素材库 首页

实验2-Web开发

时间:2019-05-29 15:23:29 网站:公文素材库

实验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://m.bsmz.net/gongwen/713195.html
相关阅读
最近更新
推荐专题