《Java web程序设计》教案.doc
《《Java web程序设计》教案.doc》由会员分享,可在线阅读,更多相关《《Java web程序设计》教案.doc(57页珍藏版)》请在麦多课文档分享上搜索。
1、课题: 第一章 Java Web 概述 【教学目标】 掌握 JSP运行环境的搭建,能进行简单的 JSP程序编写与运行。 【教学重点】 Eclipse+Dreamweaver 工具、项目的导入、导出、发布打包 【教学难点】 Eclipse+Dreamweaver 工具、项目的导入、导出、发布打包 【教学方法】讲解、讨论 【教学地点】教学楼、 综合 楼 【课时安排】 4课时 【教学过程】 1.1 配置 JSP运行环境 1.1.1 任务描述与实现正确安装 Tomcat服务器,并显示其欢迎页面。如图 1-1所示。 图 1- 1 使用 Tomcat欢迎页面 实现过程: 1安装 JDK 安装 Tomcat
2、服务器前首先安装 JDK(Java Development Kit),其包括了 Java运行环境, Java工具和 Java基础的类库。目前,提供下载的最新版本为 JDK7。读者可到官方网站下载,下载地址为 http:/ 下载后双击安装,画面如图 1-2所示,按 “ 下一步 ” 操作直到完成。 图 1- 2 JDK 安装界面 2安装 Tomcat Tomcat 官 方 网 站 下 载 地 址 : http:/tomcat.apache.org 。 本 书 采 用 的 版 本 是Tomcat-7.0.20。 下载后,双击安装,如图 1-3所示。点击 Next到第一步,进行安装组件选择,如图 1-
3、4所示。第二步选择路径,按照系统默认路径即可。第三步为配置 Tomcat端口信息和账号信息,如图 1-5所示,按照实际配置即可。第四步为选择 JDK的安装路径,如图 1-6所示,选择在之前第 1步操作中安装的 JDK所在的位置。之后单击 “ Next” 开始安装。安装完毕后,提示安装完成,如图 1-7所示。单击 “ Finish” 完成 Tomcat的安装。 安装完成之后,在程序菜单中可以看到 Tomcat的选项,如图 1-8所示。点击 Monitor Tomcat,可在任务栏看到 Tomcat的服务图标,如图 1-9所示,双击该图标,弹出如图 1-10所示的 Tomcat启动界面,在此界面中
4、可以选择启动或停止 Tomcat服务。 启动 Tomcat后,在地址栏中输入 http:/localhost:8080,若出现图 1-1的显示效果,则Tomcat已正常安装并运行。 图 1-3 Tomcat安装:欢迎界面 1.1.2 新知识点 JSP概述、 Tomcat目录结构、虚拟目录配置 1.1.2.1 JSP概述 1. 动态网页 动态网页是在服务器运行的程序或者网页,它们会随不同用户、不同时间、不同需求,返回不同的内容。如:当登录到论坛时,作为论坛管理员身份,就可以看到 “ 删除 ” 、 “ 修改 ” 等操作;作为论坛普通用户身份,则只能看到帖子的浏览页面。 动态网页会使用服务器端脚本语
5、言,比如目前流行的 JSP等,访问动态网页时会获取最新内容显示,这就是为什么不同时间访问网页显示内容会发生变化的原因。 动态网页的特点: 交互性好:即网页会根据用户需求和选择而动 态改变和响应。例如用户在网页中填写表单信息并提交,服务器经过处理将信息自动存储到后台数据库中,并转到相应提示页面。因此,采用动态网页技术的网站可以实现与用户的交互功能,如用户注册、用户登录、信息查询等。 自动更新:对于网页设计者来说,无需每次修改页面内容,只需在后台添加或者删除要显示的信息即可。例如,在论坛发布信息,后台服务器将自动生成新的网页内容。 2 B/S技术 使用动态网页技术开发网站实际上是 B/S技术的一种
6、应用,因此,要更好地理解动态网页的开发原理,首先需要了解 B/S技术的一些基本概念。 B/S技术 跟 C/S技术的区别: C/S(客户机 /服务器)结构分为客户机和服务器两层,一般将应用软件安装在客户机端,通过网络与服务器相互通信,实现交互,如 QQ、飞信、 MSN等软件。对于这类系统的结构如图1-11所示。 对于 C/S 结构的应用软件,若要在客户机运行,就必须在先安装,而且每次对系统做了微小的改动,所有客户机的应用软件都需要更新。 3. JSP简介 (1) 什么是 JSP JSP(Java Server Pages)是由 Sun Microsystems公司倡导、许多公司参与一起建立的一种
7、动态网页技术标准。它是 在传统的网页 HTML文件 (*.htm,*.html)中插入 Java程序段 (Scriptlet)和 JSP标记 (tag),从而形成 JSP文件 (*.jsp)。 Web服务器在遇到访问 JSP网页的请求时,首先对其中的 Java代码进行处理,然后将执行结果连同 JSP文件中的 HTML代码一起返回给客户的浏览器。插入的 Java程序段可以操作数据库、重新定向网页等,以实现建立动态网页所需要的功能。 4 JSP的特点 JSP最大的优点是开发的跨平台结构,它可以运行在几乎所有的操作系统平台。 JSP的优势: 一次编写,到处运行 。在这一点上 Java比 PHP更出色
8、,除了系统之外,代码不用做任何更改。 系统的多平台支持。基本上可以在所有平台上的任意环境中开发,在任意环境中进行系统部署,在任意环境中扩展。相比 ASP/PHP的局限性是显而易见的。 强大的可伸缩性。从只有一个小的 Jar文件就可以运行 Servlet/JSP,到由多台服务器进行集群和负载均衡,到多台 Application进行事务处理,消息处理,一台服务器到无数台服务器, Java显示了一个巨大的生命力。 多样化和功能强大的开发工具支持。这一点与 ASP很像, Java已经有了许多非常 优秀的开发工具,而且许多可以免费得到,并且其中许多已经可以顺利的运行于多种平台之下。 JSP的劣势: 与
9、ASP一样, Java的一些优势正是它致命的问题所在。正是由于为了跨平台的功能,为了极度的伸缩能力,所以极大的增加了产品的复杂性。 Java的运行速度是用 class常驻内存来完成的,所以它在一些情况下所使用的内存比起用户数量来说确实是 “ 最低性能价格比 ” 了。从另一方面,它还需要硬盘空间来储存一系列的 .java文件和 .class文件以及对应的版本文件。 5. JSP开发及运行环境要求 操作系统要求 操作系 统可以选择 Windows操作系统、 Unix操作系统和 Linux操作系统等。 软件环境要求 集成开发工具:集成开发工具有 NetBeans、 Eclipse等。本书选用 Ecl
10、ipse。 Web服务器: JSP运行时需要安装 JDK和 Web服务器,目前使用较多的 Web服务器有 Tomcat、WebLogic、 Jboss 和 Resin 等。本书选用 Tomcat。 Tomcat 是 Apache 软件基金会( Apache Software Foundation)的 Jakarta 项目中的一个核心项目,由 Apache、 Sun 和其他 一些公司及个人共同开发而成。本书选用目前最新版本 Tomcat7.0。 1.1.2.3 虚拟目录配置 配置 JavaWebExample的虚拟目录,方法如下: 1前期准备工作 在 D盘建立 D:WorkSpaceJavaWe
11、bExample的文件夹(也可以建立在其他磁盘)。 在 JavaWebExample文件夹中新建 index.html文件,输入 “ 欢迎 ” 二字。 2. 配置 Tomcat虚拟目录 打开 Tomcat的安装目录下 conf文件夹的 server.xml文件。在 和 标签 之间加上虚拟目录配置标签,即 ,其中 path属性值为虚拟目录名称, docBase属性值为虚拟目录指向的物理目录。修改后如图 1-16所示。这里 path保存的值是你在浏览器中输入的值即虚拟目录, docBase保存的值是你要访问的文件的物理绝对路径。 1.2 利用开发工具制作 Hello.jsp 1.2.1 任务描述与
12、实现任务描述: 利用 Dreamweaver、 Eclipse搭配开发一个简单的 JSP网页。 开发过程采用 Eclipse和 Dreamweaver搭配开发,设计显示界面部分用 Dreamweaver实现,代码在界面制作自动生成基础上在 Eclipse中编写,最后在 Eclipse中测试运行实现过程: 1下载安装 Eclipse 到 Eclipse的官方网站下载 Eclipse IDE for Java EE Developers,下载后解压即可使用。Eclipse官方网站 http:/www.eclipse.org。 2下载并安装 DreamWeaver8 3配置 Eclipse开发环境
13、启动后,配置 Web项目测试服务器。打开 Window Preferences菜单,选择 Server Runtime Environments选项,然后选择添加服务器,添加已经安装的 Tomcat v7.0。 4在 Eclipse中创建 JavaWebExample项目 在新建项目选择对话框,选择 Dynamics Web Project,如图 1-24所示。单击 “ Next” 按钮后,出现如图 1-25所示的对话框,填写项目名称 JavaWebExample,选择与项目相关的信息。在本例中,项目文件都置于 D:workspace JavaWebExample中,因此以默认选项配置;测试用
14、服务器选择 Tomcat7.0,其它部分按默认配置,之后单击 “ Finish” 按钮。 5在 Dreamweaver中创建 JavaWebExample站点 在 Dreamweaver中创建站点时,其站点根目录指向在 Eclipse中创建的项目的 WebContent目录,本例的根目录为 D:workspace JavaWebExampleWebContent,如图 1-29所示。此外,设置站点为 JSP站点,并指定前缀。 6测试。 测 试在 Dreamweaver中编写的 Web页面,在 Eclipse中运行。本例中为了方便演示,在Dreamweaver 的 JavaWebExample
15、站 点 的 Chapter1 文 件 夹 创 建 一 个 简 单 的 JSP 页面exam1_1_Hello.jsp 1.2.2 新知识点 Eclipse、 Dreamweaver工具简介 1.2.2.1 Eclipse简介 Eclipse是著名的跨平台的自由集成开发环境 (IDE),最初主要用于 Java语言开发,目前也有人通过插件使其作为其他计算机语言 (如 C+和 Python)的开发工具。虽然 Eclipse本身只是一个框架平台,但是众多插件的支持使得 Eclipse拥有其他功能相对固定的 IDE软件很难具有的灵活性。许多软件开发商以 Eclipse为框架开发自己的 IDE。 Ecli
16、pse就其本身而言,它只是一个框架和一组服务,但可通过插件组件构建集成开发环境。 Eclipse附带了一个标准的插件集,包括 Java开发工具 (Java Development Tools, JDT)。 Eclipse最初是由 IBM公司开发的替代商业软件 Visual Age for Java的下一代 IDE Eclipse, 2001年 11月贡献给开源社区,现在它由非盈利软件供应商联盟 Eclipse基金会(Eclipse Foundation)管理。 1.2.2.2 Dreamweaver简介 Dreamweaver,简称 DW,是一款有着多年历史和良好口碑的可视化网页编辑工具,它最
17、大的优点就是所见即所得,对 W3C网页标准化支持十分到位。同时它还支持网站管理,包含 HTML检查、 HTML格式控制、 HTML格式化选项、 HomeSite/BBEdit捆绑、图像编辑、全局查找替换、全 FTP功能、处理 Flash和 Shockwave等多媒体格式和动态 HTML,以及支持 ASP、 JSP、 PHP、ASP.NET、 XML等程序语言的编写与调试。 1.2.2.3 工具联合开发调试项目 使用 Eclipse开发程序时,虽然系统框架结构会给你带来方便,但并不太适合于开发 Web显示界面,而 Dreamweaver开发 Web页面时可以实现所见即所得的效果,页面也遵循 W3
18、C国际标准。因此,可以利用这些开发工具各自的优点,结合开发 Web程序,从而提高开发效率。 1.2.3 扩展 现有项目导入、导出、发布打包 对于程序员来说,有时需要将现有项目导入、导出和发布打包,下面介绍如 何将项目导入、导出和发布打包。 1.2.3.1 项目导入 项目导入可直接将文件拷贝至相应文件夹中,也可导入 War 文件。下面先来介绍第一种方法。 1. 文件拷贝 (1) 新建项目 在 Eclipse中新建 project,参考 1.2.2中介绍新建项目。新建项目 test,此时 src及WebContent均为空, 【教学小结】 本章介绍了进行 Java Web应用开发的特点, B/S架
19、构的优势,介绍了 Java Web程序的服务器运行的安装配置及开发工具的搭配使用,重点介绍了 JDK、 Tomcat的安装与配置,以 及利用DreamWeaver与 Eclipse搭配开发项目。 通过本章的学习,读者可以创建简单的 JSP文件,并且进行测试。 课题: 第 二 章 JSP 语法 【教学目标】 掌握 JSP的页面组成,掌握 JSP简单网站的制作 【教学重点】 page 指令、 include 指令、 tablib 指令、 动作指令、 动作指令 【教学难点】 page 指令、 include 指令、 tablib 指令、 动作指令、 动作指令 【教学方法】讲解、 讨论 【教学地点】教
20、学楼 、 综合 楼 【课时安排】 4课时 【教学过程】 2.1 制作第一个 JSP页面 2.1.1 任务描述与实现在 Jsp文件中定义方法实现两个数的加法 定义方法实现两个数的加法,调用其计算 1+2并显示结果,如图 2-1所示。 图 2-1 求和效果 实现过程: 1新建 JSP 文件。在项目的 chapter2 文件夹中,单击右键选择 New JSP File 选项,弹出如图 2-2 所示的对话框,在 File name 中输入 exam2_1_sum.jsp,单击 Finish 之后进入JSP页面编辑窗口,输入代码如程 序 2-1。 2.1.2 新知识点 JSP页面组成、声明、代码段、表达
21、式、注释 JSP页面由两部分组成,一部分为静态部分,即 HTML标记,用来完成数据页面显示;另一部分为动态部分,用来完成数据处理,包括脚本元素、指令元素和动作元素。 脚本元素用来嵌入 Java代码,这些 Java代码将成为转换得到的 Servlet的一部分; JSP指令元素用来从整体上控制 Servlet的结构;动作元素用来引入现有的组件或者控制 JSP引擎的行为。 2.1.2.1 声明 JSP中声明部分可以进行变量、方法和类的声明, 其一般在 标签中进行。其语法格式为 。 如在程序 2-1中,进行了求和方法的声明。下边进行一个变量的声明,如程序 2-2。 2.1.2.2 代码段 在 JSP页
22、面中嵌入 Java代码来执行特定的功能,其放置在 标记中。 格式为: 这种 Java代码在 Web服务器响应请求时就会运行。如程序 2-3,定义 2个变量并输出。 2.1.2.3 表达式 JSP表达式可以把 JSP页面中的数据直 接输出到页面,其格式为: 表达式一次只能使用一个表达式,并且该表达式是完整的。在表达式的语句中不能使用分号。如程序 2-4,进行了变量输出 这种代码段的主要功能是输出一个变量或常量,有时候将其叫做表达式输出。使用方法见程序 2-5所示。 2.1.2.4 注释 在 JSP中支持两种注释,一种是显式注释,这种注释客户端允许查看的;另一种是隐式注释,这种注释客户端是看不到的
23、。 1. 显式注释语法 (HTML注释 ) 2.1.3 扩展 代码编写规范 好的代码应该容易理解,并且见名知意的,因此大家都需要遵守一些约定,下面介绍一些常规的编写规范。 1 JSP文件命名 JSP文件名称要以小写字母命名,名称要体现出该页面的意义,最好能够与模块名称联系在一起。 例如: login.jsp -登录页面 register.jsp -注册页面 message.jsp -消息页面 2 Java Web项目文件夹组织规范 Java Web项目的目录结构为: src -存放 java源文件的文件夹 WebContent - web站点文件存放文件夹 |-images -图片文件夹 |-
24、css -样式文件夹 |-js - js文件夹 |- -其他功能模块文件夹 (存放与某个功能模块相关的资源 ) |-WEB-INF -网站配置及类和库文件夹 |-classes - 存放类编译后的字节码文件的文件夹 |-lib - 存放 jar文件的文件夹 2.2 制作一个带包含文件的 JSP 页面 2.2.1 任务描述与实现 实现 静态包含功能,编写三个不同类型的文件,然后将这三个不同类型的文件静态包含于某一 JSP文件中 2.2.2 新知识点 JSP指令: page指令、 include指令 JSP指令是为 JSP引擎而设计的。它们并不直接产生任何可见的输出,而只是告诉引擎如何处理其余的
- 1.请仔细阅读文档,确保文档完整性,对于不预览、不比对内容而直接下载带来的问题本站不予受理。
- 2.下载的文档,不会出现我们的网址水印。
- 3、该文档所得收入(下载+内容+预览)归上传者、原创作者;如果您是本文档原作者,请点此认领!既往收益都归您。
下载文档到电脑,查找使用更方便
2000 积分 0人已下载
下载 | 加入VIP,交流精品资源 |
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JAVAWEB 程序设计 教案 DOC
