Java Web 開發(fā)從入門到實踐課件 第2章 - 搭建開發(fā)環(huán)境

JavaWeb開發(fā)從入門到實踐JavaWebDevelopmentFromIntroductiontoPractice搭建開發(fā)環(huán)境Chap02提綱搭建開發(fā)環(huán)境介紹如何搭建JavaWeb開發(fā)環(huán)境，并使用IDEA開發(fā)第一個Web程序。通過實踐，學(xué)生將掌握Web開發(fā)的基礎(chǔ)工具和流程。2.1構(gòu)建開發(fā)環(huán)境2.2使用IDEA開發(fā)第一個Web程序2.3本章小結(jié)2.1構(gòu)建開發(fā)環(huán)境2.1.1開發(fā)工具簡介2.1.2工具的安裝與配置2.1.1開發(fā)工具簡介TomcatJDKVisualStudioCodeIntelliJIDEA21342.1.2工具的安裝與配置JDK的安裝與配置1、安裝JDK2、配置環(huán)境變量解壓安裝包圖

2-1編輯環(huán)境變量JAVA_HOME圖

2-2編輯環(huán)境變量Path2.1.2工具的安裝與配置Tomcat的安裝與啟動圖2-3Tomcat目錄結(jié)構(gòu)圖

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設(shè)置ApplicationServers圖

2-9配置TomcatServer2.1.2工具的安裝與配置VisualStudioCode的安裝與配置1、安裝VisualStudioCode2、VisualStudioCode插件的安裝3、VisualStudioCode插件的配置4、創(chuàng)建項目打開VisualStudioCode工具，點擊File→OpenFolder→選中創(chuàng)建好的文件夾：“firstVSCodeProject”圖

2-11

安裝VisualStudioCode插件圖

2-12

配置VisualStudioCode2.2使用IDEA開發(fā)第一個Web程序2.2.1創(chuàng)建項目2.2.2增加Web頁面2.2.3發(fā)布Web應(yīng)用到Tomcat服務(wù)器2.2.1創(chuàng)建項目依次點擊“File→New→Project”，選中NewProject，輸入項目名稱Name，選擇項目保存位置，設(shè)置Language為Java，Buildsystem為IntelliJ，設(shè)置JDK為corretto-17圖

2-14選擇JDK圖

2-15創(chuàng)建項目創(chuàng)建一個Web項目2.2.2增加Web頁面1、依次點擊“File→ProjectStructure”，在彈出窗口中點擊“Modules→+→Web”圖

2-16配置Web頁面圖

2-17Web項目結(jié)構(gòu)2、右擊項目，點擊OpenModuleSettings，選中Artifacts，點擊“+→WebApplication:Exploded→FromModules...”圖

2-18配置Artifacts2.2.3發(fā)布Web應(yīng)用到Tomcat服務(wù)器點擊圖中Deployment選項卡，接著點擊“+→Artifact...”圖

2-20設(shè)置Deployment