使用idea社区版+maven+tomcat搭建java web开发环境

回到第一章:目录



文章目录

  • 使用idea社区版+maven+tomcat搭建java web开发环境
  • 前言
  • 一、tomcat下载及环境变量配置
  • 二、创建一个web app工程
  • 三、IDEA中配置tomcat



前言

这一节介绍java web的开发环境搭建,操作步骤:
1、tomcat下载及环境变量配置
2、创建一个web app工程
3、IDEA中配置tomcat,并运行。


提示:以下是本篇文章正文内容,下面案例可供参考

一、tomcat下载及环境变量配置

1、下载tomcat8,推荐官方下载地址

ideal 社区版 javascript 项目 idea社区版配置web开发_tomcat


也可从百度网盘下:

链接:https://pan.baidu.com/s/1QOKPDMOZgM_t2CMfm8bNqA

提取码:3gyc2、把下载的安装包解压到:D:\Program Files (x86)\apache-tomcat-8.5.47

ideal 社区版 javascript 项目 idea社区版配置web开发_maven_02

3、配置环境变量:

新增:TOMCAT_HOME

PATH变量中新增:%TOMCAT_HOME%bin

ideal 社区版 javascript 项目 idea社区版配置web开发_maven_03


ideal 社区版 javascript 项目 idea社区版配置web开发_java_04


4、启动,进入:D:\Program Files (x86)\apache-tomcat-8.5.47\bin

双击:startup.bat

检查控制台最后一行打印是否有:

ideal 社区版 javascript 项目 idea社区版配置web开发_tomcat_05


如果打印的中文是乱码的(windosw系统默认使用GBK编码),则修改下配置文件:

D:\Program Files (x86)\apache-tomcat-8.5.47\conf\logging.properties

将 utf-8改为GBK,然后重启

#java.util.logging.ConsoleHandler.encoding = UTF-8

java.util.logging.ConsoleHandler.encoding = GBK

ideal 社区版 javascript 项目 idea社区版配置web开发_tomcat_06


浏览器地址输入:

http://localhost:8080/ 能看到小猫说明安装好了。


二、创建一个web app工程

1、打开IDEA,File - New -Project

选中maven,然后勾选 Create from archetypem,在列表中选中:maven-archetype-webapp

ideal 社区版 javascript 项目 idea社区版配置web开发_java_07


2、填写项目相关信息,点next

ideal 社区版 javascript 项目 idea社区版配置web开发_maven_08


3、配置maven信息,将idea自带的maven修改为本地安装的maven,然后点完成,IDEA会自动下载相关依赖,并生成一个java web app基本的框架。

ideal 社区版 javascript 项目 idea社区版配置web开发_java_09


4、观察java web项目结构目录,已经有了一个index.jsp文件。

ideal 社区版 javascript 项目 idea社区版配置web开发_maven_10


5、项目目前还不能运行,因为webapp项目需要在诸如tomcat这样的web容器中才能运行。此时idea的tomcat还未配置好。

ideal 社区版 javascript 项目 idea社区版配置web开发_tomcat_11

三、IDEA中配置tomcat

1、点击File - Setttings , 点击 plugins,

在搜索框里搜索:tomcat,找到 Smart Tomcat 点击安装,安装完成后重启idea。

ideal 社区版 javascript 项目 idea社区版配置web开发_maven_12

2、点击 Run - Edit Configurations

然后点击左上的 + 号,选择 Smart Tomcat,

ideal 社区版 javascript 项目 idea社区版配置web开发_java_13


3、配置tomcat参数

Name: 给项目取个名字

Deployment Directory : 项目webapp的位置。

Context Path: 自动填入,一般默认是工程名称,不做修改。

端口号若默认的未被占用也可不修改。

ideal 社区版 javascript 项目 idea社区版配置web开发_java_14


Tomcat Server 点 Configuration,选中安装在硬盘上的tomcat

ideal 社区版 javascript 项目 idea社区版配置web开发_tomcat_15


4、完成配置后,在右上边,出现了可运行的选项:

ideal 社区版 javascript 项目 idea社区版配置web开发_java_16


5、点击旁边的三角形,运行。如果出现提示端口被占用,回到第3步,重新修改端口号再运行。

ideal 社区版 javascript 项目 idea社区版配置web开发_tomcat_17


6、打开浏览器,输入:http://localhost:8282/FirstJavaWeb/index.jsp

ideal 社区版 javascript 项目 idea社区版配置web开发_maven_18


至此,java web开发的环境就搭建好了。