ubuntu18.04从零开始配置环境(jdk+tomcat+idea)到使用idea开发web应用和servlet

昨天吃了亏,搞了一下午才把环境配置好,故此将整个过程记录一下以防日后需要。

注意:因为我的博客模块的原因,所以我把图片压缩了一些,如果有看不清的,

可以  右键图片->在新标签页打开图片

 

目录

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 "$PRGDIR"/"$EXECUTABLE" start "$@",我们将以下内容添加到它的前面的位置即可

 

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-INFNEW->Directory

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

 然后点击左上角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>标签中添加如下内容:

    <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,如下图

 

 

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

附上参考链接:(感谢)

https://blog.csdn.net/yhao2014/article/details/45740111

http://www.cnblogs.com/luoli-/p/9247952.html

https://blog.csdn.net/u011630575/article/details/78490080

posted @ 2018-09-16 13:58 yellowgg 阅读(...) 评论(...) 编辑 收藏