IDEA实用教程(八)—— 创建JavaWeb项目

七、 创建JavaWeb项目

  1. 创建工程

    1. 第一步
      ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826164950696.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
    2. 第二步
      ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826165244119.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
    3. 第三步
      如果要修改JavaEE版本,请根据下图所示进行修改
      ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826165525665.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
  1. 第四步
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/2019082616574283.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)

2. 发布工程

  1. 第一步
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826170203914.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
  2. 第二步
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/2019082617043916.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
  3. 第三步
    点击下图中按钮, 添加Tomcat环境
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826171816106.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826171920515.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
    也可以 点击右下角的fix按钮, 选择以war exploded结尾的选项
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826172122184.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
  4. 第四步
    注意:
    IDEA在部署项目时, 不会为项目生成路径.
    例如本项目名为javaweb, 有一个页面为index.html, 按照常规, 访问路径应为 http://localhost:8080/javaweb/index.html . 但是在IDEA中部署后, 访问路径为 http://localhost:8080/index.html . 如果要修改为第一种访问路径的话,需要手动按照下图所示进行修改 .
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826172357485.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
  5. 第五步
    按照下图所示进行修改. 如果没有按照下图进行配置, 在我们每次修改页面后,都要重启服务器才能看到最新的效果.. 修改之后, 无需重启服务器, 即可看到最新的效果.
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826172639151.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
  6. 第六步
    点击下图按钮1启动服务器.点击按钮2以Debug模式启动服务器
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/2019082617305011.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)

3. 添加第三方Jar

在WEB-INF文件夹中新建文件夹lib
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826173251662.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
在这里插入图片描述
2) 第二步
选择下图中的按钮 Project Structure(Ctrl+Alt+Shift+s)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826173448768.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
3) 第三步
按照下图所示进行选择
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826173742463.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
4) 第四步
选择刚刚创建的lib目录,并点击OK
![在这里插入图片描述]( https://img-blog.csdnimg.cn/2019082617581425.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
5) 第五步
选择Jar Directory, 并点击OK, 之后再次点击OK
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190826175904793.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
6) 第六步
按下图所示进行配置. 配置成功后, 即可使用lib目录存放的第三方Jar
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190827153128673.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)

posted @ 2019-11-27 12:24  兮动人  阅读(214)  评论(0)    收藏  举报