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

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

《南昌大学WEB开发技术实践教程实验研究报告.docx》由会员分享，可在线阅读，更多相关《南昌大学WEB开发技术实践教程实验研究报告.docx（41页珍藏版）》请在冰豆网上搜索。

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

实验报告

实验课程：

《WEB开发技术实践教程》

学生姓名：

学号：

专业班级：

2012年12月20日

●实验一.............................................

●实验二.............................................

●实验三.............................................

●实验四.............................................

●实验五.............................................

●实验六.............................................

●实验七.............................................

南昌大学实验报告

学生姓名：

学号：

专业班级：

实验类型：

□验证□综合■设计□创新实验日期：

实验成绩：

实验一Web编程环境

一、实验目的

1.搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器

2.熟悉WEB编程集成环境MYEclipse.

3.熟练掌握WEB工程的创建、发布、运行流程。

二、实验内容

1.安装并配置java运行环境JDK和JRE

2.安装Web服务器tomcat,配置Tomcat服务器

3.安装并配置数据库MySQL.

4.安装MyEclispe，熟悉各项菜单项

5.为MyEclispe集成配置JDK和Tomcat

6.创建、发布、运行一个WEB工程。

三、实验仪器及耗材

计算机，JDK，TOMCAT,MySQL,MyEclipse等软件。

四、实验步骤

1、安装并配置JDK和JRE

2、设置好classpath和path路径

3、安装Tomcat5.5

4、设置Tomcat的配置属性

5、安装并配置MySQL数据库

6、安装MySqLAdministrator工具

7、安装MyEclipse

8、新建并配置一个工程，运行发布一个新的工程。

五、实验结果

1、JDK、JRE安装结果：

2、Classpath和path设置

3、安装并配置Tomcat

4、安装并配置MySqL和MySqLAdministrator工具

5、安装MyEclipse

6、发布一个Web工程。

六、实验心得

南昌大学实验报告

学生姓名：

学号：

专业班级：

实验类型：

□验证□综合■设计□创新实验日期：

实验成绩：

实验二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图

2、使用DIV+CSS布局

3、细化每一块

4、美化表单部分

六、实验心得

南昌大学实验报告

学生姓名：

学号：

专业班级：

实验类型：

□验证□综合■设计□创新实验日期：

实验成绩：

实验三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。

}

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、表单验证结果

2、文章发布页面验证

六、实验心得

南昌大学实验报告

学生姓名：

学号：

专业班级：

实验类型：

□验证□综合■设计□创新实验日期：

实验成绩：

实验四Servlet编程技术

一、实验目的

1.熟悉Servlet技术的创建和运行流程。

2.会在web.xml配置Servlet的URL

3.熟悉请求request和响应response接口

4.熟悉请求转发接口requestDispatcher接口

5.熟悉会话Session接口，掌握基于Session登录权限控制。

二、实验内容

完成一个基于Session的登录权限控制模块。

要求：

a）主页登录表单提交后转到Servlet进行处理，根据用户类型转到不同的页面。

如果在用户名或密码不正确把登录表单包含进来

b）对于某些页面必须登录才能访问，如新闻发布页面。

如果没有登录则禁止访问，并重定向到登录页面。

三、实验仪器及耗材

计算机，MyEclipse等软件。

四、实验步骤

1、设计和实现一个登录表单

2、设计和实现实现验证的Servlet，然后进行验证

五、实验结果

1、表单验证效果

2、验证Servlet源代码

publicclassLoginServletextendsHttpServlet{

/**

*Constructoroftheobject.

*/

publicLoginServlet（）{

super（）。

}

/**

*Destructionoftheservlet.

*/

publicvoiddestroy（）{

super.destroy（）。

//Justputs"destroy"stringinlog

//Putyourcodehere

}

/**

*ThedoGetmethodoftheservlet.

*

*Thismethodiscalledwhenaformhasitstagvaluemethodequalstoget.

*

*@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（""）。

out.println（""）。

out.println（""）。

out.print（"Thisis"）。

out.print（this.getClass（））。

out.println（",usingtheGETmethod"）。

out.println（""）。

out.println（""）。

out.flush（）。

out.close（）。

}

/**

*ThedoPostmethodoftheservlet.

*

*Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.

*

*@paramrequesttherequestsendbytheclienttotheserver

*@paramresponsetheresponsesendbytheservertotheclient

*@throwsServletExceptionifanerroroccurred

*@throwsIOExceptionifanerr