JSP程序设计实验指导书

JSP程序设计实验指导书
JSP程序设计实验指导书

《JSP程序设计》实验指导书

2014 年 3 月

一、上机实验目的 (1)

二、实验基本内容 (1)

三、实验项目与实验学时 (1)

四、实验分数与考核标准 (1)

五、实验环境 (1)

实验一 JSP基础和JSP页面与标记 (2)

实验二 Tag文件与Tag标记 (19)

实验三 JSP内置对象 (22)

实验四 JSP中的文件操作 (25)

实验五 JSP中使用数据库 (28)

实验六、七 JSP与JavaBean (30)

一、上机实验目的

JSP语言程序设计课程是一门实践性很强的课程,本实验课是培养学生动手能力并使理论与实际相结合的重要环节,对巩固学生所学理论知识、加深和强化学生对理论教学和实验教学内容的掌握,培养其灵活运用所掌握的JSP语言的综合应用能力、解决实际工程问题的能力,具有极其重要的意义和作用。

二、实验基本内容

本学期Java程序设计的上机实验课共有7次,14学时。该课程是在上学期学习了“Java 程序设计基础”之后,对Java Web程序设计的进一步深入学习。通过JSP标记、JSP内置对象、JSP与JavaBean等的学习,使学生进一步掌握所学的Java Web程序开发技术的完整系统开发的方法。提高和训练学生面向对象的编程能力。学完本课程后,学生应该能掌握JSP程序设计的全部核心知识,并且利用学过的知识实现JAVA WEB程序开发。

三、实验项目与实验学时

本实验课程的共有7个实验项目,每个项目2学时,共14学时。

四、实验分数与考核标准

总实验分数是30分,其中考勤(学生上课的到课率)10分、实验完成情况(认真程度、实验结果)10分、预习报告和实验报告共10分。

注:要提示学生实验到课率不足2/3,或所做实验个数不足要求的2/3,该门课程的实验成绩以不及格论。

五、实验环境

硬件环境:计算机、局域网、投影仪、麦克风、优盘

软件环境:Java语言程序开发环境、Tomcat服务器、多媒体教室软件

实验一 JSP基础和JSP页面与标记

一、实验学时

2学时

二、实验目的

1.掌握html,css,javascript的基础知识,为以后实验打下基础;

2.掌握怎样JSP页面中使用成员变量,怎样Java程序片,Java表达式;

3.掌握怎样在JSP页面中使用include指令标记在JSP页面中静态插入一个文件的内容;

4.掌握怎样在JSP页面中使用include标记动态加载文件,使用forward实现页面转向。

三、实验内容

【演示实验1】HTML基础

1.实验要求

完成以下的实验内容,能够使用文本文件编写HTML标签编辑网页。

(1)html基本标签

"https://www.360docs.net/doc/6a18078666.html,/TR/html4/loose.dtd">

我的第一个HTML 页面

body 元素的内容会显示在浏览器中。title 元素的内容会显示在浏览器的标题栏中。请看: 改变了颜色的背景。

hr 标签定义水平线:


这是段落。


这是段落。

To break

lines

in a

paragraph,

use the br tag.

This is heading 1

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或CSS 代替。

效果图

(2)HTML 文本格式化

我的第一个HTML 页面

This text is bold


This text is strong


This text is big


This text is emphasized


This text is italic


This text is small


This text contains

subscript


This text contains

superscript

这是

预格式文本。

它保留了空格

和换行。

pre 标签很适合显示计算机代码:

for i = 1 to 10

print i

next i

效果图

(3)HTML 链接实例

本文本是一个指向本网站中的一个页面的链接。

本文本是一个指向万维网上的页面的链接。

效果图

您也可以使用图像来作链接:

效果图(4)HTML 框架实例

效果图

效果图(5)HTML 表格实例

带有普通的边框:

FirstRow
SecondRow

带有粗的边框:

FirstRow
Second

带有很粗的边框:

FirstRow
SecondRow

效果图

表头:

姓名电话
Bill Gates555 77 854555 77 855

垂直的表头:

姓名Bill Gates
电话555 77 854
电话555 77 855

效果图(6)HTML 列表实例

一个有序列表:

  1. 咖啡
  2. 牛奶

效果图

Disc 项目符号列表:

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

Circle 项目符号列表:

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

Square 项目符号列表:

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

效果图

(7) 表单实例

First name:

Last name:

请单击确认按钮,输入会发送到服务器上名为"form_action.jsp" 的页面。

效果图

I have a bike:


I have a car:


I have an airplane:



如果您点击"Submit" 按钮,您将把输入传送到名为html_form_action.jsp 的新页面。

效果图

Male:


Female:


如果您点击"Submit" 按钮,您将把输入传送到名为html_form_action.jsp 的新页面。

效果图

css属性

这是heading 1

这是一段普通的段落。请注意,该段落的文本是红色的。在body 选择器中定义了本页面中的默认文本颜色。

该段落定义了class="ex"。该段落中的文本是蓝色的。

效果图

简单的javascript