admin 管理员组

文章数量: 887053


2024年2月21日发(作者:acceptexcept)

课题:第一章 Java Web概述

【教学目标】

掌握JSP运行环境的搭建,能进行简单的JSP程序编写与运行。

【教学重点】

Eclipse+Dreamweaver工具、项目的导入、导出、发布打包

【教学难点】

Eclipse+Dreamweaver工具、项目的导入、导出、发布打包

【教学方法】讲解、讨论

【教学地点】教学楼、综合楼

【课时安排】4课时

【教学过程】

1.1 配置JSP运行环境

1.1.1 任务描述与实现正确安装Tomcat服务器,并显示其欢迎页面。如图1-1所示。

图1- 1 使用Tomcat欢迎页面

实现过程:

1.安装JDK

安装Tomcat服务器前首先安装JDK(Java Development Kit),其包括了Java运行环境,Java工具和Java基础的类库。目前,提供下载的最新版本为JDK7。读者可到官方网站下载,下载地址为/technetwork/java/javase/downloads/。

下载后双击安装,画面如图1-2所示,按“下一步”操作直到完成。

图1- 2 JDK安装界面

2.安装Tomcat

Tomcat官方网站下载地址:。本书采用的版本是Tomcat-7.0.20。

下载后,双击安装,如图1-3所示。点击Next到第一步,进行安装组件选择,如图1-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启动界面,在此界面中可以选择启动或停止Tomcat服务。

启动Tomcat后,在地址栏中输入localhost:8080,若出现图1-1的显示效果,则Tomcat已正常安装并运行。

图1-3 Tomcat安装:欢迎界面

1.1.2 新知识点——JSP概述、Tomcat目录结构、虚拟目录配置

1.1.2.1 JSP概述

1. 动态网页

动态网页是在服务器运行的程序或者网页,它们会随不同用户、不同时间、不同需求,返回不同的内容。如:当登录到论坛时,作为论坛管理员身份,就可以看到“删除”、“修改”等操作;作为论坛普通用户身份,则只能看到帖子的浏览页面。

动态网页会使用服务器端脚本语言,比如目前流行的JSP等,访问动态网页时会获取最新内容显示,这就是为什么不同时间访问网页显示内容会发生变化的原因。

动态网页的特点:

交互性好:即网页会根据用户需求和选择而动态改变和响应。例如用户在网页中填写表单信息并提交,服务器经过处理将信息自动存储到后台数据库中,并转到相应提示页面。因此,采用动态网页技术的网站可以实现与用户的交互功能,如用户注册、用户登录、信息查询等。

自动更新:对于网页设计者来说,无需每次修改页面内容,只需在后台添加或者删除要显示的信息即可。例如,在论坛发布信息,后台服务器将自动生成新的网页内容。

2.B/S技术

使用动态网页技术开发网站实际上是B/S技术的一种应用,因此,要更好地理解动态网页的开发原理,首先需要了解B/S技术的一些基本概念。

B/S技术跟C/S技术的区别:

C/S(客户机/服务器)结构分为客户机和服务器两层,一般将应用软件安装在客户机端,通过网络与服务器相互通信,实现交互,如QQ、飞信、MSN等软件。对于这类系统的结构如图1-11所示。

对于C/S结构的应用软件,若要在客户机运行,就必须在先安装,而且每次对系统做了微小的改动,所有客户机的应用软件都需要更新。

3. JSP简介

(1) 什么是JSP

JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件(*.jsp)。Web服务器在遇到访问JSP网页的请求时,首先对其中的Java代码进行处理,然后将执行结果连同JSP文件中的HTML代码一起返回给客户的浏览器。插入的Java程序段可以操作数据库、重新定向网页等,以实现建立动态网页所需要的功能。

4.JSP的特点

JSP最大的优点是开发的跨平台结构,它可以运行在几乎所有的操作系统平台。

JSP的优势:

一次编写,到处运行。在这一点上Java比PHP更出色,除了系统之外,代码不用做任何更改。

系统的多平台支持。基本上可以在所有平台上的任意环境中开发,在任意环境中进行系统部署,在任意环境中扩展。相比ASP/PHP的局限性是显而易见的。

强大的可伸缩性。从只有一个小的Jar文件就可以运行Servlet/JSP,到由多台服务器进行集群和负载均衡,到多台Application进行事务处理,消息处理,一台服务器到无数台服务器,Java显示了一个巨大的生命力。

多样化和功能强大的开发工具支持。这一点与ASP很像,Java已经有了许多非常优秀的开发工具,而且许多可以免费得到,并且其中许多已经可以顺利的运行于多种平台之下。

JSP的劣势:

与ASP一样,Java的一些优势正是它致命的问题所在。正是由于为了跨平台的功能,为了极度的伸缩能力,所以极大的增加了产品的复杂性。

Java的运行速度是用class常驻内存来完成的,所以它在一些情况下所使用的内存比起用户数量来说确实是“最低性能价格比”了。从另一方面,它还需要硬盘空间来储存一系列的.java文件和.class文件以及对应的版本文件。

5. JSP开发及运行环境要求

① 操作系统要求

操作系统可以选择Windows操作系统、Unix操作系统和Linux操作系统等。

②软件环境要求

集成开发工具:集成开发工具有NetBeans、Eclipse等。本书选用Eclipse。

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:WorkSpaceJavaWebExample的文件夹(也可以建立在其他磁盘)。

② 在JavaWebExample文件夹中新建文件,输入“欢迎”二字。

2. 配置Tomcat虚拟目录

① 打开Tomcat的安装目录下conf文件夹的文件。在标签之间加上虚拟目录配置标签,即

docBase=”D:WorkSpaceJavaWebExample”/>,其中path属性值为虚拟目录名称,docBase属性值为虚拟目录指向的物理目录。修改后如图1-16所示。这里path保存的值是你在浏览器中输入的值即虚拟目录,docBase保存的值是你要访问的文件的物理绝对路径。

1.2 利用开发工具制作

1.2.1 任务描述与实现任务描述:

利用Dreamweaver、Eclipse搭配开发一个简单的JSP网页。

开发过程采用Eclipse和Dreamweaver搭配开发,设计显示界面部分用Dreamweaver实现,代码在界面制作自动生成基础上在Eclipse中编写,最后在Eclipse中测试运行实现过程:

1.下载安装Eclipse

到Eclipse的官方网站下载Eclipse IDE for Java EE Developers,下载后解压即可使用。Eclipse官方网站。

2.下载并安装DreamWeaver8

3.配置Eclipse开发环境

启动后,配置Web项目测试服务器。打开Window→Preferences菜单,选择Server→Runtime

Environments选项,然后选择添加服务器,添加已经安装的Tomcat v7.0。

4.在Eclipse中创建JavaWebExample项目

在新建项目选择对话框,选择Dynamics Web Project,如图1-24所示。单击“Next”按

钮后,出现如图1-25所示的对话框,填写项目名称JavaWebExample,选择与项目相关的信息。在本例中,项目文件都置于D:workspace JavaWebExample中,因此以默认选项配置;测试用服务器选择Tomcat7.0,其它部分按默认配置,之后单击“Finish”按钮。

5.在Dreamweaver中创建JavaWebExample站点

在Dreamweaver中创建站点时,其站点根目录指向在Eclipse中创建的项目的WebContent目录,本例的根目录为D:workspace JavaWebExampleWebContent,如图1-29所示。此外,设置站点为JSP站点,并指定前缀。

6.测试。

测试在Dreamweaver中编写的Web页面,在Eclipse中运行。本例中为了方便演示,在Dreamweaver的JavaWebExample站点的Chapter1文件夹创建一个简单的JSP页面exam1_1_

1.2.2 新知识点——Eclipse、Dreamweaver工具简介

1.2.2.1 Eclipse简介

Eclipse是著名的跨平台的自由集成开发环境(IDE),最初主要用于Java语言开发,目前也有人通过插件使其作为其他计算机语言(如C++和Python)的开发工具。虽然Eclipse本身只是一个框架平台,但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。

Eclipse就其本身而言,它只是一个框架和一组服务,但可通过插件组件构建集成开发环境。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,是一款有着多年历史和良好口碑的可视化网页编辑工具,它最大的优点就是所见即所得,对W3C网页标准化支持十分到位。同时它还支持网站管理,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML,以及支持ASP、JSP、PHP、、XML等程序语言的编写与调试。

1.2.2.3 工具联合开发调试项目

使用Eclipse开发程序时,虽然系统框架结构会给你带来方便,但并不太适合于开发Web显示界面,而Dreamweaver开发Web页面时可以实现所见即所得的效果,页面也遵循W3C国际标准。因此,可以利用这些开发工具各自的优点,结合开发Web程序,从而提高开发效率。

1.2.3 扩展——现有项目导入、导出、发布打包

对于程序员来说,有时需要将现有项目导入、导出和发布打包,下面介绍如何将项目导入、导出和发布打包。

1.2.3.1 项目导入

项目导入可直接将文件拷贝至相应文件夹中,也可导入War文件。下面先来介绍第一种方法。

1. 文件拷贝

(1) 新建项目

在Eclipse中新建project,参考1.2.2中介绍新建项目。新建项目test,此时src及WebContent均为空,

【教学小结】

本章介绍了进行Java Web应用开发的特点,B/S架构的优势,介绍了Java Web程序的服务器运行的安装配置及开发工具的搭配使用,重点介绍了JDK、Tomcat的安装与配置,以及利用DreamWeaver与Eclipse搭配开发项目。

通过本章的学习,读者可以创建简单的JSP文件,并且进行测试。

课题:第二章 JSP语法

【教学目标】

掌握JSP的页面组成,掌握JSP简单网站的制作

【教学重点】

page指令、include指令、tablib指令、动作指令、动作指令

【教学难点】

page指令、include指令、tablib指令、动作指令、动作指令

【教学方法】讲解、讨论

【教学地点】教学楼、综合楼

【课时安排】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_,单击Finish之后进入JSP页面编辑窗口,输入代码如程序2-1。

2.1.2 新知识点——JSP页面组成、声明、代码段、表达式、注释

JSP页面由两部分组成,一部分为静态部分,即HTML标记,用来完成数据页面显示;另一部分为动态部分,用来完成数据处理,包括脚本元素、指令元素和动作元素。

脚本元素用来嵌入Java代码,这些Java代码将成为转换得到的Servlet的一部分;JSP指令元素用来从整体上控制Servlet的结构;动作元素用来引入现有的组件或者控制JSP引擎的行为。

2.1.2.1 声明 <% ! %>

JSP中声明部分可以进行变量、方法和类的声明,其一般在<%!%>标签中进行。其语法格式为<%! 声明1;声明2;……%>。

如在程序2-1中,进行了求和方法的声明。下边进行一个变量的声明,如程序2-2。

2.1.2.2 代码段 <% %>

在JSP页面中嵌入Java代码来执行特定的功能,其放置在<% %>标记中。

格式为:

<%

Java代码段1

Java代码段2

……

%>

这种Java代码在Web服务器响应请求时就会运行。如程序2-3,定义2个变量并输出。

2.1.2.3 表达式 <%= %>

JSP表达式可以把JSP页面中的数据直接输出到页面,其格式为:

<%=表达式 %>

表达式一次只能使用一个表达式,并且该表达式是完整的。在表达式的语句中不能使用分号。如程序2-4,进行了变量输出

这种代码段的主要功能是输出一个变量或常量,有时候将其叫做表达式输出。使用方法见程序2-5所示。

2.1.2.4 注释

在JSP中支持两种注释,一种是显式注释,这种注释客户端允许查看的;另一种是隐式注释,这种注释客户端是看不到的。

1. 显式注释语法(HTML注释)

本文标签: 对象 数据库 页面

更多相关文章

计算机二级报名付款页面弹不出来怎么办,12123支付页面弹不出来怎么办

2月前

交管12123app2.1.6 官方安卓版 类型&#xff1a;生活服务大小&#xff1a;29.6M语言&#xff1a;中文 评分&#xff1a;9.8 标签&#xff1a; 立即下载 12123交

使用FRP远程访问TP-LINK路由器管理页面

2月前

文章目录 1. 问题发现2. 解决方案3. 参考文章1. 问题发现 FRP 客户端使用如下配置 [TP-LINK-login]type = tcplocal_ip = tploginlocal_port = 80remote_p

重新安装系统Windows defender显示页面不可用解决方法

2月前

重装系统后打开Windows安全中心出现&#xff1a;页面不可用 你的 IT 管理员已限制对此应用的某些区域的访问&#xff0c;并且你尝试访问的项目不可 用。有关详细信息&#xff0c;请与 IT 支持人员联系。

chatgpt这么火?前端如何实现类似chatgpt的对话页面_chatgpt前端页面

2月前

总结 对于框架原理只能说个大概&#xff0c;真的深入某一部分具体的代码和实现方式就只能写出一个框架&#xff0c;许多细节注意不到。 开源分享&#xff1a;【大厂前端面试题解析核心总结学习笔记真实项目实战最新

怎样用chatgpt快速写一个具有动效的页面

2月前

下图是想做的页面效果&#xff0c;根据请求url的不同&#xff0c;图标以及下面的提示语不同&#xff0c;点击“示例一”&#xff0c;“示例二”&#xff0c;“示例三”后被点击的框颜色改变&

Chatgpt页面内容错位

2月前

问题如图&#xff1a; 提问题后&#xff1a; 有在加载答案&#xff0c;但是内容显示不出来 原因&#xff1a;样式问题(或其他) 解决方法&#xff1a;空白处右键-检查-删除overf

数据简化社区2018年全球数据库总结及18种主流数据库介绍(公号回复“数据库2018”下载典藏版PDF报告)

2月前

数据简化社区2018年全球数据库总结及18种主流数据库介绍(公号回复“数据库2018”下载典藏版PDF报告) 秦陇纪数据简化DataSimp今天 数据简化DataSimp导读:Google搜索量最大的DB-Engines数据库排

python如何读取数据库中的数据_python中如何读取数据库数据库《Python核心编程》笔记基础...

2月前

春节终于over了&#xff0c;回归充实的学习研究生活。打开久违的CSDN博客&#xff0c;看到官方推送的 『博客Markdown编辑器上线啦』&#xff0c;让我顿时有了写作的欲望&#xff0c;真是程

xp打开html页面不正常,如何解决WinXP网页显示不全的问题?

2月前

我们在WinXP系统的电脑上&#xff0c;使用浏览器浏览网页的时候会遇到这样或者那样的问题。这不就有用户&#xff0c;在使用浏览器浏览器网页的时候&#xff0c;遇到打开网页显示不全的问题。怎么办&#xf

免费的Access数据库员工管理系统下载-IT技术网站 企业人员管理系统源码

2月前

免费的Access数据库员工管理系统下载 前言&#xff1a;满足大多数志在指尖用户的要求&#xff0c;今天给大家带来一个志在指尖团队自己用Access开发的数据库员工管理系统。下面就给大家介绍一下本系统的大概功能&am

学生信息管理系统(纯前端页面)———无后端数据库

2月前

无后端数据库版本的----学生信息管理系统 文末下载地址 因为不少人说GitHub的链接资源下载缓慢或者下不了&#xff0c;所以我放了CSDN的下载链接。 应该是不要积分的&#xff0c;我设置的0积分下载。 学生

MySQL官网没有centos版本的数据库,应该下载那一个版本

2月前

Centos就是redhat的社区发行版&#xff0c;内核是一样的&#xff0c;选择与redhat对应版本即可。 比如你是centos 6 那就选择redhat 6

HTML5 APP开发之浏览器调试页面

2月前

用HTML5开发APP&#xff0c;遇到的第一个问题&#xff0c;便是页面调试问题。总不可能开发一个页面&#xff0c;就打包软件&#xff0c;然后&#xff0c;在手机上安装查看效果吧(因为太

uc手机浏览器 手机模拟_UC浏览器开发者版调试手机页面

1月前

1 关于RI 目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试。手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实。 因此,我们使用技术将手机网页调试信息分离,实现一种能在大屏幕、高配置PC上来调试小屏幕、低配置的

hbase管理页面打不开_wifi.cmcc访问路由器管理页面打不开怎么解决

1月前

在实际使用中国移动定制版路由器的时候经常遇到wifi.cmcc访问路由器管理页面打不开的情况。对于wifi.cmcc这个域名具有一定的特殊性,因为它不是一个严格意义上的网址,这也就造成了一定的识别问题。在本文家用路由器网来分析有关输入wi

手把手教你在全新服务器内网安装OpenEuler 22.03 LTS SP4+ 安装 openGuass 5.0.0(LTS) 数据库

1月前

前期准备:1、下载OpenEuler操作系统软件,版本号 22.03 LTS SP4下载网址:openEuler下载 | openEuler ISO镜像 | openEuler社区官网openEuler是面向数字基础

Android微信内h5页面唤起浏览器打开页面的技术分析和实现

27天前

摘要 众所周知&#xff0c;微信是有内置浏览器的&#xff0c;方便浏览网页。但是其内核也是经过特殊改造&#xff0c;导致一些默认行为无法触发。为了实现从微信跳转到浏览器打开页面&#xff0c;可以说是

Oracle19c数据库安装教程【Windows版】

19天前

安装 安装Oracle数据库安装PLSQL Developer图形化工具安装Oracle数据库 1.下载。(下载地址:https:www.oracledatabasetechnologiesoracle-database-so

启用计算机时出现了,Win7由于启动计算机时出现了页面文件配置问题怎么解决...

19天前

由于启动计算机时出现了页面文件配置问题怎么办?Win7系统下&#xff0c;不少用户反馈系统开机的时候弹出了一个系统属性提示框&#xff0c;提示页面文件配置问题&#xff0c;Windows在您的计算机上创建了一个

神通数据库-安装与使用(Windows版)

11天前

下载链接:http:shentongdataindex.phpdownloadlist-27 首先是下载并解压好 神通数据库 的压缩包 点击 setup 开始安装数据库点击下一步,接受许可点击下一步,按照默认路径进行安

发表评论

全部评论 0
暂无评论