快速搭建Web項(xiàng)目

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

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

第一步:新建一個Maven項(xiàng)目

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


新建Maven項(xiàng)目1.png

這一步為默認(rèn)設(shè)置厘肮,直接點(diǎn)擊下一步(“Next”)

新建Maven項(xiàng)目2.png

在過濾其中輸入web方便選擇拥褂,這里選擇Maven默認(rèn)的webapp模版

新建Maven項(xiàng)目3.png

輸入你的“Group Id”和“Artifact Id”瑰妄,點(diǎn)擊“Finish”完成

新建Maven項(xiàng)目4.png

至此殊者,新建一個Maven項(xiàng)目的工作已經(jīng)完成士鸥。

第二步:修改調(diào)試項(xiàng)目結(jié)構(gòu)

上述我們新建項(xiàng)目的過程基本都是“Next”一路點(diǎn)下來的。但I(xiàn)DE強(qiáng)大如eclipse也無法做到盡善盡美锄码,自動生成的項(xiàng)目結(jié)構(gòu)還需要進(jìn)一步微調(diào)莺奔,才能使用。

添加必要的文件目錄

點(diǎn)擊項(xiàng)目遗淳,右鍵選擇“Properties”拍柒,選中“Java Build Path”,在右邊的界面中選中“Source”屈暗。此時的顯示結(jié)果如下圖拆讯,可以看到有兩個報錯信息。報錯的原因是項(xiàng)目缺少必要的文件目錄养叛。

項(xiàng)目的文件目錄缺失.png

根據(jù)上圖的錯誤提示信息种呐,新增目錄結(jié)構(gòu)“../src/main/java”和"../src/test/java",右鍵刷新項(xiàng)目弃甥,問題解決爽室。

新增文件目錄.png

此時項(xiàng)目的包結(jié)構(gòu)目錄如下圖所示。

項(xiàng)目包結(jié)構(gòu)目錄.png

修改默認(rèn)的JRE版本

從上圖可以看到淆攻,此時默認(rèn)的JRE版本為“J2SE-1.5”阔墩,這么底的版本肯定無法滿足日常使用的需求。我們可以在“Java Build Path”頁面中手工修改瓶珊,但這樣也有問題啸箫,每次對項(xiàng)目做“Maven Update”時,又會變成“J2SE-1.5”伞芹,這就很討厭了忘苛。好在通過修改pom.xml蝉娜,我們從根本上解決這類問題。
當(dāng)前默認(rèn)生成的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>

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


Build Path.png

修改web.xml

默認(rèn)的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”荧呐,如果要修改,需要單獨(dú)修改eclipse生成的配置文件org.eclipse.wst.common.project.facet.core.xml狐榔。


修改Dynamic Web Module.png

在對應(yīng)workspace下的項(xiàng)目目錄坛增,eclipse會針對每一個項(xiàng)目生成一個.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>

打包運(yùn)行

選中項(xiàng)目 --> “右鍵” --> “Run AS” --> “Maven Install”届案,運(yùn)行完成之后庵楷,會生成target目錄,其中包含打包編譯后的內(nèi)容楣颠。

生成war包.png

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

啟動tomcat.png

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

Hello World.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末矫膨,一起剝皮案震驚了整個濱河市差凹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌侧馅,老刑警劉巖危尿,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異馁痴,居然都是意外死亡谊娇,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進(jìn)店門罗晕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來济欢,“玉大人航攒,你說我怎么就攤上這事挡鞍。” “怎么了唱逢?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵粤铭,是天一觀的道長挖胃。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么酱鸭? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任吗垮,我火速辦了婚禮,結(jié)果婚禮上凹髓,老公的妹妹穿的比我還像新娘烁登。我一直安慰自己,他們只是感情好蔚舀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布饵沧。 她就那樣靜靜地躺著,像睡著了一般赌躺。 火紅的嫁衣襯著肌膚如雪狼牺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天礼患,我揣著相機(jī)與錄音是钥,去河邊找鬼。 笑死缅叠,一個胖子當(dāng)著我的面吹牛悄泥,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播肤粱,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼弹囚,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了领曼?” 一聲冷哼從身側(cè)響起鸥鹉,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎悯森,沒想到半個月后宋舷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瓢姻,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年祝蝠,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片幻碱。...
    茶點(diǎn)故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡绎狭,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出褥傍,到底是詐尸還是另有隱情儡嘶,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布恍风,位于F島的核電站蹦狂,受9級特大地震影響誓篱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜凯楔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一窜骄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧摆屯,春花似錦邻遏、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至廷没,卻和暖如春糊饱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背腕柜。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工济似, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留矫废,地道東北人盏缤。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像蓖扑,于是被迫代替她去往敵國和親唉铜。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評論 2 353

推薦閱讀更多精彩內(nèi)容

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