实验报告实验课程：《 WEB编程》学生姓名：学号：专业班级：2010年 12 月 20 日目录●实验一 ..............................................●实验二 .............................................●实验三 .............................................●实验四 .............................................●实验五 .............................................●实验六 .............................................●实验七 ..............................................南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：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、安装MySqL Administrator工具7、安装MyEclipse8、新建并配置一个工程，运行发布一个新的工程。
五、实验结果1、JDK、JRE安装结果：2、Classpath和path设置3、安装并配置Tomcat4、安装并配置MySqL和MySqL Administrator 工具5、安装MyEclipse6、发布一个Web工程。
六、实验心得南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：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美化。
三、实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。
四、实验步骤1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分五、实验结果1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分六、实验心得南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：2010年9月15 日实验成绩：实验三 JavaScript编程技术一、实验目的1.熟悉JavaScript语法2.掌握JavaScript函数的创建和调用3.熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。
4.会用JavaScript来对表单进行验证。
二、实验内容1.用JavaScript完成对登录表单的验证2.设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。
三、实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。
四、实验步骤1、设计和实现对表单验证的过程代码如下：function checklogin(){var user=document.getElementsByName("username")[0].value;var pass=document.getElementsByName("password")[0].value;if(user==""){alert('请输入用户名');return false;}else if(pass==""){alert("请输入密码");return false;}else{return true;}}2、设计和实现对新闻发布的验证过程代码如下：function checkarticle(){var a=document.getElementsByName("author")[0].value; var t=document.getElementsByName("title")[0].value; var c=document.getElementsByName("content")[0].value; if(a==""){alert('请输入的作者');return false;}if(t==""){alert('请输入的标题');return false;}else if(c==""){alert('请输入的内容');return false;}else{return true;}}五、实验结果1、表单验证结果2、文章发布页面验证六、实验心得南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：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、表单验证效果2、验证Servlet源代码public class LoginServlet extends HttpServlet {/*** Constructor of the object.*/public LoginServlet() {super();}/*** Destruction of the servlet. <br>*/public void destroy() {super.destroy(); // Just puts "destroy" string in log// Put your code here}/*** The doGet method of the servlet. <br>** This method is called when a form has its tag value method equals to get.** @param request the request send by the client to the server* @param response the response send by the server to the client* @throws ServletException if an error occurred* @throws IOException if an error occurred*/public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {response.setContentType("text/html");PrintWriter out = response.getWriter();out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");out.println("<HTML>");out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");out.println(" <BODY>");out.print(" This is ");out.print(this.getClass());out.println(", using the GET method");out.println(" </BODY>");out.println("</HTML>");out.flush();out.close();}/*** The doPost method of the servlet. <br>** This method is called when a form has its tag value method equals to post.** @param request the request send by the client to the server* @param response the response send by the server to the client* @throws ServletException if an error occurred* @throws IOException if an error occurred*/public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("GBK");response.setContentType("text/html;charset=GBK");response.setCharacterEncoding("GBK");String username=request.getParameter("username");System.out.println("用户名："+username);MemberProcess mp=new MemberProcess();if((mp.isExisted(username))){String password=request.getParameter("password");System.out.println("输入的密码："+password);if(mp.validate(username,password)){HttpSession session=request.getSession(true);Member m=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("backpage")).forward(requ est, response);}}else{request.setAttribute("loginresult","密码错误");request.getRequestDispatcher("member.jsp").forward(request, response);}}else{request.setAttribute("loginresult","用户名不存在");request.getRequestDispatcher("login.jsp").forward(request, response);}}/*** Initialization of the servlet. <br>** @throws ServletException if an error occurs */public void init() throws ServletException { // Put your code here}}六、实验心得南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期2010年10月13日实验成绩：：实验五 JSP编程技术一、实验目的6.熟悉JSP编译指令，动作标记。
