javascript代码实例教程-Eclipse+Maven构建Web项目_js

上一篇: javascript代码实例教程-Android... 下一篇:javascript代码实例教程-一款很厉...

javascript代码实例教程-Eclipse+Maven构建Web项目

发布时间：2019-04-16 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Eclipse+Maven构建Web项目，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

环境准备:
JDK: 1.6
Eclipse: Indigo 3.7.2 - https://www.eclipse.org/downloads/packages/release/indigo/sr2
Maven: apache-maven-3.1.0 - https://maven.apache.org/download.cgi

1. Maven
1.1 Maven安装
     解压下载的Maven zip包,放置于F:/Tool/apache-maven-3.1.0
     设置环境变量 MAVEN_HOME = F:/Tool/apache-maven-3.1.0
     追加用户变量：在Path中追加%MAVEN_HOME%/bin
     打开cmd，运行mvn -version查看maven是否安装正确

1.2 Maven配置：
修改maven 仓库存放位置：F:/Tool/apache-maven-3.1.0/conf.settings.XMl
<localReposITory>F:/Tool/apache-maven-3.1.0/repo</localRepository>

1.3 运行Maven
打开cmd，运行 mvn help:System
maven 就会从远程仓库开始下载一大堆的东西

2. Maven Eclipse插件安装
2.1 插件安装
     Eclipse3.7以上的版本都可以通过Eclipse Marketplace安装.
     打开Marketplace，搜索Maven,找到Maven Integration for Eclipse进行安装
2.2 配置Maven in Eclipse
     Window --> PReferences --> Maven
2.2.1 点击Installation --> 点击Add 添加本地的MavenF:/Tool/apache-maven-3.1.0
2.2.2 点击User Setting 确保Maven setting的文件的位置为F:/Tool/apache-maven-3.1.0/conf/settings.xML
     注意：如果配置不改，使用Maven默认的设置,在创建web工程时会出现Jar引用混乱的错误

3. Maven创建Web工程
3.1 新建Maven Project
     File -> New -> Other -> Maven -> Maven Project
3.2 选择项目路径 Usedefault Workspace location
3.3 选择项目类型在搜索框中输入web, 选择maven-ArchetyPE-webapp
3.4 输入Group ID和 Artifact ID，以及Package
     Group ID 项目的唯一标识. Artifact ID是子项目名称. Package是默认建一个包，不写也可以
3.5 把项目变成Dynamic Web项目
     右键项目,选择Project Facets，点击Convert to faceted From ...
     勾选Dynamic Web Module, Java, 也可勾选其他需要的组件,如Javascript.
     JDK的设置需要与Dynamic Web Module的版本一致. 3.0为Java7的,2.5/2.3为JDK1.6的.因为本机是jdk1.6的因此需要选择Dynamic Web Module的Version为2.5
     上面步骤设置完成后，点击OK，Properties窗口会关闭，重新右键项目,在左侧列表中会出现一个deployment AsSEMbly
3.6 配置项目
     需要确保项目中包含添加src/main/java,src/test/java,src/test/resources三个Source Folder, 如果不存在需要创建。注意是Source Folder不是普通的Folder
3.7 更改class路径
     右键项目, Java Build Path -> Source 下面应该有4个文件夹, src/main/java，src/main /resources，src/test/java ，src/test/resources
     选上Allow output folders for source folders
     双击每个文件夹的Output folder，查看target的路径
      src/main/java，src/main/resources，选择target/classes;
      src/test/java ，src/test/resources, 选择target/test-classes;
     更改JDK版本：在Libraries双击JRE System Library，确认你需要的JDK版本. 本机目前是要1.6版本
3.8 设置部署程序集(Web Deployment Assembly)
3.8.1 删除其中的WebContent，新增src/main/webapp
3.8.2 设置将Maven的jar包发布到lib下。
      Add -> JavaBuild Path Entries -> Maven Dependencies -> Finish
      https://img.my.csdn.net/uploads/201211/23/1353639542_8233.png
3.8.3 发布
      Run As ->;maven install
      Run on server