從零開始學JavaWeb


引言

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

一、基本目標

  同.net開發環境的搭建相比,javaweb開發環境的配置可謂相當"繁瑣",所以這里會覺得微軟Visual Studio IDE的強大。
本文是javaweb學習實踐的一次較為詳細的記錄,希望能夠對初學者帶來一點幫助,少走彎路。

二、環境搭建

  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

三、創建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即可

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

五、總結
  總的來說,第一次使用感覺很繁瑣.
  這篇算是為JavaWeb之旅開個頭.后續會逐漸深入.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM