实验报告实验课程：JA V A WEB编程技术学生姓名：学号：专业班级：物流101班2013年 06 月 12 日目录实验一WEB编程环境......................... 错误！未定义书签。
实验二HTML和CSS编程技术 (7)实验三JA V ASCRIPT编程技术 (10)实验四SERVLET编程技术 (13)实验五JSP编程技术 (16)实验六JA V ABEAN编程技术 (21)实验七基于MVC模式构建系统 (25)南昌大学实验报告学生姓名：学号：专业班级：物流101班实验类型：□验证□综合■设计□创新实验日期：实验成绩：一、实验项目一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，TOMCA T, MySQL, MyEclipse等软件。
五、实验步骤1.先安装jdk1.6，选择自定义安装，安装到C：\JDK2.配置环境变量，class：.;C:\JDK\bin , classpath:.;C:\JDK\lib ，java_home：C:\JDK安装tomcat，安装在C:\ Tomcat 下，配置tomcat_home环境变量，CATALINA_HOME: C: \Tomcat，CATALINA_BASE: C: \Tomcat，TOMCAT_HOME: C:\Tomcat然后修改环境变量中的classpath，把tomat安装目录下的common\lib下的servlet.jar 追加到classpath中去，修改后的classpath如下：classpath=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%CATALINA_HOME%\c ommon\lib\servlet.jar;3.运行toncat的bin文件夹下的tomcat6..exe。
在浏览器内输入http://localhost:8080，会出现tomcat的管理窗口。
4.暗转SQL2000企业版，选择安装数据库服务器，接下来都选择缺省值，知道服务器配置界面选择使用本地系统账户，进入身份验证模式，选择混合模式。
5.下载安装SDK。
6.安装M y E c l i s p e到C：\E c l i p s e。
为MyEclipse集成Tomcat 5.5⏹【Windows】→【Preferces】命令⏹在左边的菜单按【MyEclipse】→【Servers】→【Tomcat】→【Tomcat5.x】-enable7.配置eclipse，在preference中展开java元素，选择install JRE.8.在tomcat的webapps目录下建立一个firstapp文件子目录，然后使用文本编辑器编辑一下代码：<html><head><title>The first web program!;</title></head><body><h1>welcome to you</h1></body></html>9、保存到firstapp目录下面。
六、实验结果一、浏览器输入：htte://localhost:8080,出现tomcat管理窗口。
二、在tomcat的manager目录下面选择firstapp，运行html文档，会显示welcome。
七、实验心得对jsp程序的编写流程和工作环境有了大致了解，并学会了如何配置环境，发布基本的web服务的流程。
南昌大学实验报告学生姓名：学号：专业班级：物流101班实验类型：□验证□综合■设计□创新实验日期：实验成绩：1）实验项目二HTML和CSS编程技术2）实验目的熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记熟悉CSS编程技术，掌握CSS来格式化网页、掌握CSS盒式模型掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程熟悉Dreamweaver的CSS设计器3）实验内容1.构思一个新闻发布网站，主题自选，设计好新闻类别2.制作主页PSD图3.用DIV+CSS布局主页框架。
（如可分成top, mid, foot, 其中mid再分两大块left和main）4.分别细化设计每一大块。
5.要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。
4）实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。
5）实验步骤1、打开Dreamweaver 8，使用其DIV层的功能将主页分为top、left、right、三块，top主要来放置网站的logo、标题、登录信息，left来存放新闻网站的分类，right来存放内容。
这样设计简单直观，浏览者很方便可以查询到所需新闻。
2、用ps编辑一些图片作为网站的素材3、用Dreamweaver的css样式表编辑各个层的样式4、在top的左上角设置一个登录表单，登录后用户可以发布新闻信息。
6）实验结果1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分7）1通过此次试验了解了网站的基本设计，熟悉了HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记2 熟悉CSS编程技术，掌握CSS来格式化网页3 掌握了一些基本的DIV+CSS布局和设计网页4 熟悉了Dreamweaver的CSS设计器5在这次的实验中我懂得了dreamweaver表单和DIV的基本应用，并且掌握了如何用css美化网页。
南昌大学实验报告学生姓名：学号：专业班级：物流101班实验类型：□验证□综合■设计□创新实验日期：实验成绩：1)实验项目三JavaScript编程技术2)实验目的●熟悉JavaScript语法●掌握JavaScript函数的创建和调用●熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。
●会用JavaScript来对表单进行验证。
3)实验内容1)用JavaScript完成对登录表单的验证2)设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。
4)实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。
5)实验步骤1、<html><script language="Jscript">function check(Form_Add){if(document.Form_erName.value==""){ alert("请输入用户名");document.Form_erName.focus();return false;}if(document.Form_erName.value.length<2){ alert("输入的用户名太短");document.Form_erName.focus();return false;}if(document.Form_erName.value.length>12){ alert("输入的用户名太长");document.Form_erName.focus();return false;}if(document.Form_Add.PWS.value.length<5){ alert("请您输入密码，有效长度范围为：5～20！");document.Form_Add.PWS.focus();return false;}if(document.Form_Add.ConfirmPassword.value.length<1){ alert("请您再输入验证密码！");document.Form_Add.ConfirmPassword.focus();return false;}if(document.Form_Add.ConfirmPassword.value!=document.Form_Add.PWS.value){ alert("确认密码与密码不一致！");document.Form_Add.ConfirmPassword.focus();return false;}</script><body><form name="Form_Add" method="post" action="0.htm"onsubmit="return check(this)">Username:<input name="UserName" type="text" size="20">用户名不得小于二个字节<br>Password:<input name="PWS" type="password" size="20"><br>Rpassword:<input name="ConfirmPassword" type="password" size="20"><br><input type="submit" value="OK"></form></body></html>(只需要在上面的if语句中修改条件，就可以更改登录的条件，可以增加用户名和密码的数据库)2、将此页面保存到tomcatwebapps下的firstapp文件夹中，在tomcat控制窗口运行即可。
六、实验结果这是一个注册验证系统，必须输入符合条件的用户名和密码才能登录。