南昌大学WEB开发技术实践教程实验研究报告Word文档下载推荐.docx
- 文档编号:13266960
- 上传时间:2022-10-09
- 格式:DOCX
- 页数:41
- 大小:406.22KB
南昌大学WEB开发技术实践教程实验研究报告Word文档下载推荐.docx
《南昌大学WEB开发技术实践教程实验研究报告Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《南昌大学WEB开发技术实践教程实验研究报告Word文档下载推荐.docx(41页珍藏版)》请在冰豆网上搜索。
实验类型:
□验证□综合■设计□创新实验日期:
实验成绩:
实验一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对新闻发布表单进行验证。
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、文章发布页面验证
实验四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.
*@throwsIOExceptionifanerr
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 南昌大学 WEB 开发 技术 实践 教程 实验 研究 报告