用IDEA创建maven项目使用tomcat插件方式完成web前后端应用

Myth丶恋晨 2022-06-06 20:13 202阅读 0赞

# 用IDEA创建maven项目使用tomcat插件方式完成web前后端应用 #

给自己做个小笔记，以防这些东西忘记，在此就献丑了

1.  **下载IDEA并完成安装**
2.  **创建maven项目**
3.  **导入tomcat的插件**
4.  **导入相关的依赖包**

--------------------

## 下载IDEA并完成安装 ##

首先我们需要去IDEA的官网下载相应的版本号，官网地址：[https://www.jetbrains.com/idea/download/\#section=windows][https_www.jetbrains.com_idea_download_section_windows]

![IDEA地址][IDEA]

**我们选择下载付费的专业版（UItimate），这里既然说下载专业的付费版，那自然后面会说到如何变成免费版的**

而后会出现这个界面

![这里写图片描述][SouthEast]

32位的系统选择32位的，64位的选择64位，**下面三个选项全部勾选。**

**接下来选择第二个 Do not import settings，我们设置一个全新的IDEA**

![这里写图片描述][SouthEast 1]

**注意箭头标记，第二行我们选择第三个，License server，因为这个是最重要的一步，我们要把付费的变成免费的就需要这个License server。**

![这里写图片描述][SouthEast 2]

点击了License server之后，会有一个输入框出现，我们在输入框中写入**[http://idea.iteblog.com/key.php][http_idea.iteblog.com_key.php]**，然后点击下面的Activate按钮即可。

![这里写图片描述][SouthEast 3]

后面会有这个界面风格选项，看个人爱好吧，**Next:Default plugins**即可。

![这里写图片描述][SouthEast 4]

![这里写图片描述][SouthEast 5]

点击start就成功安装好IDEA了。 PS：要运行IDEA，需要电脑中有安装好jdk配置好了坏境才能正常运行。

## 创建maven项目 ##

> Maven Maven是一个项目管理工具，它包含了一个项目对象模型 (Project Object Model)，一组标准集合，一个项目生命周期(Project Lifecycle)，一个依赖管理系统(Dependency Management System)，和用来运行定义在生命周期阶段(phase)中插件(plugin)目标(goal)的逻辑。当你使用Maven的时候，你用一个明确定义的项目对象模型来描述你的项目，然后Maven可以应用横切的逻辑，这些逻辑来自一组共享的（或者自定义的）插件 —— [ \[ 百度百科 \]][_ _]

我们通过IDEA的菜单栏中File–New–project

![这里写图片描述][SouthEast 6]

按照我箭头的步骤来，这里有一点要说明一下，有两个webapp大家不要选错，选择带有maven开头的webapp

![这里写图片描述][SouthEast 7]

这里前两个输入框是输入相应的名称，这些大家都可以随意，然后点Next

![这里写图片描述][SouthEast 8]

这是你存放maven仓库的位置，你要是想改的话后面两个勾选上就行，不然默认就Next

![这里写图片描述][SouthEast 9]

这些定义路径的我就不多说了，看大家喜好，点finish即可

![这里写图片描述][SouthEast 10]

进入界面之后，右下角会有这样的提示框，我们选择Import Changes，导入所需要的依赖

![这里写图片描述][SouthEast 11]

接着你会看到你这里在下载很多东西，我们静静的等他从中央仓库下载完成就可以了，过程可能需要个几分钟，取决于你当前的网速

![这里写图片描述][SouthEast 12]

完成后的界面是这样子的，按照我标记的箭头，我们点击进去

## 导入tomcat插件 ##

![这里写图片描述][SouthEast 13]

有了web项目了，但是我们需要tomcat对不对，有了maven，我们就不需要去tomcat官网去下载安装这么麻烦了，在里面，finalName下面起一行，像我这样，然后贴代码：

<plugins>
      
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
        <configuration>
          <port>8080</port>
          <path>/</path>
          <uriEncoding>UTF-8</uriEncoding>
        </configuration>
      </plugin>
    </plugins>

贴完了之后会右下角会弹出对话框，我们还是点Import Changes，这个是插件里贴进来的tomcat，几行代码搞定tomcat，接着他会自动去中央仓库下载，代码贴进去的时候会报错，大家不要着急，等他自动下载完成这些报错就没有了，我这边用的是tomcat7，我解释一下：  
1.varsion是对应的版本号  
2.port是端口号（可以修改）  
3.Path我们就这样可以了  
4.下面一行是编码，我们当然是utf-8了

![这里写图片描述][SouthEast 14]

在IDEA右侧会有一个M图片的，这个是我们的maven项目，我们点开，要是没有这个的，单击这个位置  
![这里写图片描述][SouthEast 15]

![这里写图片描述][SouthEast 16]

打开我们会看到这个界面，我们上面那几步都做完以后才会有  
我们单击Plugins

![这里写图片描述][SouthEast 17]

我们看到有个tomcat7，因为我之前下载的是7版本的，单击tomcat7

![这里写图片描述][SouthEast 18]

箭头标记的这个大家鼠标右键点一下

![这里写图片描述][SouthEast 19]

![这里写图片描述][SouthEast 20]  
看到下面这些提示的时候，表示我们的tomcat就成功开启了

## 导入相关的依赖包 ##

我们写jsp或者其他后台的东西要有很多依赖，单单以上这些是不够的，我们所需要的依赖都可以去[http://mvnrepository.com/][http_mvnrepository.com] 中央仓库中去找自己所需要的依赖包，我举个简单的例子

首先我们输入网址进入到仓库中来

![这里写图片描述][SouthEast 21]

我们在输入框中输入自己想要的，比如spring,servlet等等这类的东西

![这里写图片描述][SouthEast 22]

选择第一个Java Servlet API

![这里写图片描述][SouthEast 23]

看哪个下载量多就点击哪个，我选择这个3.1.0

![这里写图片描述][SouthEast 24]

看到中间的那个代码了没，把中间这几行代码复制过来

![这里写图片描述][SouthEast 25]

在我标记起来的这里面重起一行，是管理我们所有依赖的，所以要在这里面粘贴我们刚刚复制过来的代码

![这里写图片描述][SouthEast 26]  
![这里写图片描述][SouthEast 27]

还是点击这个Import Changes，点完他就去自动下载了，等下载完成后就不会报错了，怎么看我们有没有下载成功，很简单

![这里写图片描述][SouthEast 28]

点开这里，我们就会看到我们下载过来的servlet版本。

**好，做了图文详细的教程，方便自己也方便看到这篇文章的人去学习，一起进步。**

[https_www.jetbrains.com_idea_download_section_windows]: https://www.jetbrains.com/idea/download/#section=windows
[IDEA]: /images/20220607/6e58887379b7400d92549847f1bf4716.png
[SouthEast]: /images/20220607/35e5f2f49bae47ac8c1bec53e18660c1.png
[SouthEast 1]: /images/20220607/37170b7f4f0b44bea890e552326da40d.png
[SouthEast 2]: /images/20220607/1a05d68b84a1411bbd2159eed2a4e7d7.png
[http_idea.iteblog.com_key.php]: http://idea.iteblog.com/key.php
[SouthEast 3]: /images/20220607/e08a53593e874cff91b3bd37008b83cd.png
[SouthEast 4]: /images/20220607/043df56d86fd44e885d23e2b17477654.png
[SouthEast 5]: /images/20220607/8a376f1a6c084e6da35aa61ed289868e.png
[_ _]: https://baike.baidu.com/item/Maven/6094909?fr=aladdin
[SouthEast 6]: /images/20220607/b52eaf23080f48fdb14ecc805634fe77.png
[SouthEast 7]: /images/20220607/e4b6c8bfd327434cafad6df0b28444be.png
[SouthEast 8]: /images/20220607/4191efe0d2f64924a2efad7da10e0caf.png
[SouthEast 9]: /images/20220607/65c850015e2440e9bb382c0b99b2b19d.png
[SouthEast 10]: /images/20220607/ee46f236f7cc4555ad858475df427b85.png
[SouthEast 11]: /images/20220607/700882c08d14417e9eb0399402e1b737.png
[SouthEast 12]: /images/20220607/8f791a832ece483998dff5cb0f6f63c3.png
[SouthEast 13]: /images/20220607/c6f346ed6a6242109176a558672a4484.png
[SouthEast 14]: /images/20220607/a3a1843816324976a4be7b68eb9481e3.png
[SouthEast 15]: /images/20220607/3f89fbada04040b4aaaef5be2bf0b705.png
[SouthEast 16]: /images/20220607/78b0dbfccac4468291b3d097111f03e3.png
[SouthEast 17]: /images/20220607/05d20a7f56ba4f71b9a5b30a9c63ee94.png
[SouthEast 18]: /images/20220607/94b8b430f1dc4958b3458663735077a7.png
[SouthEast 19]: /images/20220607/c0eaa156514c4deca9bccfd8fc9bd583.png
[SouthEast 20]: /images/20220607/a5c3f3fdc8e14ed0b59b045db44f4dd9.png
[http_mvnrepository.com]: http://mvnrepository.com/
[SouthEast 21]: /images/20220607/3f90ecf459a44119a4b415e58e2bc0a6.png
[SouthEast 22]: /images/20220607/9be90d9ce93d410f8b46f025bb390d6f.png
[SouthEast 23]: /images/20220607/382d732337f84529b7411f47d63576e8.png
[SouthEast 24]: /images/20220607/bcd095ed392d43ad96e25074f128a819.png
[SouthEast 25]: /images/20220607/88f762771e784f6ebcf865afdbd8cced.png
[SouthEast 26]: /images/20220607/b70199a2f3854788909fcc9c259fc658.png
[SouthEast 27]: /images/20220607/e22ba6b3297e4083920f84175be91b9d.png
[SouthEast 28]: /images/20220607/b087541a352442e3826b8149288181d6.png