快速搭建Web項目

開發(fā)環(huán)境準備

  • eclipse版本:4.3
  • Maven版本:3.0.4(eclipse內(nèi)嵌)
  • JDK:Java SE 1.7
  • OS:Windows 10

第一步:新建一個Maven項目

“File” --> “New” --> “Maven Project ”


新建Maven項目1.png

這一步為默認設置,直接點擊下一步(“Next”)

新建Maven項目2.png

在過濾其中輸入web方便選擇,這里選擇Maven默認的webapp模版

新建Maven項目3.png

輸入你的“Group Id”和“Artifact Id”,點擊“Finish”完成

新建Maven項目4.png

至此,新建一個Maven項目的工作已經(jīng)完成。

第二步:修改調(diào)試項目結(jié)構

上述我們新建項目的過程基本都是“Next”一路點下來的。但IDE強大如eclipse也無法做到盡善盡美,自動生成的項目結(jié)構還需要進一步微調(diào),才能使用。

添加必要的文件目錄

點擊項目,右鍵選擇“Properties”,選中“Java Build Path”,在右邊的界面中選中“Source”。此時的顯示結(jié)果如下圖,可以看到有兩個報錯信息。報錯的原因是項目缺少必要的文件目錄。

項目的文件目錄缺失.png

根據(jù)上圖的錯誤提示信息,新增目錄結(jié)構“../src/main/java”和"../src/test/java",右鍵刷新項目,問題解決。

新增文件目錄.png

此時項目的包結(jié)構目錄如下圖所示。

項目包結(jié)構目錄.png

修改默認的JRE版本

從上圖可以看到,此時默認的JRE版本為“J2SE-1.5”,這么底的版本肯定無法滿足日常使用的需求。我們可以在“Java Build Path”頁面中手工修改,但這樣也有問題,每次對項目做“Maven Update”時,又會變成“J2SE-1.5”,這就很討厭了。好在通過修改pom.xml,我們從根本上解決這類問題。
當前默認生成的pom.xml為

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.eassyPassport</groupId>
    <artifactId>client1</artifactId>
    <packaging>war</packaging>
    <version>0.0.1-SNAPSHOT</version>
    <name>client1 Maven Webapp</name>
    <url>http://maven.apache.org</url>
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>3.8.1</version>
            <scope>test</scope>
        </dependency>
    </dependencies>
    <build>
        <finalName>client1</finalName>
    </build>
</project>

現(xiàn)在需要做的,就是添加“插件”

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.eassyPassport</groupId>
    <artifactId>client1</artifactId>
    <packaging>war</packaging>
    <version>0.0.1-SNAPSHOT</version>
    <name>client1 Maven Webapp</name>
    <url>http://maven.apache.org</url>
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>3.8.1</version>
            <scope>test</scope>
        </dependency>
    </dependencies>
    <build>
        <finalName>client1</finalName>
        <plugins>
            <!-- 打包 -->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-war-plugin</artifactId>
                <version>2.1.1</version>
                <configuration>
                    <warName>amms-server</warName>
                </configuration>
            </plugin>
            <!-- 資源文件 -->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-resources-plugin</artifactId>
                <version>2.5</version>
                <configuration>
                    <encoding>UFT-8</encoding>
                </configuration>
            </plugin>
            <!-- 源碼 -->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.1</version>
                <configuration>
                    <source>1.7</source>
                    <target>1.7</target>
                    <encoding>UTF-8</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

添加完成之后,選中項目 --> 右鍵 --> “Maven” --> “Update Project”,此時的項目“Build Path”如下圖所示


Build Path.png

修改web.xml

默認的web.xml為

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <display-name>Archetype Created Web Application</display-name>
</web-app>

需要將其修改為

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    id="WebApp_ID" version="2.5">
    <display-name>Archetype Created Web Application</display-name>

</web-app>

修改eclipse的“Dynamic Web Module”

如下圖所示,無法通過界面修改“Dynamic Web Module”,如果要修改,需要單獨修改eclipse生成的配置文件org.eclipse.wst.common.project.facet.core.xml。


修改Dynamic Web Module.png

在對應workspace下的項目目錄,eclipse會針對每一個項目生成一個.settings文件加,文件org.eclipse.wst.common.project.facet.core.xml就在此目錄中。打開文件,將其修改如下所示即可

<?xml version="1.0" encoding="UTF-8"?>
<faceted-project>
  <runtime name="Apache Tomcat v7.0"/>
  <fixed facet="wst.jsdt.web"/>
  <installed facet="jst.web" version="2.5"/>
  <installed facet="wst.jsdt.web" version="1.0"/>
  <installed facet="java" version="1.7"/>
</faceted-project>

打包運行

選中項目 --> “右鍵” --> “Run AS” --> “Maven Install”,運行完成之后,會生成target目錄,其中包含打包編譯后的內(nèi)容。

生成war包.png

將client1.war文件拷貝至tomcat的../webapps目錄下,啟動tomcat。

啟動tomcat.png

打開瀏覽器,輸入http://localhost:8080/client1/顯示結(jié)果如下圖所示,證明已成功在eclipse中新建一個wab項目。

Hello World.png
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,030評論 25 709
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 47,273評論 6 342
  • 除了吃和睡,我曾經(jīng)為了增肌長肉,堅持每天喝一杯牛奶,堅持到了喝不起奶粉的那天,而如今的我又計劃堅持跑步,只是為了不...
    胡言不語閱讀 765評論 0 0
  • 前幾個星期讀了“銷售就是玩轉(zhuǎn)情商”、“關鍵對話”、“非暴力溝通”等等,主要是人際溝通方面的。我發(fā)現(xiàn),所有的談話技巧...
    張翀sh閱讀 187評論 0 1

友情鏈接更多精彩內(nèi)容