Java Web 开发从入门到实践课件 第2章 - 搭建开发环境

JavaWeb开发从入门到实践JavaWebDevelopmentFromIntroductiontoPractice搭建开发环境Chap02提纲搭建开发环境介绍如何搭建JavaWeb开发环境，并使用IDEA开发第一个Web程序。通过实践，学生将掌握Web开发的基础工具和流程。2.1构建开发环境2.2使用IDEA开发第一个Web程序2.3本章小结2.1构建开发环境2.1.1开发工具简介2.1.2工具的安装与配置2.1.1开发工具简介TomcatJDKVisualStudioCodeIntelliJIDEA21342.1.2工具的安装与配置JDK的安装与配置1、安装JDK2、配置环境变量解压安装包图

2-1编辑环境变量JAVA_HOME图

2-2编辑环境变量Path2.1.2工具的安装与配置Tomcat的安装与启动图2-3Tomcat目录结构图

2-4Tomcat页面访问Tomcat默认地址：“http://localhost:8080”在server.xml文件中修改端口号为8088，其代码如下<Connectorport="8088"protocol="HTTP/1.1"connectionTimeout="20000"redirectPort="8443"/>2.1.2工具的安装与配置IDEA的安装与配置图

2-5选中EditConfigurations图

2-6选中Local2.1.2工具的安装与配置IDEA的安装与配置图

2-7选择TomcatServer图

2-8设置ApplicationServers图

2-9配置TomcatServer2.1.2工具的安装与配置VisualStudioCode的安装与配置1、安装VisualStudioCode2、VisualStudioCode插件的安装3、VisualStudioCode插件的配置4、创建项目打开VisualStudioCode工具，点击File→OpenFolder→选中创建好的文件夹：“firstVSCodeProject”图

2-11

安装VisualStudioCode插件图

2-12

配置VisualStudioCode2.2使用IDEA开发第一个Web程序2.2.1创建项目2.2.2增加Web页面2.2.3发布Web应用到Tomcat服务器2.2.1创建项目依次点击“File→New→Project”，选中NewProject，输入项目名称Name，选择项目保存位置，设置Language为Java，Buildsystem为IntelliJ，设置JDK为corretto-17图

2-14选择JDK图

2-15创建项目创建一个Web项目2.2.2增加Web页面1、依次点击“File→ProjectStructure”，在弹出窗口中点击“Modules→+→Web”图

2-16配置Web页面图

2-17Web项目结构2、右击项目，点击OpenModuleSettings，选中Artifacts，点击“+→WebApplication:Exploded→FromModules...”图

2-18配置Artifacts2.2.3发布Web应用到Tomcat服务器点击图中Deployment选项卡，接着点击“+→Artifact...”图

2-20设置Deployment