javaweb实训报告文档格式.docx
《javaweb实训报告文档格式.docx》由会员分享,可在线阅读,更多相关《javaweb实训报告文档格式.docx(11页珍藏版)》请在冰豆网上搜索。
基于JSP指令和标签的Web应用程序开发
实训日期
2016.10.13~21
实训目的
1.熟悉JSP的工作原理。
2.掌握JSP指令标签的使用。
3.掌握JSP常用动作标签的使用。
相关知识
一、JSP技术简介
概念:
(1)概念:
JSP即JavaServerPage,是一种动态网页技术标准。
(2)工作原理:
(3)组成元素:
JSP页面的组成元素可分为脚本元素、指令元素和动作元素。
脚本元素:
规范JSP页面所使用的Java代码,包括注释、声明、表达式和Java代码片段。
指令元素:
描述JSP页面转换成JSP容器所能执行的Java代码的控制信息。
动作元素:
用来标记并控制Servlet引擎的行为。
二、JSP指令标签
JSP指令包括:
page指令、inc1ude指令和taglib指令句。
page指令:
定义整个页面的全局属性。
include指令:
用于包含一个文本或代码的文件。
taglib指令:
引用自定义的标签或第三方标签库。
三、JSP动作标签
JSP动作元素用来控制JSP引擎的行为。
动作标签均以jsp为前缀。
一般性动作标签:
<
jsp:
include>
、<
forward>
param>
params>
plugin>
fallback>
。
支持JavaBean的动作标签:
useBean>
setProperty>
getProperty>
支持XML的动作标签:
attribute>
body>
、<
element>
includepage="
文件的URL"
/>
告诉JSP页面动态包含一个文件,即JSP页面运行时才将文件加入。
forwardpage="
要转向的页面"
告诉JSP页面从该指令处停止当前页面的执行,转向执行page属性指定的JSP页面。
paramname="
paramName"
value="
paramValue"
/>
作为其它动作标签的子标签,用于为其它标签传递参数。
其name属性:
用于指定参数名称。
value属性:
用于设置对应的参数值。
useBeanid="
bean的名称"
scope="
有效范围"
class="
包名.类名"
用来装载一个将要在JSP页面中使用的JavaBean。
JavaBean的作用范围可以是page、request、session或application,默认值是page。
设置Bean的属性值:
setPropertyname="
id名"
property="
属性名"
value="
值"
获取Bean的属性值:
getPropertyname="
实训任务与实训过程
【任务1】创建显示欢迎信息的JSP应用程序
◆任务描述
搭建JSP应用程序开发环境,然后创建一个动态Web项目,再在该项目中编写一个JSP页面。
当用户访问该页面时,显示欢迎信息。
◆任务实施
首先指定Web浏览器,在“首选项”对话框中指定“外部Web浏览器”为InternetExplorer。
然后设置JSP程序的编码格式,在“首选项”对话框页面中展开左侧列表框中的Web节点,选择就是JSPFiles选项。
在右侧的Encoding下拉列表中选择ISO10646/Unicode(UTF-8)选项。
接着启动Tomcat服务器,在eclipse主界面的“其他视图”区域切换到Server视图,
单击超链接,弹出NewServer对话框,并进入DefineaNewServer界面。
展开Apache节点,选择Tomcatv8.0Server,其他选项采用默认设置。
单击下一步,进入TomcatServer界面,打开浏览文件夹对话框,在该对话框中复制TomcatServer的安装路径,其余的采用默认设置。
单击完成按钮。
在Eclipse的主界面的Server视图中右击服务器“Tomcatv8.0ServeratLocalhost”,选择Start命令,启动服务器。
创建动态Web页面:
新建动态Web项目,选择DynamicWebProject命令,新建动态Web项目
创建JSP程序task102.jsp
选择WebContent节点下新建task102.jsp文件
在task102.jsp文件中的<
tittle>
/tittle>
之间输入“蝴蝶E购网”,在<
/body>
之间输入“您好,欢迎来到蝴蝶E购网!
”。
运行JSP程序task102.jsp
在Eclipse主界面的“项目资源管理器”中选择新创建的task102.jsp节点,选择运行
程序task102在IE浏览器中的运行结果
◆任务小结
注意配置好Tomcat和Eclipse
Page指令作用于整个,jsp页面,定义了许多与页面相关的属性,在一个页面中,page指令可以出现多次,但是该指令的属性只能出现一次。
【任务2】在JSP页面中显示系统当前日期
在一个JSP页面中动态显示系统的当前日期。
创建JSP程序task103.jsp
编写代码获取当前系统日期:
在task103.jsp文件的<
与<
之间编写代码片段,并存放到strDate变量中,然后使用JSP表达式在JSP页面中输出规定格式的日期
Task1-3当中的各个jsp文件主要使用了代码片段、jsp表达式、include指令、“jsp:
include”动作标签,还使用了多种注释格式。
【任务3】创建用户登录的JSP页面
创建一个用户登录页面,要求使用JavaScript对用户名和密码的规范性进行检查。
新建动态web项目task104,task104中创建一个javascript文件命名validate.js,代码如下:
创建login.jsp页面,代码如下:
该程序主要由html代码组成,主要代码为用户登录的静态页面,包括了一个表单及多个表单控件。
【任务4】创建用户注册的JSP页面
在任务3的基础上,创建一个用户注册页面,要求使用JavaScript对用户输入信息的规范性进行检查。
新建动态web项目task105,task105中创建一个javascript文件命名validate.js,代码如下:
创建registerer.jsp,命名为registerer1-5.jsp,代码如下:
运行结果如下图:
该程序主要由html代码组成,主要代码为用户注册的静态页面,包括了一个表单及多个表单控件。
评阅意见
成绩:
评阅人:
日期: