JavaWeb项目式开发教程课件 项目1 创建Java Web项目

JavaWeb项目式开发教程认识Web技术搭建JavaWeb开发环境认识到细致工作和责任心的重要性，培养认真负责的工作态度。能熟练安装和配置JavaWeb开发环境。能使用文本编辑器、JDK、Tomcat等工具创建和运行JavaWeb项目。掌握使用IDEA创建和运行JavaWeb项目的方法。学习目标项目1

创建JavaWeb项目12创建JavaWeb项目3认识Web技术011.1

认识Web技术JavaWeb是基于Java技术解决Web领域问题的技术栈，开发一个完整的JavaWeb项目首先要了解基于Java技术的Web领域相关知识，包括Web和JSP技术的发展历程、Web服务器和Web客户端、C/S架构和B/S架构、静态网页与动态网页、JSP技术生态系统等。本任务主要对上述知识和技术进行详细介绍。任务说明相关知识01040302Web和JSP技术的发展历程C/S架构和B/S架构Web服务器和Web客户端静态网页与动态网页05JSP技术生态系统1.1.1

Web和JSP技术的发展历程Web的早期阶段主要以静态网页为主，采用HTML制作网站。随着Web的发展进入Web2.0时代，动态网页技术逐渐成为主流。Servlet和JSP（JavaServerPages）是Web2.0时代的一项重要技术，它们结合使用，为动态网页的开发提供了强大的服务器端解决方案。Servlet和JSP相结合的服务器技术的主要特点：跨平台可以在任何支持Java的服务器上运行，开发人员不必担心不同服务器环境的兼容性问题。简化页面开发使用JSP标签库可将页面逻辑和业务逻辑分离，并且可以访问和操作数据，简化了页面开发和维护的过程。可重用通过JSP页面、JavaBean、标签库和自定义标签，可以将一些常用组件和功能封装起来，提供给其他页面进行重用。这样可以减少代码的冗余，提高开发效率和代码的可维护性。可扩展Servlet和JSP是基于Java的技术，可以直接使用Java的语法和库来处理业务逻辑、访问数据库、调用其他Java类等，具有强大的可扩展性和灵活性。1.1.2

Web服务器和Web客户端Web服务器通常不是指物理设备，而是一种软件，可以管理各种Web文件，提供处理HTTP请求和响应的功能。当服务器接收到一个HTTP请求时，它会生成一个HTTP响应，并发送一个HTML页面作为回应。常见的Web服务器有MicrosoftIIS、ApacheTomcat、Nginx等。Web客户端是指在客户端计算机上向Web服务器发送HTTP请求的软件，通常是指客户端计算机上的浏览器。如Chrome、MicrosoftEdge、Firefox、QQ浏览器等。Web服务器Web客户端1.1.3

C/S架构和B/S架构Client/Server（客户端/服务器）架构，在这种架构中，客户端需要安装软件，通过网络连接到服务器，与服务器进行交互。Browser/Server（浏览器/服务器）架构，适用于Web应用程序的开发。在这种架构中，客户端使用一个浏览器代替形形色色的客户端软件，用户的所有操作都是通过浏览器进行的。C/S架构B/S架构

C/S架构B/S架构优点交互性强运行性能好网络负载小无须安装客户端软件，部署和维护成本低操作方便、灵活具有良好的跨平台性和跨设备性缺点部署和维护成本较高对客户端计算机的要求高客户端软件通常针对特定平台或操作系统开发，受平台和设备的限制浏览器难以实现复杂的用户交互效果，交互性弱响应速度慢，难以满足实时系统的需求1.1.4

静态网页与动态网页静态网页的内容是固定的，不会根据浏览器的不同需求而改变。Web服务器处理静态网页的过程如下图：1.1.4

静态网页与动态网页动态网页是在接收到用户访问请求后动态生成的页面。Web服务器处理动态网页的过程如下图：1.1.4

静态网页与动态网页

静态网页动态网页内容变化内容保持不变可以根据用户请求、数据变化或其他条件进行实时调整和更新用户交互不支持支持访问数据库不支持支持加载速度较快较慢部署和维护简单方便相对复杂安全性较低较高动态网页和静态网页的主要区别：1.1.5

JSP技术生态系统Servlet容器Servlet容器是Web服务器的一个重要组件，负责管理和执行Servlet，用于处理客户端请求并生成动态内容。除了负责处理HTTP请求之外，还提供了Servlet和JSP的生命周期管理、会话管理、线程安全性管理等功能，以确保Web应用的高效运行和稳定性。Servlet和JSPServlet是用Java编写的服务器端程序，用于处理客户端请求并生成动态内容。它能够处理各种类型的请求，包括表单数据和查询字符串，并生成相应的内容。EL表达式EL表达式是一种在JSP页面中使用的简洁、易读的表达式语言，用于在页面中获取和操作对象的属性。1.1.5

JSP技术生态系统JSTL常用的标准标签库，提供了一组功能强大的标签和函数，用于处理条件判断、循环、格式化输出、数据库访问等常见任务。数据库访问技术JSP页面通常需要与数据库进行交互，Java提供了多种数据库访问技术，如JDBC、JPA、MyBatis等，用于建立与数据库的连接、执行SQL语句和获取结果集。MVC框架在比较复杂的应用场景中，使用MVC（Model-View-Controller，模型-视图-控制器模式）框架可以更好地组织和管理代码，该框架提供了更高级的功能和规范来处理请求、控制流程和渲染页面。搭建JavaWeb开发环境021.2

搭建JavaWeb开发环境开发一个JavaWeb项目前，需要安装JDK和Web服务器，本书所使用的Web服务器为Tomcat。为了提高开发效率，通常会使用集成开发环境（IDE）。本书推荐使用的主流IDE是IntelliJIDEA。本任务对JDK、Tomcat、IDEA的下载、安装和配置分别进行详细介绍。任务说明任务说明相关知识010302JDKIDEATomcat1.2.1

JDKJDK（JavaDevelopmentKit，Java开发工具包）是用于开发Java应用程序的工具包，即编写Java应用程序必须使用JDK，它提供了编译和运行Java程序的环境。本书使用的版本为JDK17，下面将具体介绍如何在Windows操作系统上安装、配置和测试JDK17。安装JDK配置与测试JDK1安装JDK（1）JDK是Oracle公司的产品，在浏览器中访问Oracle中文官网。在导航菜单中选择“产品|Java”，进入Java产品页面。（2）单击右方“下载Java”按钮，进入JDK下载页面。选择“JDK17|Windows”，页面列出了Windows操作系统下可以选择的JDK17的下载版本。1安装JDK（3）这里下载64位安装版，单击超链接进行下载。（4）JDK下载完毕后，双击“jdk-17_windows-x64_bin.exe”文件。出现安装向导界面后，单击“下一步”按钮，设置安装文件夹。（5）单击“下一步”按钮进行安装，此时会显示安装进度。安装结束后，会提示安装完成，1安装JDKJDK17安装目录中各文件夹和文件的具体内容：bin：提供JDK开发工具，包括开发、执行、调试Java程序所使用的工具和实用程序，以及开发工具所需要的类和支持文件。conf：包含用户可编辑的配置文件，如.properties和.policy文件。include：头文件，支持使用Java本地接口和Java虚拟机调试接口的本地代码。jmods：提供jmod格式的平台模块。legal：提供JDK的法律声明。lib：包含JDK工具的JAR包及其他文件。2配置与测试JDK（1）在“控制面板”中选择“系统|高级系统设置”，打开“系统属性”对话框，选择“高级”选项卡。（2）单击“环境变量”按钮，打开“环境变量”对话框。在该对话框中，可以配置用户变量和系统变量。2配置与测试JDK（3）在系统变量中单击“新建”按钮，弹出“新建系统变量”对话框。在“变量名”文本框中输入“JAVA_HOME”，在“变量值”文本框中输入JDK17的安装路径。确定后，JAVA_HOME环境变量配置完成。（4）在系统变量中查看是否存在PATH环境变量，若不存在，则需要创建，若存在，则选中Path变量，单击“编辑”按钮，打开“编辑系统变量”对话框。在该对话框的左侧区域中输入路径。单击“确定”后，PATH环境变量配置完成。2配置与测试JDK测试JDK是否能够正常运行，测试步骤如下。（1）在Windows系统中右击“开始”，选择“运行”，打开运行对话框，输入“cmd”，进入命令提示符窗口。（2）在命令提示符窗口中执行命令查看JDK版本。1.2.2TomcatTomcat是由Apache组织、Sun公司以及其他参与者协作开发的开源软件。Tomcat其技术先进、简单易用、稳定性高，已成为当前流行的轻量级Web应用服务器。本书以Tomcat9为例介绍Tomcat的下载、安装和配置过程。下载安装TomcatTomcat目录结构配置Tomcat端口号1下载安装Tomcat（1）在浏览器中访问Tomcat官网，在左侧菜单“Download”下单击“Tomcat9”，进入Tomcat9下载页面。（2）在“BinaryDistriubutions”的“Core”列表处，根据计算机操作系统的类型选择对应版本进行下载。这里需要下载的是Windows环境下64位的程序安装包，单击超链接“64-bitWindowszip”。下载得到的安装包文件为“apache-tomcat-9.0.80-windows-x64.zip”。（3）将安装包文件解压，解压完成后，则Tomcat9安装完成。配置环境变量JAVA_HOME和PATH。（4）启动Tomcat9。双击Tomcat安装目录下“bin”文件夹中的“startup.bat”，启动Tomcat9。（5）启动Tomcat9后，打开浏览器，在浏览器地址栏中输入“http://localhost:8080”并按Enter键，打开Tomcat9的默认主页，若主页正常加载，则表示Tomcat9启动成功。2

Tomcat目录结构（1）bin：包含启动和关闭Tomcat的脚本文件。（2）conf：包含Tomcat的各种配置文件。其中，server.xml和web.xml是主要的两个配置文件。（3）lib：包含Tomcat运行时所需要的各种JAR文件。（4）logs：包含Tomcat每次运行后产生的日志文件。（5）temp：包含Web应用运行过程中生成的临时文件。（6）webapps：存放Web应用程序的目录。发布Web项目时，默认将要发布的Web应用程序存放在此文件夹中。（7）work：包含由Tomcat自动生成的Servlet源文件和字节码文件。3配置Tomcat端口号Tomcat的默认端口号为8080，修改Tomcat端口号需要修改server.xml文件，在server.xml文件中找到如下代码。Connector表示一个到用户的连接，port属性用于设置Tomcat的端口号，可以将8080修改为任意没有被占用的端口号，如8090。<Connectorexecutor="tomcatThreadPool"port="8080"protocol="HTTP/1.1“connectionTimeout="20000"redirectPort="8443"/>1.2.3IDEA（1）在浏览器中访问IDEA官网，单击首页中的“DOWNLOAD”按钮，进入IDEA的下载页面。（2）下载执行文件是“ideaIU-2021.1.2.exe”。双击该执行文件，按提示完成IDEA的安装。创建JavaWeb项目031.3

创建JavaWeb项目基于搭建好的开发环境，创建一个JavaWeb项目，并编写一个简单的JSP页面，这是JavaWeb项目开发的起步。本任务使用IDEA创建项目和编写JSP页面，并使用Tomcat服务器运行项目，在浏览器地址栏中输入http://localhost:8080/chap0103，并按Enter键，页面显示“Thisismyfirstjavawebproject！”。任务说明1.3

创建JavaWeb项目•配置IDEA的JavaWeb开发和运行环境。•在IDEA中创建JavaWeb项目。•在IDEA中编写JSP文件。•在IDEA中运行JavaWeb项目。任务分析相关知识0102什么是JSP03JSP运行原理和处理过程分析在Tomcat下运行JSP页面04使用IDEA创建JavaWeb项目1.3.1

什么是JSP在传统的静态网页HTML文件中，加入Java程序片段或JSP标签就构成了JSP页面。JSP页面使用符号“<%”和“%>”包含Java程序片段，文件扩展名为“.jsp”。文件的命名必须符合操作系统标识符规定，即由字母、下划线、$和数字组成，且第一个字符不能是数字。JSP页面本身是一个文本文件，因此可以使用文本编辑器来创建和编辑。在保存JSP页面时，为避免出现中文字符乱码，建议选择utf-8作为编码格式。例1-1创建一个简单的JSP页面。1.3.2

在Tomcat下运行JSP页面编写好的JSP页面必须发布到Tomcat下才能运行。也就是说，需要将JSP页面复制到Tomcat安装目录的特定文件夹下。Tomcat根目录在Tomcat中，每个Web项目都对应一个目录，该目录位于Tomcat安装目录的webapps目录中。在webapps目录下，还有一个特殊的目录ROOT，这是Tomcat的默认访问目录。访问ROOT目录下的网页文件时，地址栏中不需要提供项目路径，直接访问Tomcat的根地址即可。Tomcat项目目录webapps目录下的每一个子目录都对应一个Web项目。开发人员可以通过在webapps目录下新建子目录来创建自己的JavaWeb项目，该项目所需的所有文件和文件夹都存放在该子目录下。1.3.3

JSP运行原理和处理过程分析当一个JSP页面第一次被请求执行时，Tomcat首先将JSP页面文件转换成一个Java文件，即Servlet。然后将转换的Java文件编译成字节码文件，再执行这个字节码文件来响应请求。当这个JSP页面再次被请求时，Tomcat将直接执行生成的字节码文件来响应请求，从而加快页面的执行速度。1.3.3

JSP运行原理和处理过程分析Tomcat处理JSP页面第一次请求的具体步骤如下：（1）服务器将JSP文件转换成Servlet源程序（即Java文件）。（2）转换成功后，将Servlet源程序编译成字节码文件（即Class文件）。（3）Servlet容器加载字节码文件，创建一个Servlet实例。（4）执行Servlet实例的_jspService()方法，处理客户端请求。处理完成后，生成HTML格式的响应信息发送回客户端。1.3.4

使用IDEA创建JavaWeb项目为了提高开发效率，通常会使用IDE，如IDEA来进行JavaWeb项目的开发。创建项目为IDEA配置Tomcat为项目添加Web应用支持为项目配置Tomcat新建JSP文件运行JSP文件部署项目1

创建项目（1）在IDEA顶部菜单栏中，选择“File|New|Project”菜单，打开“NewProject”对话框，在左侧选择“Java”选项。（2）单击两次“Next”按钮后，进入“NewProject”对话框的项目命名界面，输入项目名称“firstweb”和项目保存路径“D:\\firstweb”。（3）单击“Finish”按钮，完成名为“firstweb”的项目的创建。2

为IDEA配置Tomcat（1）在IDEA顶部菜单栏中，选择“File|Settings”，打开“Settings”对话框，在左侧选择“Build,Execution,Deployment|ApplicationServers”选项。（2）单击中间区域的“+”按钮添加一个新的应用服务器，在弹出的对话框中选择“TomcatServer”。（3）在“TomcatServer”对话框中配置Tomcat的相关信息。在“TomcatHome”框中设置Tomcat的主目录，即Tomcat的安装目录。（4）单击“OK”按钮后，“Settings”对话框中增加一个新的应用服务器Tomcat9.0.80。3

为项目添加Web应用支持（1）在“Project”窗口中右击“firstweb”并选择“AddFrameworkSupport…”命令，打开“AddFrameworksSupport”对话框，勾选“WebApplication”复选框。（2）单击“OK”按钮，完成Web应用支持的添加，项目文件夹下新增web目录。4

为项目配置Tomcat（1）在IDEA菜单中选择“Run|EditConfigurations…”命令或者在IDEA窗口右上方单击“AddConfiguration…”按钮，打开“Run/DebugConfigurations”对话框。（2）单击左侧的“+”按钮或者“Addnew…”打开“AddNewConfiguration”界面，找到“TomcatServer|Local”并单击。（3）此时，“Run/DebugConfigurations”对话框中会增加一个新的配置。选择新配置“Tomcat9.0.80”后，选择“Deployment”进行配置部署。（4）单击“+”按钮，选择“Artifact”，将项目部署在Tomcat中。（5）单击“OK”按钮，项目部署成功，回到IDEA主界面。在主界面的右上方和左下方Services窗口中都出现了新配置的部署选项“Tomcat9.0.80”，即部署成功。5

新建JSP文件（1）在“Project”界面中，右击“web”并选择“new|JSP/JSPX”，或者在IDEA主菜单中选择“File|New|JSP/JSPX”，打开“CreateJSP/JSPXpage”界面，输入JSP文件名“hello”。（2）确定后，进入hello.jsp文件的编辑界面，在body标签之间添加Java代码，输出“WelcometoIDEA！”。（3）保存编写好的hello.jsp文件。6

运行JSP文件（1）单击IDEA主界面右上方的绿色“运行”按钮，启