WEB编程实验报告

上传人：d*** IP属地：天津上传时间：2022-04-07 格式：DOCX 页数：15 大小：64.30KB 积分：20 举报 版权申诉

已阅读5页，还剩10页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、实验报告实验课程：JAVAWEB编程技术学生姓名:学号：专业班级：物流101班2013年06月12日实验一WEB编程环境错误!未定义书签。实验二HTML和CSS编程技术7实验三JAVASCRIPT编程技术10实验四SERVLET编程技术13实验五JSP编程技术16实验六JAVABEAN编程技术21实验七基于MVC模式构建系统25'®'南昌大学实验报告学生姓名：学号：专业班级：物流101班实验类型：口验证综合设计口创新实验日期：实验成绩：一、实验项目一*Web编程环境二、实验目的第1章搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器第2章熟

2、悉WEB编程集成环境MYEclipse.第3章熟练掌握WEB工程的创建、发布、运行流程。三、实验内容1. 安装并配置java运行环境JDK和JRE2. 安装Web服务器tomcat,配置Tomcat服务器3. 安装并配置数据库MySQL.4. 安装MyEclispe,熟悉各项菜单项5. 为MyEclispe集成配置JDK和Tomcat6. 创建、发布、运行一个WEB工程。四、实验仪器及耗材计算机，JDK,TOMCAT,MySQL,MyEclipse等软件。五、实验步骤1. 先安装jdk1.6，选择自定义安装，安装到C:JDK2. 配置环境变量，class:.;C:JDKbin,classpat

3、h:.;C:JDKlib,java_home:C:JDK安装tomcat,安装在C:Tomcat下，配置tomcat_home环境变量，CATALINA_HOME:C:Tomcat,CATALINA_BASE:C:Tomcat,TOMCAT_HOME:C:Tomcat然后修改环境变量中的classpath，把tomat安装目录下的commonlib下的servlet.jar追加到classpath中去，修改后的classpath如下：classpath=.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;%CATALINA_HOME%commonlib

4、servlet.jar;3.运行toncat的bin文件夹下的tomcat6.exe。在浏览器内输入http:/localhost:8080,会出现tomcat的管理窗口biot5.54. 暗转SQL2000企业版，选择安装数据库服务器，接下来都选择缺省值，知道服务器配置界面选择使用本地系统账户，进入身份验证模式，选择混合模式。下载安装SDK6.安装MyEclispeEclipse为MyEclipse集成Tomcat5.5Windows】t【Preferces】命令在左边的菜单按【MyEclipse】【Servers】【Tomcat】t【Tomcat5.x】-enable'I'

5、rfI'-示MiKKWC-l目L迎If- Dan.ib-vvEnplno*wvTiagil曲做* ±ajL«r*tT!34i1i.<Enc.*F-iitI-FrnjB-r*:(spiB-aliHviTlii-d-alA-Mi1*faE*IlMmOL»wt5hJadbi：IJJl*!1!旧Jt*JJl-SL由OrLdD.PR)It*抠UHIii*'7-rwil4.-CMfllHJKIL;如-JLariT«fi41111dlirAdVAr；*e.|强7|«4拳i;询H建叫咋融*J蚱.二nymp.u。必土卜,u令ip'H

6、lhern耻国HfMHwIfiuqEdit/A用丁耻1|,.J.gPwlToV7. 1曲由LHLQl膈配置eclipse，在preference中展开java元素，选择installJRE.8. 在tomcat的webapps目录下建立一个firstapp文件子目录，然后使用文本编辑器编辑一下代码：<html><head><title>Thefirstwebprogram!;</title></head><body><h1>welcometoyou</h1></body></htm

7、l>9、保存到firstapp目录下面。六、实验结果一、浏览器输入：htte:/localhost:8080,出现tomcat管理窗口。二、在tomcat的manager目录下面选择firstapp,运行html文档，会显示welcomeo七、实验心得web对jsp程序的编写流程和工作环境有了大致了解，并学会了如何配置环境，发布基本的服务的流程。南昌大学实验报告学生姓名:实验类型:学号：专业班级：物流101班口验证综合设计口创新实验日期：实验成绩:1）实验项目二HTML和CSS编程技术2）实验目的熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记熟悉CSS编程技术，掌握C

8、SS来格式化网页、掌握CSS盒式模型掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程熟悉Dreamweaver的CSS设计器3）实验内容1. 构思一个新闻发布网站，主题自选，设计好新闻类别2. 制作主页PSD图用DIV+CSS布局主页框架。（如可分成top,mid,foot,其中mid再分两大块left和main）3. 分别细化设计每一大块。4. 要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。4）实验仪器及耗材计算机，Dreamweaver8,Photoshop,MyEclipse等软件。5）实验步骤1、打开Dreamweaver8,使用其DIV层的功能将主页分为t

9、op、left、right、三块，top主要来放置网站的logo、标题、登录信息，left来存放新闻网站的分类，right来存放内容。这样设计简单直观，浏览者很方便可以查询到所需新闻。2、用ps编辑一些图片作为网站的素材3、用Dreamweaver的css样式表编辑各个层的样式4、在top的左上角设置一个登录表单，登录后用户可以发布新闻信息。6）实验结果1、制作PSD图登录口统计中间部分统计统计2、使用DIV+CSS布局3、细化每一块此Div标签的内容更珥：I垂I重置4、美化表单部分7)1通过此次试验了解了网站的基本设计，熟悉了HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记2熟

10、悉CSS编程技术，掌握CSS来格式化网页3掌握了一些基本的DIV+CSS布局和设计网页4熟悉了Dreamweaver的CSS设计器5在这次的实验中我懂得了dreamweaver表单和DIV的基本应用，并且掌握了如何用css美化网页。:®:南昌大学实验报告学生姓名：学号：_专业班级：_物流101班实验类型：口验证综合设计口创新实验日期：实验成绩：1) 实验项目三JavaScript编程技术实验目的熟悉JavaScript语法掌握JavaScript函数的创建和调用熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。会用JavaScript来对表单进行

11、验证。2) 实验内容1) 用JavaScript完成对登录表单的验证2) 设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。实验仪器及耗材计算机，Dreamweaver8,Photoshop,MyEclipse等软件。实验步骤1、<html><scriptlanguage="Jscript">functioncheck(Form_Add)if(document.Form_Add.UserName.value="")alert("请输入用户名");document.Form_Add.User

12、Name.focus();returnfalse;if(document.Form_Add.UserName.value.length<2)alert("输入的用户名太短");document.Form_Add.UserName.focus();returnfalse;if(document.Form_Add.UserName.value.length>12)(alert(-输入的用户名太长");document.Form_Add.UserName.focus();returnfalse;if(document.Form_Add.PWS.value.l

13、ength<5)(alert(-请您输入密码，有效长度范围为：520!");document.Form_Add.PWS.focus();returnfalse;if(document.Form_Add.ConfirmPassword.value.length<1)(alert("请您再输入验证密码！");document.Form_Add.ConfirmPassword.focus();returnfalse;if(document.Form_Add.ConfirmPassword.value!=document.Form_Add.PWS.value)

14、(alert("确认密码与密码不一致！");document.Form_Add.ConfirmPassword.focus();returnfalse;</script><body><formname="Form_Add"method="post"action="0.htm”onsubmit="returncheck(this)">Username:<inputname="UserName"type="text"size=&

15、quot;20”>用户名不得小于二个字节<br>Password:<inputname="PWS"type="password"size="20"><br>Rpassword:<inputname="ConfirmPassword"type="password"size="20"><br><inputtype="submit"value="OK"></f

16、orm></body></html>(只需要在上面的if语句中修改条件，就可以更改登录的条件，可以增加用户名和密码的数据库)2、将此页面保存到tomcatwebapps下的firstapp文件夹中，在tomcat控制窗口运行即可。六、实验结果这是一个注册验证系统，必须输入符合条件的用户名和密码才能登录。管理员用户名二管理员密码；登录重置2、文章发布页面验证XU目文童作者：6）实验心得熟悉了JavaScript语法，掌握了JavaScript函数的创建和调用，javascript的基本语法和代码,可以用其编写一些基本的jsp页面®:南昌大学实验报告学生姓名

17、：学号：专业班级：实验类型：口验证综合设计口创新实验日期：实验成绩:1. 实验项目四Servlet编程技术1. 实验目的熟悉Servlet技术的创建和运行流程。2. 会在web.xml配置Servlet的URL熟悉请求request和响应response接口熟悉请求转发接口requestDispatcher接口熟悉会话Session接口，掌握基于Session登录权限控制。实验内容完成一个基于Session的登录权限控制模块。要求：a）主页登录表单提交后转到Servlet进行处理，根据用户类型转到不同的页面。如果在用户名或密码不正确把登录表单包含进来b）对于某些页面必须登录才能访问，如新闻发布

18、页面。如果没有登录则禁止访问，并重定向到登录页面。实验仪器及耗材计算机，MyEclipse等软件。实验步骤（页面内容白己加）一、编写index.jsp页面：基于实验一的页面设置，以下是登录表单部分的代码<body><formname="a"type="post"action="UserRegisterAction">用户名:<inputtype="text"name="username">密码： <inputtype="pas

19、sword"name="password"><inputtype="submit"value="submit"></form></body>保存为index.jsp、ServeletA编写:packageapp.user.action;importjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;

20、importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importapp.user.service.UserService;importjavax.servlet.http.HttpSession;publicclassAextendsHttpServletprivateUserServiceuserService=newUserService();privateStringuserName;privateStringpassWord;publicvoiddoPost(H

21、ttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOExceptionuserName=request.getParameter("UserName");passWord=request.getParameter("PassWord");PrintWriterout=response.getWriter();if(passWord.equals("1234")&&username.equals("xufan

22、gzheng")session.setAttribute("index","OK);response.sendRrdirect("B.jsp");/跳转到目标页面B.jspElseResponse.sendRedirect("index.jsp");/返回主页Return;若用户名为xufangzheng,密码为1234,则会跳转到B.jsp页面进行处理。B.JSP是一个新闻发布页面三、B.jsp编写<html><body><formname="B"method=&

23、quot;post”>所属栏目:<inputtype="text"name="langmu">作者：<inputtype="text"name="zuoze">内容:<inputtype="textarea"name="neirong"><inputtype="submit"value="提交"></form></body></html>四、xml

24、的配置<?x,;versopm="1/0"encoding=ISO-8859-1"?><web-app><servlet><servlet-mapping><servlet-name>hello</servlet-name><servlet-class>UserRegisterAction</servlet-class></servlet></servlet-mapping></web-app>实验结果在登入表单输入用户名和密码，如果

25、用户名是xufangzheng,密码是1234则跳转到B.jsp页面，否则重新定位到主页。实验心得本次实验我了解了servlet的基本原理和如何运用servlet完成用户的认证，对掌握web技术有了更深一步的认识。®:南昌大学实验报告学生姓名：学号：专业班级：_物流101班实验类型：口验证综合设计口创新实验日期：实验成绩：1）实验项目五JSP编程技术2）实验目的3. 熟悉JSP编译指令，动作标记。4. 熟悉JSP的隐含对象5. 正确理解request、session、application三个对象的作用域6. 能正确处理汉字乱码问题能熟练使用JSP技术来编写网页3）实验内容1. 编写

26、一个文章类，用Myeclipse的工作自动产生getter和settet函数修改前面编写过的管理员的新闻发布页面，改成JSP页面要求如下：1）撰写界面至少包括文件标题，所属栏目、作者、内容几项2）界面用CSS进行美化3）每个输入框均应有name属性。4）权限控制，必须是管理员用户才能访问，跟前面实验的登录权限控制关联起来。编写一个Servlet来处理新闻发布页面提交的表单要求：1）读取表单各项内容，并把存入一个文章对象中。2）把文章对象绑定在request对象中，并转发到新闻显示页面。3. 编写一个新闻显示页面。要求：1）编写静态页面模板，页面用div+css设计2）设定文章对象已存在requ

27、est对象中，取出文章对象3）把静态页面的内容改成动态内容，如标题，作者，内容等。4）实验仪器及耗材计算机，Dreamweaver8,Photoshop,MyEclipse等软件。5）实验步骤1、题意不明确2、管理员权限控制servlet代码:packageapp.user.action;importjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.Http

28、ServletRequest;importjavax.servlet.http.HttpServletResponse;importapp.user.service.UserService;importjavax.servlet.http.HttpSession;publicclassAextendsHttpServletprivateUserServiceuserService=newUserService();privateStringuserName;privateStringpassWord;publicvoiddoPost(HttpServletRequestrequest,Http

29、ServletResponseresponse)throwsServletException,IOExceptionuserName=request.getParameter("UserName");passWord=request.getParameter("PassWord");PrintWriterout=response.getWriter();if(passWord.equals("1234")&&username.equals("xufangzheng")session.setAttri

30、bute("index","OK);response.sendRrdirect("news.jsp");/跳转至，目标页面news.jspElseResponse.sendRedirect("index.jsp");/返回主页Return;若用户名为xufangzheng,密码为1234,则会跳转到news.jsp页面进行处理。news.JSP是一个新闻爰布页面3、修改新闻发布页面，news.jsp代码如下<html><title>News</title><body><f

31、ormname="news"method="post"action="chuli">所属栏目:<inputtype="text"name="langmu">题目：<inputtype="text"name="timu"作者：<inputtype="text"name="zuoze">内容:<inputtype="textarea"name="ne

32、irong"><inputtype="submit"value="提交"></form></body></html>4、编写新闻处理servlet,命名为chuli，目的是在新闻DIV中将提交的新闻和作者内容写到DIV中importjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.

33、servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importadmin.manageBean.NewsAddBean;publicclasschuliextendsHttpServletpublicchulit()super();publicvoiddestroy()super.destroy();/Justputs"destroy"stringinlog/PutyourcodeherepublicvoiddoGet(HttpServletRequestrequest,

34、HttpServletResponseresponse)throwsServletException,IOExceptionresponse.setContentType("text/html");PrintWriterout=response.getWriter();out.println("<!DOCTYPEHTMLPUBLIC"-/W3C/DTDHTML4.01Transitional/EN">”);out.println("<HTML>");out.println("<HEAD

35、><TITLE>AServlet</TITLE></HEAD>");out.println("<BODY>");out.print("Thisis");out.print(this.getClass();out.println(",usingtheGETmethod");out.println("</BODY>");out.println("</HTML>");out.flush();out.close();

36、publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOExceptionStringtimu=request.getParameter("timu");Stringneirong=request.getParameter("neirong");Stringzuozhe=request.getParameter("zuozhe");NewsAddBeannb=newNewsAddBean();nb.s

37、ettimu(timu);nb.setneirong(neirong);nb.setzuozhe(azuozhe);if(nb.newsAdd()=1)request.getRequestDispatcher("newsPut.jsp").forward(request,response);/将内容提交至新闻显示页面elserequest.getRequestDispatcher("addError.jsp").forward(request,response);/将内容提交至错误页面publicvoidinit()throwsServletExcept

38、ion5、编写新闻显示newsPut.jsp页面：<%pagelanguage="java"contentType="text/html;charset=GB2312%><%pageimport="java.util.*"%><html><head><title>新闻显示页面</title></head><body><%Out.println(<h3>新闻显示<h3><hr>');Request.se

39、CharacterEncoding(GBK");RnumerationenumParams=request.getParameterNames();While(inumParams.hasMoreElements()StringparaName=enumParams.nextElement().toString();StringparaValue=request.getParameter(paraName);%><%=paraName%>:<%=paraValue%><br><%>/通过循环一次输出request中的各个对象实验结

40、果首先输入用户名：luyang密码：1234可以登入新闻发布页面，否则返回主页。在进入新闻发布页面中选择提交，若有部分信息不全，则显示错误页若各类信息都有了，则在新闻显示页面上会显示所提交的信息。实验心得本次实验让我掌握了如何运用jsp的各种内建对象处理表当，同时巩固了servlet的具体应用,已经可以编写简单的新闻发布系统，并且熟悉了管理员控制权限的基本原理。®:南昌大学实验报告学生姓名：学号：专业班级：_物流101班实验类型：口验证综合设计口创新实验日期：实验成绩:一、实验项目六JavaBean编程技术二、实验目的1. 熟悉JavaBean的规范2. 会编写JavaBean;会在

41、JSP和Servlet中创建和使用JavaBean对象3. 掌握JSP的jsp:useBean、jsp:setProperty、jsp:getProperty的使用4. 掌握JSP中表单和表单Bean的映射5. 掌握Servlet中表单和表单Bean的映射6. 会编写封装业绩逻辑的JavaBean会使用上传下载组件jspSmartUpload外部组件三、实验内容一、修改前面的封装新闻（文章）的JavaBean,使其符合JavaBean规范二、修改前面的新闻发表Serlvet,用来完成新闻发布表单的处理，要求利用映射机制把新闻表单映射到新闻的JavaBean中，以便后继把这个JavaBean写入

42、数据库。三、编写一个封闭新闻管理的业务Bean.这里只需定义接口即可。四、参考教材，编写一个上传下载模块（可选）五、参考教材，实现登录动态验证（可选）四、实验仪器及耗材计算机，Dreamweaver8,Photoshop,MyEclipse等软件。五、实验步骤1、JavaBeannewsBean的编写，通过该Bean可以显示提交的新闻信息：Packagedemo.bean;Importjava.io;PublicclassnewsBean（PublicnewsBean（）（PrivateStringtimu;PrivateStringneirong;PrivateStringzuozhe;Pu

43、blicvoidsettimu(Stringtimu)(This.timu=timu;Publicvoidsetneirong(Stringneirog)(This.neirong=neirong;Publicvoidsetzuozhe(Stringzuozhe)(This.zuozhe=zuozhe;PublicStringgettimu()(Returntimu;PublicStringgetneirong()(Returnneirong;PublicStringgetzuozhe()(Returnzuozhe;2、修改新闻处理的servlet，将其处理的结果映射到newsBean中imp

44、ortjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importpublicclasschuliextendsHttpServlet(publicchulit()(super();publicvoiddestroy()(supe

45、r.destroy();/Justputs"destroy"stringinlog/PutyourcodeherepublicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,lOException(response.setContentType("text/html");PrintWriterout=response.getWriter();out.println("<!DOCTYPEHTMLPUBLIC"

46、;-/W3C/DTDHTML4.01Transitional/EN">”);out.println("<HTML>");out.println("<HEAD><TITLE>AServlet</TITLE></HEAD>");out.println("<BODY>");out.print("Thisis");out.print(this.getClass();out.println(",usingtheGETmethod

47、");out.println("</BODY>");out.println("</HTML>");out.flush();out.close();publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,lOException(Stringtimu=request.getParameter("timu");Stringneirong=request.getParameter

48、("neirong");Stringzuozhe=request.getParameter("zuozhe");NewsAddBeannb=newNewsAddBean();nb.settimu(timu);nb.setneirong(neirong);nb.setzuozhe(azuozhe);if(nb.newsAdd()=1)session.setAttribute(timu",timu);session.setAttribute("neirong,n$irong);session.setAttribute(zuozhe&quo

49、t;,zuozhe);response.sendRedirect(xiansih.jsp");)/将对象保持到session中，通过session映射到javabeanelserequest.getRequestDispatcher("addError.jsp").forward(request,response);/将内容提交至错误页面publicvoidinit()throwsServletException3、编写新闻管理管理业务BeanmBean:Packagedemo.bean;Importjava.io;PublicclassmBeanPublicmBean()PrivateStringtimu;PrivateStringneirong;PrivateStringzuozhe;PrivateStringusename;PrivateStringpassword;Publicvoidyangzhen

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

WEB编程实验报告

文档简介

温馨提示

最新文档

评论

WEB编程实验报告

文档简介

温馨提示

最新文档

评论

相关文档