web开发环境搭建&创建发布web项目[JavaEE]

雨点打透心脏的1/2处 2024-04-03 08:04 80阅读 0赞

## 1 web开发概述 ##

#### 1.1 概述 ####

*  javaSE写GUI，在本地安装运行，不能通过远程访问。
 *  javaEE企业版，把写在的程序部署到服务器上，用户可以通过浏览器远程访问服务器，让服务器去调用部署在服务器中的java程序，然后java程序去处理用户发送的请求(与数据库连接)。

学习web开发，需要先安装一台web服务器，将开发好的web项目部署在web服务器中供外界访问。

![436a87a8600c4cc9b5e6ff4f0d88f132.png][]

#### 1.2 web服务器 ####

需要把开发好的程序部署在服务器上，首先需要知道并了解什么是服务器？

*  Web服务器是指驻留于因特网上某种类型计算机的程序

*  广义上的服务器 = 计算机硬件 + 计算机软件
 *  狭义上的服务器 = 计算机软件
    
     *  可以向浏览器等客户端提供文档，也可以放置网站文件，并且可以对外提供服务的软件，可以把一些文件部署到服务器上，通过地址访问，服务器就会做出响应；
     *  它是一个容器，是一个连接用户与程序之间的中间件。
 *  WEB服务器有很多，流行的WEB服务器有Tomcat、WebSphere、WebLogic、Jboss等。

![2a7ddb6e07c84077812b84fcef85440f.png][]

*  现在需要运行java程序，那么就需要安装一个支持Java程序运行的服务器，Apache的Tomcat服务器就是一个专门支持java程序的服务器，支持全部JSP以及Servlet规范，而且是免费的。

![f76946d46ffc4531a2560db6a91a66fc.png][]

*  Apache软件基金会(也就是Apache Software Foundation)，是专门为运作一个开源软件项目的 Apache 的团体提供支持的非盈利性组织。

### 2 web开发环境搭建 ###

#### 2.1 安装服务器 ####

2.1.1 获取Tomcat安装包

*  Tomcat官方站点：[Apache Tomcat® - Welcome!][Apache Tomcat_ - Welcome]，获取Tomcat安装程序包。
    
     *  tar.gz文件是Linux操作系统下的安装版本
     *  zip文件是Windows系统下的压缩版本

2.1.2 安装jdk

*  tomcat是支持java程序运行的，所以它的运行需要jdk的支持；

*  安装jdk，配置环境变量path、JAVA\_HOME(tomcat可以通过此变量找到jdk)
    
    设置PATH环境变量：

![e7942ee0c6654029988002a90e34a223.png][]

设置JAVA\_HOME环境变量：

![fb42f8b91ff748299db63535f512d8ae.png][]

2.1.3 安装Tomcat

*  解压tomcat压缩文件

![5ee7d169071a4d1296ba8c4fc2b4a145.png][]

#### 2.2 目录介绍 ####

*  Tomcat的目录层次结构：

![d562bb5e6f4749d680d767de12bdab03.png][]

#### 2.3 启动tomcat ####

*  双击 bin 目录下的 startup.bat 文件

![27285261fbf9410d8468b473d109bdcb.png][]

*  输入 [http://localhost][http_localhost]:端口号 或 http:127.0.0.1:端口号 或 局域网ip:端口号
    
    ![dc9b622cb6dd4f45a967db24bc1e3eab.png][]

2.4 关闭tomcat

*  双击 bin 目录下的 shutdown.bat 文件，服务关闭
    
    ![9d959aae753a451298234e28053d0066.png][]

### 3 创建发布web项目 ###

#### 3.1 创建java项目，添加web功能 ####

*  启动IDEA，创建一个新项目，此时这个项目是一个纯粹的JavaSE项目，我们要将它改成一个JavaEE项目：

![a3bc3dba82ca4fd0a7ff36a9fbbcf2ce.png][]

添加框架支持：

![5133e582a53545998f3d28a36cb68dc0.png][]

![3abaa9413b814193987a5ce05f7c0732.png][]

添加后就会生成一个名为web目录，index.jsp我们暂时使用不到，可以先删掉，新建一个index.html：

![c17d6e8e64e0403ca639dda017083e95.png][]

![ffa5c74c7cbb4e139a3c3ad3e1a52872.png][]

![6be0bda1ed634877a3a7dc7b010ab2c7.png][]

Web项目结构：

![fc1313ac09d74f24a44c5d4156b6b27e.png][]

**前端代码为什么要放到后端项目中？**

*  早期java项目开发，前后端不分离，java代码和前端代码放在同一个项目中，部署在同一个服务器中，而现在java项目开发，是前后端分离架构。
 *  现在为了方便测试，我们先暂时放在一个项目中

#### 3.2 发布web应用到服务器 ####

*  自动将web应用发布到web服务器下，在开发工具(例如：IDEA)中集成tomcat，将项目部署到服务器中

![5a65405366314e1e80d4c8e54ba8a267.png][]

![34ab30d0ea0c47acaefc7eb7c3351102.png][]

![524268f250694e058a66036be5645dcc.png][]

![3162be1a211741eab41c5cbd465eecbb.png][]

![dd04cab61b254fcab3fbd85c00afbfde.png][]

![481a6e992ccc410b87df44a236eee30c.png][]

![ee8bbf0de2b24d759dae880bbaaa0647.png][]

![c19bc6d24f9c4d8aa2c2f1b675968bc1.png][]

*  到此我们就把javaEE开发过程中所需要的环境就搭建安装好了

总结：

*  以前我们的JavaSE代码是本机运行，别人访问不到。
 *  而JavaEE的理念是将Java程序部署到一个服务器软件中，这样就可以做到远程访问。

[436a87a8600c4cc9b5e6ff4f0d88f132.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9adec099a3874e7db8ccef8dd2399b08.png
[2a7ddb6e07c84077812b84fcef85440f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b906220e602b4e29b8c218ac303ef800.png
[f76946d46ffc4531a2560db6a91a66fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/482055f67432472a99a49c51fc2bed45.png
[Apache Tomcat_ - Welcome]: http://tomcat.apache.org
[e7942ee0c6654029988002a90e34a223.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/98b51bdb0ce3469e907d8e16b4cf3f40.png
[fb42f8b91ff748299db63535f512d8ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8144ae00f96b45c99f6becb6449c0a9a.png
[5ee7d169071a4d1296ba8c4fc2b4a145.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f2027b0fa6c74cc7b1341f978dd3dab3.png
[d562bb5e6f4749d680d767de12bdab03.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/6d7d8b25bdb14e9c94cc465226f416ed.png
[27285261fbf9410d8468b473d109bdcb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4cfeed1feb9241548bb4688ab4d971ab.png
[http_localhost]: http://localhost
[dc9b622cb6dd4f45a967db24bc1e3eab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/bd8f4536be4c410fa9a27f8d60486f1e.png
[9d959aae753a451298234e28053d0066.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/647146b457d743ed9897e61cd7385785.png
[a3bc3dba82ca4fd0a7ff36a9fbbcf2ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/da0b249bbd7146ed937137221c333ce3.png
[5133e582a53545998f3d28a36cb68dc0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/aa688459a8ee48ff9451b2a61bf46e69.png
[3abaa9413b814193987a5ce05f7c0732.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a189ea3d7c324c7d8cb46d8dd865f063.png
[c17d6e8e64e0403ca639dda017083e95.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e32e2aa021ba4b139f9054b6107893d0.png
[ffa5c74c7cbb4e139a3c3ad3e1a52872.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d1908c4aef764ab69b31e6b2291f3886.png
[6be0bda1ed634877a3a7dc7b010ab2c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d3f31b7f674443eaafd0a9984e9bf09b.png
[fc1313ac09d74f24a44c5d4156b6b27e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f8ba9ec6a7bb4c418a2268595ba4b223.png
[5a65405366314e1e80d4c8e54ba8a267.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/876b8987ff454a76a5b62ce70ef1f2e7.png
[34ab30d0ea0c47acaefc7eb7c3351102.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/20c6bd409f404f1680a6480e4b6f8bff.png
[524268f250694e058a66036be5645dcc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d10706aae93b4088b0c931720cb3b810.png
[3162be1a211741eab41c5cbd465eecbb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c54efaf7f2df4009ae413b85c934221e.png
[dd04cab61b254fcab3fbd85c00afbfde.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/1db1173207c94f2db35829447617c827.png
[481a6e992ccc410b87df44a236eee30c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e0e8b363d7464169aa6ec5ae83e0a142.png
[ee8bbf0de2b24d759dae880bbaaa0647.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fc47efba8a2e43148ff4920640718df9.png
[c19bc6d24f9c4d8aa2c2f1b675968bc1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/511d6309a55d421f9ea405c47e41b069.png