《JSP-Web开发基础教程(微课版)》ch01

第1页第1章JavaWeb应用开发概述

本章概述本章的学习目标主要内容第2页本章概述在进行JavaWeb应用开发前，技术人员需要对Web应用基础知识、相关技术、开发环境工具有初步的了解。在开启Web开发之前，需要先搭建开发环境，例如，若使用Java技术来进行Web开发，首先需要安装Java开发工具包JDK、Web服务器（如Tomcat）和IDE开发工具。第3页本章的学习目标了解软件结构，包括C/S和B/S结构理解Web应用程序的工作原理了解Web应用的客户端应用技术了解Web应用的服务器端应用技术掌握Tomcat服务软件的下载掌握Tomcat服务软件的配置方法掌握Eclipse开发工具的下载和安装掌握如何在Eclipse中创建及发布Web程序第4页主要内容1.1应用程序体系结构

1.2Web应用程序的工作原理

1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第5页1.1应用程序体系结构

1.1.1C/S体系结构介绍1.1.2B/S体系结构介绍1.1.3两种体系结构的比较 第6页1.1.1C/S体系结构介绍C/S是Client/Server的缩写，即客户端/服务器端结构。服务器端通常采用高性能的PC机或工作站，并安装上大型数据库系统如Oracle、SQLServer；客户端在使用系统时，需要安装上专用的客户端软件，如图所示。

第7页1.1.2B/S体系结构介绍B/S是Brower/Server的缩写，即浏览器/服务器结构。在这种结构中，客户端不需要开发任何用户界面，而统一采用如IE和Firefox等浏览器，通过Web浏览器向Web服务器发送请求，由Web服务器进行处理，并将处理结构逐级传回客户端，如图所示。

第8页1.1.3两种体系结构的比较从开发和维护成本来比较，C/S结构的开发和维护成本比B/S结构高。C/S结构，应用程序的功能越复杂，客户端程序也就越庞大，这给软件的维护工作带来了困难。而B/S结构的客户端把事务处理逻辑部分交给了服务器，由服务器进行处理，客户端只需要进行显示，因此，应用服务器负荷较重，一旦服务器发生“崩溃”问题，所有客户端均不能使用应用程序。因此，在使用B/S架构的应用程序时，一般都配备有备份服务器，以防万一。C/S结构，用户主要通过浏览器来使用应用程序，使用人数不固定，相对来说安全性较低。B/S相对于C/S来说更符合目前的网络与移动的发展趋势第9页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第10页1.2Web应用程序的工作原理

Web应用程序大体上可以分为两种，即静态网站和动态网站。静态网站和动态网站的工作流程分别如图1、图2。

图1图2第11页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理

1.3Web应用技术1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第12页1.3Web应用技术

1.3.1客户端应用的技术1.3.2服务器端应用的技术第13页1.3.1客户端应用的技术HTML：HTML语言为标签式语言，通过标签控制文本的字体、字号、样式，图形及其效果。CSS：CSS主要用来对页面的布局、字体、颜色、背景和其他效果进行控制。JavaScript：JavaScript是客户端脚本语言，主要用于实现用户与网页、网页与服务端的交互。第14页1.3.2服务器端应用的技术CGI：CGI是最早用来创建动态网页的一种技术，它可以使浏览器与服务器之间产生互动关系。CGI的全程是CommonGatewayInterface，即通用网关接口。ASP：通过在页面代码中嵌入VBScript或JavaScript脚本语言，来生成动态的内容，需要解释器才可以执行脚本程序，然后将执行结果和静态内容部分合并传送到客户端浏览器上。PHP：一种开源的Web服务器脚本语言，与ASP一样可以在页面中加入脚本代码来生成动态内容。ASP.NET：.NET框架的一部分，可以使用任何.NET兼容的语言来编写ASP.NET应用程序。JSP：JSP是以Java为基础开发的，所以它沿用Java强大的API功能。第15页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理

1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第16页1.4Web开发与运行环境概述在搭建JavaWeb应用的开发环境时，首先需要安装开发工具包JDK，然后安装Web服务器和数据库，还需要安装IDE(集成开发环境)工具。JavaWeb应用的开发环境如图所示。第17页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理

1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第18页1.5Tomcat的安装与配置1.5.1Tomcat的下载与安装1.5.2Tomcat的目录结构1.5.3修改Tomcat的默认端口1.5.4部署Web应用第19页1.5.1Tomcat的下载与安装/第20页1.5.2Tomcat的目录结构Tomcat服务器文件解压缩成功后，将会出现7个文件夹，Tomcat目录下的文件结构如图所示。第21页1.5.3修改Tomcat的默认端口在servlet.xml文件中找到以下代码：<Connectorport="8080"protocol="HTTP/1.1"connectionTimeout="20000"redirectPort="8443"/>将上面代码中的port="8080"修改为port="8081"，即可将Tomcat的默认端口设置为8081。第22页1.5.4部署Web应用1.通过复制Web应用到Tomcat中实现2.通过在server.xml文件中配置<Context>元素实现第23页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理

1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第24页1.6Eclipse的下载与使用1.6.1Eclipse的下载与安装1.6.2启动Eclipse1.6.3Eclipse工作台1.6.4一个HelloWord程序第25页1.6.1Eclipse的下载与安装/第26页1.6.1Eclipse的下载与安装单击Downloads超链接，进入到Eclipse的下载列表页面第27页1.6.1Eclipse的下载与安装单击GetEclipseIDE2021-12下的Downloadx86_64按钮，进入到EclipseIDE的下载页面第28页1.6.1Eclipse的下载与安装单击EclipseIDEforEnterpriseJavaandWebDevelopers右侧的Windowsx86_64，打开文件下载页面，单击Download按钮第29页1.6.1Eclipse的下载与安装下载完成后，双击一路Next安装即可第30页1.6.2启动Eclipse双击Eclipse安装目录下的eclipse.exe文件，即可启动Eclipse。初次启动Eclipse时，需要设置工作空间。第31页1.6.3Eclipse工作台Eclipse的工作台主要由菜单栏、工具栏、透视图工具栏、项目资源管理器视图、大纲视图、编辑器和其他视图组成。第32页1.6.4一个HelloWord程序选择“DynamicWebProject（动态Web项目）”命令，将打开“NewDynamicWebProject（新建动态Web项目）”对话框。第33页1.6.4一个HelloWord程序单击“Next（下一步）”按钮，打开“configurewebmodulesettings（配置web模块设置）”对话框，Contentdirectory文本框采用默认设置src/main/webapp第34页1.6.4一个HelloWord程序单击“Finish（完成）”按钮，完成项目first的创建。此时在Eclipse平台左侧的项目资源管理器中将显示项目first，依次展开节点，项目结构如图所示。第35页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理

1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第36页1.7常用网上资源JDK官方网站：Web服务器Tomcat的官方网：IDE工具Eclipse的官方网站：开源数据库MySQL的官方网站：JSTL标准标签库的下载:/products/jsp/jstlStruts.2的官方网站：Spring的官方网站：Hibernate的官方网站：iBatis的官方网站：第37页1.7常用网上资源CSDN社区中心：编程词典服务社区：第38页主要内容1.1应用程序体系结构1.2Web应用程序的工作原理

1.3Web应用技术

1.4Web开发与运行环境概述1.5Tomcat的安装与配置1.6Eclipse的下载与使用1.7常用网上资源1.8本章小结第39页1.8本章小结本章首先介绍了网络程序开发的体系结构