南昌大学WEB实验报告

1实验报告实验课程：《WEB编程》学生姓名：学号：专业班级：2010年12月20日2目录实验一..............................................实验二.............................................实验三.............................................实验四.............................................实验五.............................................实验六.............................................实验七..............................................3南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：2010年9月15日实验成绩：实验一Web编程环境一、实验目的1.搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器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、安装并配置JDK和JRE2、设置好classpath和path路径3、安装Tomcat5.54、设置Tomcat的配置属性5、安装并配置MySQL数据库6、安装MySqLAdministrator工具7、安装MyEclipse8、新建并配置一个工程，运行发布一个新的工程。五、实验结果1、JDK、JRE安装结果：42、Classpath和path设置3、安装并配置Tomcat54、安装并配置MySqL和MySqLAdministrator工具5、安装MyEclipse66、发布一个Web工程。7六、实验心得8南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：2010年9月22日实验成绩：实验二HTML和CSS编程技术一、实验目的1.熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记2.熟悉CSS编程技术，掌握CSS来格式化网页、掌握CSS盒式模型3.掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程4.熟悉Dreamweaver的CSS设计器二、实验内容1.构思一个新闻发布网站，主题自选，设计好新闻类别2.制作主页PSD图3.用DIV+CSS布局主页框架。（如可分成top,mid,foot,其中mid再分两大块left和main）4.分别细化设计每一大块。5.要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。三、实验仪器及耗材计算机，Dreamweaver8，Photoshop，MyEclipse等软件。四、实验步骤1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分五、实验结果1、制作PSD图92、使用DIV+CSS布局103、细化每一块4、美化表单部分六、实验心得11南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：2010年9月15日实验成绩：实验三JavaScript编程技术一、实验目的1.熟悉JavaScript语法2.掌握JavaScript函数的创建和调用3.熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。4.会用JavaScript来对表单进行验证。二、实验内容1.用JavaScript完成对登录表单的验证2.设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。三、实验仪器及耗材计算机，Dreamweaver8，Photoshop，MyEclipse等软件。四、实验步骤1、设计和实现对表单验证的过程代码如下：functionchecklogin(){varuser=document.getElementsByName(username)[0].value;varpass=document.getElementsByName(password)[0].value;if(user==){alert('请输入用户名');returnfalse;}elseif(pass==){alert(请输入密码);returnfalse;12}else{returntrue;}}2、设计和实现对新闻发布的验证过程代码如下：functioncheckarticle(){vara=document.getElementsByName(author)[0].value;vart=document.getElementsByName(title)[0].value;varc=document.getElementsByName(content)[0].value;if(a==){alert('请输入的作者');returnfalse;}if(t==){alert('请输入的标题');returnfalse;}elseif(c==){alert('请输入的内容');returnfalse;}else{returntrue;}}五、实验结果1、表单验证结果132、文章发布页面验证14六、实验心得15南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：2010年9月29日实验成绩：实验四Servlet编程技术一、实验目的1.熟悉Servlet技术的创建和运行流程。2.会在web.xml配置Servlet的URL3.熟悉请求request和响应response接口4.熟悉请求转发接口requestDispatcher接口5.熟悉会话Session接口，掌握基于Session登录权限控制。二、实验内容完成一个基于Session的登录权限控制模块。要求：a)主页登录表单提交后转到Servlet进行处理，根据用户类型转到不同的页面。如果在用户名或密码不正确把登录表单包含进来b)对于某些页面必须登录才能访问，如新闻发布页面。如果没有登录则禁止访问，并重定向到登录页面。三、实验仪器及耗材计算机，MyEclipse等软件。四、实验步骤1、设计和实现一个登录表单2、设计和实现实现验证的Servlet，然后进行验证五、实验结果1、表单验证效果162、验证Servlet源代码publicclassLoginServletextendsHttpServlet{/***Constructoroftheobject.*/publicLoginServlet(){super();}/***Destructionoftheservlet.br*/publicvoiddestroy(){super.destroy();//Justputsdestroystringinlog//Putyourcodehere}/***ThedoGetmethodoftheservlet.br**Thismethodiscalledwhenaformhasitstagvaluemethodequalstoget.*17*@paramrequesttherequestsendbytheclienttotheserver*@paramresponsetheresponsesendbytheservertotheclient*@throwsServletExceptionifanerroroccurred*@throwsIOExceptionifanerroroccurred*/publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{response.setContentType(text/html);PrintWriterout=response.getWriter();out.println(!DOCTYPEHTMLPUBLIC\-//W3C//DTDHTML4.01Transitional//EN\);out.println(HTML);out.println(HEADTITLEAServlet/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();}/***ThedoPostmethodoftheservlet.br**Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.**@paramrequesttherequestsendbytheclienttotheserver*@paramresponsetheresponsesendbytheservertotheclient*@throwsServletExceptionifanerroroccurred*@throwsIOExceptionifanerroroccurred*/publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{request.setCharacterEncoding(GBK);response.setContentType(text/html;charset=GBK);18response.setCharacterEncoding(GBK);Stringusername=request.getParameter(username);System.out.println(用户名：+username);MemberProcessmp=newMemberProcess();if((mp.isExisted(username))){Stringpassword=request.getParameter(password);System.out.println(输入的密码：+password);if(mp.validate(username,password)){HttpSessionsession=request.getSession(true);Memberm=mp.getMemberByName(username);session.setAttribute(userinfo,m);session.setAttribute(login,true);session.setAttribute(memberId,username);session.setAttribute(loginusername,username);if(request.getParameter(backpage)==null){request.getRequestDispatcher(index.jsp).forward(request,response);}else{request.getRequestDispatcher(request.getParameter(backpa