java快速搭建web项目_快速搭建Web项目

开发环境准备

eclipse版本：4.3

Maven版本：3.0.4(eclipse内嵌)

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项目的工作已经完成。

第二步：修改调试项目结构

上述我们新建项目的过程基本都是“Next”一路点下来的。但IDE强大如eclipse也无法做到尽善尽美，自动生成的项目结构还需要进一步微调，才能使用。

添加必要的文件目录

点击项目，右键选择“Properties”，选中“Java Build Path”，在右边的界面中选中“Source”。此时的显示结果如下图，可以看到有两个报错信息。报错的原因是项目缺少必要的文件目录。

项目的文件目录缺失.png

根据上图的错误提示信息，新增目录结构“../src/main/java”和"../src/test/java"，右键刷新项目，问题解决。

新增文件目录.png

此时项目的包结构目录如下图所示。

项目包结构目录.png

修改默认的JRE版本

从上图可以看到，此时默认的JRE版本为“J2SE-1.5”，这么底的版本肯定无法满足日常使用的需求。我们可以在“Java Build Path”页面中手工修改，但这样也有问题，每次对项目做“Maven Update”时，又会变成“J2SE-1.5”，这就很讨厌了。好在通过修改pom.xml，我们从根本上解决这类问题。

当前默认生成的pom.xml为

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

4.0.0

com.eassyPassport

client1

war

0.0.1-SNAPSHOT

client1 Maven Webapp

http://maven.apache.org

junit

junit

3.8.1

test

client1

现在需要做的，就是添加“插件”

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

4.0.0

com.eassyPassport

client1

war

0.0.1-SNAPSHOT

client1 Maven Webapp

http://maven.apache.org

junit

junit

3.8.1

test

client1

org.apache.maven.plugins

maven-war-plugin

2.1.1

amms-server

org.apache.maven.plugins

maven-resources-plugin

2.5

UFT-8

org.apache.maven.plugins

maven-compiler-plugin

3.1

1.7

1.7

UTF-8

添加完成之后，选中项目 --> 右键 --> “Maven” --> “Update Project”，此时的项目“Build Path”如下图所示

Build Path.png

修改web.xml

默认的web.xml为

/p>

"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"

"http://java.sun.com/dtd/web-app_2_3.dtd" >

Archetype Created Web Application

需要将其修改为

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">

Archetype Created Web Application

修改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就在此目录中。打开文件，将其修改如下所示即可

打包运行

选中项目 --> “右键” --> “Run AS” --> “Maven Install”，运行完成之后，会生成target目录，其中包含打包编译后的内容。

生成war包.png

将client1.war文件拷贝至tomcat的../webapps目录下，启动tomcat。

启动tomcat.png

打开浏览器，输入http://localhost:8080/client1/显示结果如下图所示，证明已成功在eclipse中新建一个wab项目。

Hello World.png