南昌大学WEB开发技术实践教程实验研究报告.docx

1、南昌大学WEB开发技术实践教程实验研究报告实 验 报 告实验课程：WEB开发技术实践教程 学生姓名：学 号：专业班级：2012年 12月 20 日 实验一 . 实验二 . 实验三 . 实验四 . 实验五 . 实验六 . 实验七 .南昌大学实验报告学生姓名： 学 号： 专业班级：实验类型： 验证 综合设计 创新 实验日期： 实验成绩：实验一 Web编程环境一、 实验目的1. 搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器2. 熟悉WEB编程集成环境MYEclipse.3. 熟练掌握WEB工程的创建、发布、运行流程。二、 实验内容1. 安装并配置java运行环境JD

2、K和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、 新

3、建并配置一个工程，运行发布一个新的工程。五、 实验结果1、 JDK、JRE安装结果：2、 Classpath和path设置3、 安装并配置Tomcat4、 安装并配置MySqL和MySqL Administrator 工具5、 安装MyEclipse6、 发布一个Web工程。六、 实验心得南昌大学实验报告学生姓名： 学 号：专业班级：实验类型： 验证 综合设计 创新 实验日期： 实验成绩：实验二HTML和CSS编程技术 一、 实验目的1. 熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记2. 熟悉CSS编程技术，掌握CSS来格式化网页、掌握CSS盒式模型3. 掌握DIV+CS

4、S布局和设计网页，掌握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、 美化表单部分五、 实验结

5、果1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分六、 实验心得南昌大学实验报告学生姓名： 学 号： 专业班级：实验类型： 验证 综合设计 创新实验日期： 实验成绩：实验三JavaScript编程技术一、 实验目的1. 熟悉JavaScript语法2. 掌握JavaScript函数的创建和调用3. 熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。4. 会用JavaScript来对表单进行验证。二、 实验内容1. 用JavaScript完成对登录表单的验证2. 设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。

6、三、 实验仪器及耗材计算机，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。elsereturn true。2、

7、 设计和实现对新闻发布的验证过程代码如下：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 ret

8、urn true。五、 实验结果1、 表单验证结果2、 文章发布页面验证六、 实验心得南昌大学实验报告学生姓名： 学 号： 专业班级：实验类型： 验证 综合设计 创新 实验日期： 实验成绩：实验四 Servlet编程技术一、 实验目的1. 熟悉Servlet技术的创建和运行流程。2. 会在web.xml配置Servlet的URL3. 熟悉请求request和响应response接口4. 熟悉请求转发接口requestDispatcher接口5. 熟悉会话Session接口，掌握基于Session登录权限控制。二、 实验内容完成一个基于Session的登录权限控制模块。要求：a) 主页登录表单提

9、交后转到Servlet进行处理，根据用户类型转到不同的页面。如果在用户名或密码不正确把登录表单包含进来b) 对于某些页面必须登录才能访问，如新闻发布页面。如果没有登录则禁止访问，并重定向到登录页面。三、 实验仪器及耗材计算机，MyEclipse等软件。四、 实验步骤1、 设计和实现一个登录表单2、 设计和实现实现验证的Servlet，然后进行验证五、 实验结果1、 表单验证效果2、 验证Servlet源代码public class LoginServlet extends HttpServlet /* * Constructor of the object. */ public LoginSe

10、rvlet() super()。 /* * Destruction of the servlet. */ public void destroy() super.destroy()。 / Just puts destroy string in log / Put your code here /* * The doGet method of the servlet. * * This method is called when a form has its tag value method equals to get. * * param request the request send by

11、 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 respon

12、se.setContentType(text/html)。 PrintWriter out = response.getWriter()。 out .println()。 out.println()。 out.println( A Servlet)。 out.println( )。 out.print( This is )。 out.print(this.getClass()。 out.println(, using the GET method)。 out.println( )。 out.println()。 out.flush()。 out.close()。 /* * The doPost

13、 method of the servlet. * * 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 err