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-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>標籤中添加以下內容：

    <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