使用IDEA搭建Springmvc入门项目

我就是我 2021-08-28 12:01 583阅读 0赞

# 在正是开始之前，先谈谈自己遇到的一些些坑： #

*  最初因为自己只做过JSP项目，也就是使用eclipse搭建Dynamic Web Project项目，然后最近又要开发一个网站，心想还是学个框架吧。
 *  最初决定的就是前后端分离开发，前端是vuejs的webpack框架加上Java的springmvc框架去做，而springmvc搜了一些教程都是用的IDEA去做，然而我又搜了一下也有用eclipse的，不过eclipse感觉用的人还是比较少。
 *  由于觉得装个新软件麻烦。。。。就用eclipse搭建了一番，结果总是遇到各种问题，花费了一天多的时间都没有调试完错误，哈哈哈哈！！！被逼无奈之下装了IDEA去入门。由于已经学习了框架的知识，虽然在eclipse上没有实现页面跳转这些，但是原理弄清楚了，在IDEA用了不到一天，实现了全部入门。

## 不多说，看一下软件的准备过程 ##

*  首先我下载了IDEA社区版2019版本，安装之后点击图标打不开，于是又进到bin目录下，运行bat文件，依旧打不开。这时我搜了一下发现2019版本好像是有这个问题，虽然有解决办法，但是不想浪费时间，我直接下载了2020版本和2018版本，重新安装2020版本之后，顺利打开，如下图：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70]

## 随后呢进入到IDEA美美的界面了~ ##

新建一个springmvc项目的过程可以参考这篇博文，  
转载：https://blog.csdn.net/weixin\_42222334/article/details/80362126  
里边写的很清楚了，不过在新建之前，如果你的maven安装在自己新建的目录，如D盘或E盘，然后你直接按照上边进行新建的话，可能会出现一个空目录的项目。。。然后也会报错说**C:\\Users\\Administrator.m2**下没有setting.xml文件，所以你需要把maven安装目录conf中setting.xml复制到**C:\\Users\\Administrator.m2**。  
![在这里插入图片描述][20200411121831794.png]  
这样操作之后，当然可以使用maven成功创建，但是还有一点，速度太慢。。。。那就不用想了，换源，打开C盘放进去的那个setting.xml，  
在mirrors标签下添加这些源，其实有一个阿里云应该就够了，但是多点也不影响，以防万一对吧。

<mirror>
          <id>aliyunmaven</id>
          <mirrorOf>central</mirrorOf>
          <name>aliyun maven</name>
          <url>https://maven.aliyun.com/repository/public </url>
        </mirror>
        <mirror>
          <id>central</id>
          <name>Maven Repository Switchboard</name>
          <url>http://repo1.maven.org/maven2/</url>
          <mirrorOf>central</mirrorOf>
        </mirror>
        <mirror>
          <id>repo2</id>
          <mirrorOf>central</mirrorOf>
          <name>Human Readable Name for this Mirror.</name>
          <url>http://repo2.maven.org/maven2/</url>
        </mirror>
        <mirror>
          <id>ibiblio</id>
          <mirrorOf>central</mirrorOf>
          <name>Human Readable Name for this Mirror.</name>
          <url>http://mirrors.ibiblio.org/pub/mirrors/maven2/</url>
        </mirror>
        <mirror>
          <id>jboss-public-repository-group</id>
          <mirrorOf>central</mirrorOf>
          <name>JBoss Public Repository Group</name>
          <url>http://repository.jboss.org/nexus/content/groups/public</url>
        </mirror>
        
        <mirror>
          <id>maven.net.cn</id>
          <name>oneof the central mirrors in china</name>
          <url>http://maven.net.cn/content/groups/public/</url>
          <mirrorOf>central</mirrorOf>
        </mirror>

## 添加一个本地仓库 ##

这里一开始会有注释掉的东西，你就照着把标签拿出来，再添加上setting.xml文件同目录下的**repository**文件夹路径就行了。![在这里插入图片描述][20200411122443579.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 2]  
这样你再创建springmvc项目速度自然是起飞了。创建完成后目录结构如下：  
![在这里插入图片描述][20200411122752210.png]  
在main目录下要自己右键一个java目录和resources目录，旧版本的IDEA可能只能新建directory![在这里插入图片描述][20200411122924521.png]  
还需要自己把它添加成source directory才行，但是新版本的IDEA会在创建时候自动提示选择java目录和resources目录，并且会自动设置为source directory（因为只有这样才能在java目录下新建类）。

# 接下来要真正的入门了 #

第一步添加依赖，打开pom文件，加入如下依赖：

![在这里插入图片描述][20200411123407561.png]

<dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>jstl</artifactId>
          <version>1.2</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-context</artifactId>
          <version>${ spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-web</artifactId>
          <version>${ spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>${ spring.version}</version>
        </dependency>
    
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>servlet-api</artifactId>
          <version>2.5</version>
          <scope>provided</scope>
        </dependency>
    
        <dependency>
          <groupId>javax.servlet.jsp</groupId>
          <artifactId>jsp-api</artifactId>
          <version>2.0</version>
          <scope>provided</scope>
        </dependency>

添加完之后，右边其实会多一个蓝色M标志，旁边有个循环模样的箭头，点一下就会开始下载依赖（这个东西我刚开始没发现，以为会像eclipse一样保存自动下载。。。。），下载完成后点击右边的maven你会发现多了很多依赖  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 3]

## 接下来是打开web.xml配servlet ##

添加如下配置信息

<servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
        <--! 这个参数的意思是每次运行前初始化servlet-->
          <param-name>contextConfigLocation</param-name>
          <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
      </servlet>
    
      <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
         
        <url-pattern>/</url-pattern>
      </servlet-mapping>

因为是springmvc项目自然少不了springmvc的配置文件，我们在resouces目录下新建一个xml文件，我的叫springmvc.xml，放入以下信息：

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:mvc="http://www.springframework.org/schema/mvc"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="
            http://www.springframework.org/schema/beans
            http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
            http://www.springframework.org/schema/context
            http://www.springframework.org/schema/context/spring-context-3.0.xsd
            http://www.springframework.org/schema/mvc
            http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
    
    </beans>

在这里要注意配置文件中包名信息（如下图）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 4]  
**但是在这里你可能会发现有东西，下载不下来。。。会爆红，鼠标移上去会提示你下载外边资源**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 5]  
经过我的思索，应该就是网速过慢，或者被墙了，大家也知道这些都是在国外去下载。。。不过也可能和时间有关系，当网络畅通的时候就会比较快，我是打开代理，代理所有流量，试了几次才下载下来的，如果你没遇到，那么忽略。

# 新建并写自己的controller #

![在这里插入图片描述][20200411124213985.png]

package com.hao.controller;
    
    public class HelloController { 
    
        public String sayHello(){ 
            System.out.println("hello springmvc");
            return "success";
        }
    
    }

你也发现这就一普通类。。。所以我们要在springmvc.xml先打开注解，然后你return的字符串也要配置视图渲染，添加视图渲染后肯定得有放jsp的文件夹，我在/WEB-INF下新建了views目录，然后把success.jsp放在里边了。

<--!这条是打开注解 -->
        <context:component-scan base-package="com.hao.controller" />
    	<--!这条是视图渲染，比如controller返回的字符串是success，那么会自动加上prefix和suffix，路径变为/WEB-INF/views/success.jsp -->
        <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="prefix" value="/WEB-INF/views/"/>
            <property name="suffix" value=".jsp"/>
        </bean>
    
        <mvc:annotation-driven/>

打开注解后我们再去修改自己写的类函数，  
![在这里插入图片描述][20200411125639519.png]

![在这里插入图片描述][20200411125701460.png]  
添加@controller和你需要的东西，比如@RequestMapping,  
这需要你自学springmvc去理解他们的作用了，我写的如下：

@RequestMapping(path = "/hello")
        public String sayHello(){ 
            System.out.println("hello springmvc");
            return "success";
        }

在这里映射了一条路径是/hello，返回的是success.jsp，我们新建一个jsp文件，在里边写一个a标签，href属性等于你刚才写的路径。

<a href="hello">hello mytest</a>

不出意外，项目构建完成了，但是当你要运行的时候。。。。。。。。你发现没有tomcat，哈哈哈，因为你是社区版，没这个功能。不要怕，有解决办法，打开pom文件，添加一个东西

<plugin>
              <groupId>org.apache.tomcat.maven</groupId>
              <artifactId>tomcat7-maven-plugin</artifactId>
              <version>2.1</version>
              <configuration>
                <port>8090</port>
                <path>/</path>
                <uriEncoding>UTF-8</uriEncoding>
                <server>tomcat7</server>
              </configuration>
            </plugin>

在这里还能配置端口等信息，接着如下配置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 6]  
（或者参考这篇文章[tomcat配置][tomcat]）  
点击运行，run tomcat7。![在这里插入图片描述][20200411130609601.png]  
出现如下信息，再访问你的网址就行了。  
![在这里插入图片描述][20200411130822998.png]  
![在这里插入图片描述][20200411131018431.png]  
点击hello mytest然后跳转到success，  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 7]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70]: /images/20210516/e4a127fe6f924309a81d8986c1c9ee1e.png
[20200411121831794.png]: /images/20210516/77d8a1d8f6454331b917dc8c7e14a3e3.png
[20200411122443579.png]: /images/20210516/32a39812dad24b6d9b3c8726f4717e73.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 1]: /images/20210516/da02a50b2ebf4b049466160c3d7e1528.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 2]: /images/20210516/7c33eb79884b4078b777b7285e09a156.png
[20200411122752210.png]: /images/20210516/5ee8dff28961443e9505eb49cbad7b7f.png
[20200411122924521.png]: /images/20210516/4fd358f7e6e944f8951bcc4feaf975ed.png
[20200411123407561.png]: /images/20210516/d2096cb01c4548f39a5420d1dbba740a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 3]: /images/20210516/c4cd93d7d95542fd9f9da6ffc044e846.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 4]: /images/20210516/50e76d0db06947f5af54625427566f75.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 5]: /images/20210516/cbb3b7083ffd4564b88bd3526755f91a.png
[20200411124213985.png]: /images/20210516/4d09866b23124763b6cd3a87732738a4.png
[20200411125639519.png]: /images/20210516/1d66a5f8eecf49fe8991ebc55c7d4237.png
[20200411125701460.png]: /images/20210516/af623d6534ca4802b64365477089b890.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 6]: /images/20210516/4da85c0edb8e4fc8980fafcdc11a5dd5.png
[tomcat]: https://blog.csdn.net/first_reclls/article/details/50878838?depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-2&utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-2
[20200411130609601.png]: /images/20210516/adafb4277c0e4b6a9cf7e7bb5f2d7f35.png
[20200411130822998.png]: /images/20210516/213aadf1f534422b907d485055bc9bf2.png
[20200411131018431.png]: /images/20210516/b097948e5c8849709e4784e129b21a88.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70 7]: /images/20210516/29d25ca2334f45588e8cbf6b49019423.png