idea配置javaweb项目(最新版)

idea(最新版)配置javaweb项目

本篇文章使用Maven构建javaweb环境

最新版maven压缩包
链接:https://pan.baidu.com/s/1El7b3YzPTZX-7QREQPZdZw
提取码:9999

第一步创建一个空的Maven项目
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217172129629.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217172240626.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
第二步检查Maven的路径

左上角File->Settings
可以使用idea自带的maven,但推荐还是用自己的maven库
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217173511637.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)

第三部导入web框架依赖
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217172344421.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217172536742.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)

第四步,在pom.xml导入依赖

<dependencies>
        <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
            <scope>provided</scope>
        </dependency>
        <!-- https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api -->
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>javax.servlet.jsp-api</artifactId>
            <version>2.3.3</version>
            <scope>provided</scope>
        </dependency>
        <!-- https://mvnrepository.com/artifact/org.apache.taglibs/taglibs-standard-impl -->
        <dependency>
            <groupId>org.apache.taglibs</groupId>
            <artifactId>taglibs-standard-impl</artifactId>
            <version>1.2.5</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.23</version>
        </dependency>
    </dependencies>

设置maven项目xml的编码格式

 <properties>
  <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
 </properties>
 <!--maven项目自带properties标签,直接赋值内容即可-->

效果图

注意dependency在dependencies标签里面
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217173029747.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
设置完了注意刷新一下
在这里插入图片描述
第五步添加Tomcat服务器
在这里插入图片描述
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217173754245.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
这里一定要点+,然后配置+里面的Tomcat Local,不能用扳手里面的
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217173824310.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217174033607.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217174213233.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217174310382.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
点击运行
![在这里插入图片描述]( https://img-blog.csdnimg.cn/202102171745276.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
注意![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217174629818.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)

这个有几个浏览器的符号,可以直接打开网页
但有时打开效果是这样的
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210217174904785.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhc2Vn,size_16,color_FFFFFF,t_70)
注意这里的路径
如果出现这种情况,我也不知道是为什么这个问题问了很多人,最后解决方案是在浏览器输入要输入的网址,尽量不要使用这个打开,这里的浏览器可以在制作html时来快速观看效果

java代码写在src->main->java下

如果有什么错误和疑问可以在评论区留言

posted @ 2021-02-21 01:04  管管19  阅读(776)  评论(0)    收藏  举报