Ubuntu 18.04从零开始配置JDK+Tomcat+IDEA环境到使用IDEA开发Web应用和Servlet

2022-07-28 15:02:16 浏览数 (1)

搞了一下午才在Ubuntu 18.04下把JDK Tomcat IDEA环境配置好,故此将整个过程记录一下以防日后需要。

目录:

1.JDK1.8的安装配置

2.Tomcat9.0.12的安装配置

3.IDEA的下载安装

4.IDEA创建web工程

5.创建并运行servlet程序

1. JDK1.8的安装配置

1.1 下载(下载链接)

先点击接受许可协议再点击文件下载。

1.2 解压

#后面的文件名视你下载的文件名而定

1.tar -zxvf jdk-8u181-linux-x64.tar.gz

1.3 移动到指定目录(一般是容易记的地方)

#将解压的文件夹移动到/usr/local下,并且重命名为jdk1.8

1.sudo mv jdk1.8.0_181  /usr/local/jdk1.8

1.4 设置环境变量(关于Linux环境变量的配置方法和区别不再扩展,自行搜索)

1.vim /etc/profile

#如果权限不够可以在命令前面加sudo

2.sudo vim /etc/profile

然后在文件的末尾加入以下内容

#具体位置视你的位置而定,主要的就是Java_HOME的位置,其他位置可直接如下

export JAVA_HOME=/usr/local/jdk1.8

export JRE_HOME=${JAVA_HOME}/jre

export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib

export PATH=.:${JAVA_HOME}/bin:$PATH

1.5 使配置生效以及检查是否生效

#生效

1.source /etc/profile

#检查

2.java -version 

如果设置成功,则会出现JDK的版本信息,如下图

2. Tomcat9.0.12的安装配置

2.1 下载下载链接

我下载的是Tomcat9,这个可以跟JDK8兼容,然后往下拉看到图示内容,点击下载

2.2 解压

#后面的文件名视你下载的文件名而定

1.tar -zxvf apache-tomcat-9.0.12.tar.gz

2.3 移动到指定目录(一般是/opt下) 

#用sudo 不然权限不够

#此处也一样,直接将解压出来的文件夹移动到/opt下并且重命名为tomcat9

1.sudo mv apache-tomcat-9.0.12 /opt/tomcat9

2.4 更改文件夹的权限(鉴于电脑都是自己用,所以直接把权限改成777也没事,根据你的情况而定)

#此命令在/opt下执行,或直接在/opt下打开终端输入即可

sudo chmod -R 777 tomcat9

2.5 配置环境变量

#切换目录到/opt/tomcat9/bin

1.cd /opt/tomcat9/bin

#用gedit打开吧,不然vim可能不太会用

2.sudo gedit ./startup.sh

 打开以后,最后一行是exec "

export JAVA_HOME=/usr/local/jdk1.8

export JRE_HOME=${JAVA_HOME}/jre

export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib

export PATH=.:${JAVA_HOME}/bin:$PATH

export TOMCAT_HOME=/opt/tomcat9

2.6 启动tomcat服务器并检测是否配置成功

#启动,打开startup.sh这个文件,根据路径而输入命令,或者直接输入

1./opt/tomcat9/bin/startup.sh

当出现下方内容:

代表tomcat服务器启动成功,我们在浏览器输入地址  http://localhost:8080/ ,当浏览器出现下方内容,代表tomcat服务器正常运行了

3. IDEA的下载安装

3.1 下载(下载地址)

下载左边的版本

3.2 解压

1.tar -zxvf ideaIU-2018.2.3.tar.gz

3.3 移动到指定目录(一般还是移动到/opt下)

#具体的文件夹名以你解压的文件夹名为准 1.sudo mv ideaIU-2018.2.3 /opt

3.4 安装完成

后续使用的时候,需要激活,可以在某宝买一个,五块钱,我就是买了 XD,好像是一年有效期

4. IDEA创建web工程

4.1 创建一个新的web工程

File->New->Project

然后按照下图操作,其中2和4都是找到所需的安装路径

点击next之后会让你输入项目名字

然后点击Finish就完成创建了

 4.2 web工程的一些基本配置

如下图所示,右键WEB-INF,NEW->Directory

创建两个文件夹classes和lib,作用不解释了,如下图所示,别创建错位置了噢

 然后点击左上角File->Project Structrue,之后就按照下图操作。其中5选的两个文件夹是刚才我们所创建的classes

配置完classes文件夹之后,就到lib文件夹,如下图操作

点击之后选择我们创建的lib文件夹,然后继续下图操作即可

至此,web工程的简单配置结束。

4.3 IDEA关联tomcat的配置(灰常重要)

点击绿色小斧头旁边的Add Configuration

出现下图

然后按图示操作

创建好tomcat服务器之后,在上方的命名处重命名就行。

下一步继续按图示操作

点击完之后,出现下图,直接默认的就好,然后点Apply

之后就继续按图操作

在第2步中将那两个东西设置成图中一样,作用也不多说了,值得注意的是,这个第2步是在完成上一步的操作后才出现的选项

至此,tomcat服务器也配置好了,接下来就可以测试了。

4.4 运行测试

我们编辑index.jsp,然后就可以点击绿色小三角运行了。其中有点问题,如下图

这是端口被占用了,因为我们一开始安装tomcat时测试打开的,所以我们先把它关闭,IDEA这边才能继续打开

#直接打开终端输入

1./opt/tomcat9/bin/shutdown.sh

之后继续点击绿色小三角,系统就会自动弹出浏览器访问页面了

5. 创建并运行servlet程序

5.1编写servlet源程序

我们在src文件夹下创建一个新类并继承HttpServlet

然后输入以下代码即可

效果图:

源代码:

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

import java.io.PrintWriter;

public class HelloWorld extends HttpServlet {

private String message;

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//设置响应内容类型

resp.setContentType("text/html");

//设置逻辑实现

PrintWriter out = resp.getWriter();

out.println("<h1>" message "</h1>");

}

@Override

public void destroy() {

super.destroy();

}

@Override

public void init() throws ServletException {

message = "hello world";

}

}

然后就可以点击绿色小斧头编译了。编译之后会发现我们创建的classes目录下生成了.class文件。

5.2 部署servlet

在WEB-INF目录下web.xml文件的<web-app>标签中添加如下内容:

代码语言:javascript复制
    <servlet>
        <!-- 这里的servlet-name和下面的保持一致  -->
        <servlet-name>HelloWorld</servlet-name>
        <!-- 这里采用完整包名 类名的格式  -->
        <servlet-class>HelloWorld</servlet-class>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>HelloWorld</servlet-name>
        <url-pattern>/HelloWorld</url-pattern>
    </servlet-mapping>

5.3 运行测试

点击绿色小三角运行,等控制台输出完毕,浏览器自动打开先前的index.jsp,然后我们在地址栏输入 http://localhost:8080/HelloWorld  即可跳转到我们编写的servlet,如下图

至此,我们终于完成了一系列的安装配置与测试了,如果你看到这里,谢谢你。

0 人点赞