南昌大学WEB实验报告Word文档下载推荐.docx
《南昌大学WEB实验报告Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《南昌大学WEB实验报告Word文档下载推荐.docx（38页珍藏版）》请在冰豆网上搜索。
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工程。
六、实验心得
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图
2、使用DIV+CSS布局
3、细化每一块
4、美化表单部分
实验三JavaScript编程技术
1.熟悉JavaScript语法
2.掌握JavaScript函数的创建和调用
3.熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。
4.会用JavaScript来对表单进行验证。
1.用JavaScript完成对登录表单的验证
2.设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。
1、设计和实现对表单验证的过程
代码如下：
functionchecklogin（）
{
varuser=document.getElementsByName（"
username"
）[0].value;
varpass=document.getElementsByName（"
password"
if（user=="
"
）
alert（'
请输入用户名'
）;
returnfalse;
}
elseif（pass=="
alert（"
请输入密码"
else
returntrue;
2、设计和实现对新闻发布的验证过程
functioncheckarticle（）
vara=document.getElementsByName（"
author"
vart=document.getElementsByName（"
title"
varc=document.getElementsByName（"
content"
if（a=="
请输入的作者'
if（t=="
请输入的标题'
elseif（c=="
请输入的内容'
else
1、表单验证结果
2、文章发布页面验证
2010年9月29日实验成绩：
实验四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.<
br>
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（"
HTML>
<
HEAD>
TITLE>
AServlet<
/TITLE>
/HEAD>
BODY>
out.print（"
Thisis"
out.print（this.getClass（））;
usingtheGETmethod"
/BODY>
/HTML>
out.flush（）;
out.close（）;
*ThedoPostmethodoftheservlet.<
*Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.
publicvoiddoPost（HttpServletRequestrequest,HttpServletResponseresponse）
request.setCharacterEncoding（"
GBK"
text/html;
charset=GBK"
response.setCharacterEncoding（"
Stringusername=request.getParameter（"
System.out.println（"
用户名：
+username）;
MemberProcessmp=newMemberProcess（）;
if（（mp.isExisted（username）））
{
Stringpassword=request.getParameter（"
System.out.println（"
输入的密码：
+password）;
if（mp.validate（username,password））
{
HttpSessionsession=request.getSession（true）;
Memberm=mp.getMemberByName（username）;
session.setAttribute（"
userinfo"
m）;
login"
"
true"
memberId"
username）;
loginusername"
if（request.getParameter（"
backpage"
）==null）
{
request.getRequestDispatcher（"
index.jsp"
）.forward（request,response）;
}
else
request.getRequestDispatcher（request.getParameter（"
））.forward（request,response）;
}
else
request.setAttribute（"
loginresult"
"
密码错误"
member.jsp"
}
else
request.setAttribute（"
用户名不存在"
request.getRequestDispatcher（"
login.jsp"
*Initializationoftheservlet.<
*@throwsServletExceptionifanerroroccurs
publicvoidinit（）throwsServletException{
□验证□综合■设计□创新实验日期2010年10月13日实验成绩：
：
实验五JSP编程技术
6.熟悉JSP编译指令，动作标记。
7.熟悉JSP的隐含对象
8.正确理解request、session、application三个对象的作用域
9.能正确处理汉字乱码问题
10.能熟练使用JSP技术来编写网页
1.编写一个文章类，用Myeclipse的工作自动产生getter和settet函数
2.修改前面编写过的管理员的新闻发布页面，改成JSP页面
要求如下：
1）撰写界面至少包括文件标题，所属栏目、作者、内容几项
2）界面用CSS进行美化
3）每个输入框均应有name属性。
4）权限控制，必须是管理员用户才能访问，跟前面实验的登录权限控制关联起来。
3.编写一个Servlet来处理新闻发布页面提交的表单
1）读取表单各项内容，并把存入一个文章对象中。
2）把文章对象绑定在request对象中，并转发到新闻显示页面。
3.编写一个新闻显示页面。
要求：
1）编写静态页面模板，页面用div+css设计
2）设定文章对象已存在request对象中，取出文章对象
3）把静态页面的内容改成动态内容，如标题，作者，内容等。
1、设计和实现新闻发布系统的页面
2、、设计和实现后台的Servlet
1、页面的实现
2、Servlet的实现
publicclassArticleServletextendsHttpServlet{
privatestaticfinallongserialVersionUID=1L;
publicArticleServlet（）{
ArticleBllab=newArticleBll（）;
StringopType=request.getParameter（"
opType"
if（opType==null）
articlelist.jsp"
elseif（opType.equals（"
see"
））
Stringaid=request.getParameter（"
articleId"
intid=0;
try
id=Integer.parseInt（aid）;
}catch（NumberFormatExceptione）
id=1;
Articlea=ab.getArticle（id）;
article"
a）;
article.jsp"
seecmts"
Vector<
Comment>
cmts=ab.getComments（id）;
comments"
cmts）;
allcomments.jsp?
articleId="
+id）.forward（request,response）;
remove"
newArticleBll（）.remove（id）;
article.jsp?
*@throwsIOExceptionif
升级会员 