從零開始學JavaWeb

引言

  記得上學時,有位導師說過一句很經典的話:"編程語言只是工具,最重要的是掌握思想。"
筆者一直主要從事.net領域的開發工做。隨着工做閱歷的豐富，愈來愈深入的理解當年導師說的那句話的意義。
"他山之石,能夠攻玉",相互借鑑,而後爲我所用,無疑是一種開放的態度。

1、基本目標

  同.net開發環境的搭建相比,javaweb開發環境的配置可謂至關"繁瑣",因此這裏會以爲微軟Visual Studio IDE的強大。
本文是javaweb學習實踐的一次較爲詳細的記錄,但願可以對初學者帶來一點幫助,少走彎路。

2、環境搭建

  Javaweb開發環境的搭建,筆者選擇的IDE是IntelliJ IDEA(ideaIU-2016.3.4).安裝 包括如下幾點:

• IDEA 安裝
• JDK安裝和配置
• appache-tomcat的配置
• IDEA 構建Maven

1.IDEA 安裝

  Windows安裝包
  

2.JDK安裝和配置

  JDK 8安裝包
  安裝完JDK後配置環境變量 計算機→屬性→高級系統設置→高級→環境變量

  系統變量→新建 JAVA_HOME 變量
變量值填寫jdk的安裝目錄（本人是 C:\Program Files\Java\jdk1.8.0_60)

  系統變量→尋找 Path 變量→編輯
在變量值最後輸入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
（注意原來Path的變量值末尾有沒有;號,若是沒有,先輸入;號再輸入上面的代碼）

  系統變量→新建 CLASSPATH 變量
變量值填寫 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一點）

  檢驗是否配置成功 運行cmd 輸入 java -version （java 和 -version 之間有空格）
若如圖所示 顯示版本信息 則說明安裝和配置成功。

3.appache-tomcat的配置

  apache-tomcat-8.0.41
  配置Tomcat環境變量
  計算機→屬性→高級系統設置→高級→環境變量
  在系統變量中添加如下變量

  1)新建TOMCAT_HOME變量
變量名:TOMCAT_HOME
變量值:F:\JavaSoftwares\tomcat\apache-tomcat-8.0.41
  2)新建CATALINA_HOME變量
變量名CATALINA_HOME
變量值F:\JavaSoftwares\tomcat\apache-tomcat-8.0.41

  3)修改變量Path
在系統變量中找到Path變量名,雙擊或點擊編輯,在末尾添加以下內容
;%CATALINA_HOME%\bin;%CATALINA_HOME%\lib
這裏要注意，各個變量值之間必定要用;分隔。

  4)啓動Tomcat服務器
在cmd命令窗口下輸入startup回車,運行以下圖所示

  5)測試Tomcat服務器是否安裝成功
在瀏覽器中輸入http://localhost:8080或http://127.0.0.1:8080

3、建立JavaWeb Maven項目

1.maven配置

  1)下載 Apache Maven 3.3.9
其中包含針對不一樣平臺的各類版本的Maven下載文件。
  2)解壓maven壓縮包. 我解壓的路徑爲:D:\Maven\apache-maven-3.3.9

  3)配置maven的環境變量
右鍵「計算機」，選擇「屬性」，以後點擊「高級系統設置」，點擊「環境變量」，來設置環境變量，有如下系統變量須要配置：
新建系統變量: MAVEN_HOME 變量值:E:\Maven\apache-maven-3.3.9
編輯系統變量 Path
添加變量值: ;%MAVEN_HOME%\bin

  4)檢測是否安裝成功
最後檢驗配置是否成功：用win鍵+R，來打開命令行提示符窗口，即Dos界面，輸入mvn --version 若出現如下狀況說明配置成功

2.idea配置JDK

  IDEA配置JDK
  打開IDEA IDE
  依次點開File -->ProjectStructure，點擊左側標籤頁，點擊SDKs
  點擊+號，選SDK
  在彈出框選擇jdk路徑（我本地C:\Program Files\Java\jdk1.8.0_60）
  點擊OK,能夠看到jdk配置好了

3.idea構建Maven

  如上maven已經下載並解壓到本機(我本地D:\Maven\apache-maven-3.3.9)
  1) 找到/conf/setting.xml文件，用文本編輯器打開。因爲Maven遠程倉庫在國外，因此在下載相關jar包時很是慢，將其配置爲Alibaba的倉庫，需添加下面代碼:

<mirrors>
      <!-- mirror
       | Specifies a repository mirror site to use instead of a given repository. The repository that
       | this mirror serves has an ID that matches the mirrorOf element of this mirror. IDs are used
       | for inheritance and direct lookup purposes, and must be unique across the set of mirrors.
       |
      <mirror>
        <id>mirrorId</id>
        <mirrorOf>repositoryId</mirrorOf>
        <name>Human Readable Name for this Mirror.</name>
        <url>http://my.repository.com/repo/path</url>
      </mirror>
       -->

      <mirror>
        <id>alimaven</id>
        <name>aliyun maven</name>
        <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
        <mirrorOf>central</mirrorOf>
      </mirror>

      <mirror> 
        <id>uk</id>  
        <mirrorOf>central</mirrorOf>  
        <name>Human Readable Name for this Mirror.</name>  
        <url>http://uk.maven.org/maven2/</url> 
      </mirror>

       <mirror>
        <id>CN</id>
        <name>OSChina Central</name>
        <url>http://maven.oschina.net/content/groups/public/</url>
        <mirrorOf>central</mirrorOf>
      </mirror>

      <mirror>
        <id>nexus</id>
        <name>internal nexus repository</name>
        <!-- <url>http://192.168.1.100:8081/nexus/content/groups/public/</url>-->
        <url>http://repo.maven.apache.org/maven2</url>
        <mirrorOf>central</mirrorOf>
      </mirror>

    </mirrors>

  2)配置 IDEA默認設置
此處解決了『maven骨架生成項目速度慢的使人髮指，都在Generating project in Batch mode等待，Idea狀態顯示欄還在不行runing，並無卡死。查看debug信息發現，是maven獲取archetype-catalog.xml致使。』的問題。

  3)新建項目
注意：要選maven-archetype-webapp，而不是cocoon-22-archetype-webapp

  4)配置tomcat

4.配置tomcat

  配置tomcat
  在主頁面打開ProjectStructure，點擊圖示的按鈕或是按ctrl+shift+alt+s快捷鍵。

  打開ProjectStructure後，按照圖示依次點擊Facets->+號,在彈出的對話框箇中選擇Web.

  在彈出的對話框選擇剛纔建立的Maven項目（MavenDemo），點擊ok.

  接着會出現圖示的結構，點擊Deployment Descriptors 對話框右側的加號，會彈出一個圖示的小對話框，選擇web.xml所在的路徑，點擊Ok。

  再次點擊Web Resource Directories對話框右側的加號，會彈出一個圖示的小對話框，選擇webapp所在的路徑，點擊Ok。

  再次回到Project Structure,點擊左側 Artifacts，依次點擊+號->Web Application:Exploded->From Modules.

  出現下圖的對話框，點擊Ok便可。

  接下來開始配置Tomcat。而後在右上角點擊那個下拉框，再點擊Edit Configurations

  接着回到Server選項卡，配置一下Tomcat的基本參數，最後點擊Ok便可

4、調試
  以上已經完整地建立了一個maven架構的webapp
效果以下:

5、總結   總的來講,第一次使用感受很繁瑣.   這篇算是爲JavaWeb之旅開個頭.後續會逐漸深刻.