1、javaweb实训报告管理系实训报告2016-2017学年第1学期课程名称:软件开发技术班 级:14信息管理与信息系统学 号:1413011024姓 名:赵志强指导教师:李 冬实训名称基于JSP指令和标签的Web应用程序开发实训日期2016.10.1321实训目的1熟悉JSP的工作原理。2掌握JSP指令标签的使用。3掌握JSP常用动作标签的使用。相关知识一、JSP技术简介概念:(1)概念:JSP即Java Server Page,是一种动态网页技术标准。(2)工作原理:(3)组成元素:JSP页面的组成元素可分为脚本元素、指令元素和动作元素。 脚本元素:规范JSP页面所使用的Java代码,包括注
2、释、声明、表达式和Java代码片段。 指令元素:描述JSP页面转换成JSP容器所能执行的Java代码的控制信息。 动作元素:用来标记并控制Servlet引擎的行为。二、JSP指令标签JSP指令包括:page指令、inc1ude指令和taglib指令句。 page指令:定义整个页面的全局属性。 include指令:用于包含一个文本或代码的文件。 taglib指令:引用自定义的标签或第三方标签库。三、JSP动作标签JSP动作元素用来控制JSP引擎的行为。动作标签均以jsp为前缀。 一般性动作标签:、。 支持JavaBean的动作标签:、。 支持XML的动作标签:、 。告诉JSP页面动态包含一个文件
3、,即JSP页面运行时才将文件加入。告诉JSP页面从该指令处停止当前页面的执行,转向执行page属性指定的JSP页面。作为其它动作标签的子标签,用于为其它标签传递参数。其name属性:用于指定参数名称。value属性:用于设置对应的参数值。用来装载一个将要在JSP页面中使用的JavaBean。JavaBean的作用范围可以是page、request、session或application,默认值是page。设置Bean的属性值:获取Bean的属性值:实训任务与实训过程【任务1】创建显示欢迎信息的JSP应用程序 任务描述搭建JSP应用程序开发环境,然后创建一个动态Web项目,再在该项目中编写一个J
4、SP页面。当用户访问该页面时,显示欢迎信息。 任务实施首先指定Web浏览器,在“首选项”对话框中指定“外部Web浏览器”为Internet Explorer。然后设置JSP程序的编码格式,在“首选项”对话框页面中展开左侧列表框中的Web节点,选择就是JSP Files选项。在右侧的Encoding下拉列表中选择ISO 10646/Unicode(UTF-8)选项。接着启动Tomcat服务器,在eclipse主界面的“其他视图”区域切换到Server视图, 单击超链接,弹出New Server对话框,并进入Define a New Server界面。展开Apache节点,选择Tomcat v8.
5、0 Server,其他选项采用默认设置。单击下一步,进入Tomcat Server界面,打开浏览文件夹对话框,在该对话框中复制Tomcat Server的安装路径,其余的采用默认设置。单击完成按钮。在Eclipse的主界面的Server视图中右击服务器“Tomcat v8.0 Server at Localhost”,选择Start命令,启动服务器。创建动态Web页面:新建动态Web项目,选择Dynamic Web Project 命令,新建动态Web项目创建JSP程序task102.jsp选择WebContent节点下新建task102.jsp文件在task102.jsp文件中的之间输入“蝴
6、蝶E购网”,在之间输入“您好,欢迎来到蝴蝶E购网!”。运行JSP程序task102.jsp在Eclipse主界面的“项目资源管理器”中选择新创建的task102.jsp节点,选择运行程序task102在IE浏览器中的运行结果 任务小结注意配置好Tomcat和EclipsePage指令作用于整个,jsp页面,定义了许多与页面相关的属性,在一个页面中,page指令可以出现多次,但是该指令的属性只能出现一次。【任务2】在JSP页面中显示系统当前日期 任务描述在一个JSP页面中动态显示系统的当前日期。 任务实施创建JSP程序task103.jsp编写代码获取当前系统日期:在task103.jsp文件的
7、与之间编写代码片段,并存放到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代码组成,主要代码为用户注册的静态页面,包括了一个表单及多个表单控件。评阅意见成绩: 评阅人: 日期:
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1