IDEA社区版搭建web项目

IDEA社区版搭建Tomcat服务器并创建web项目

  • 目标
  • 问题
  • 实现步骤

目标

  1. 创建Web项目的目录结构
  2. 可以启动Tomcat服务器
  3. 编写Servlet并访问成功

问题

  1. IDEA社区版没有创建Web工程的选项
  2. IDEA社区版没有Tomcat插件

实现步骤

针对以上两个问题,分步解决

问题一:IDEA社区版没有创建Web工程的选项

  1. 创建普通的java项目,此处不再赘述

    IDEA社区版搭建web项目_第1张图片

  2. 构建web项目的目录结构

    IDEA社区版搭建web项目_第2张图片

  3. 设置编译目录

  4. 在WEN-INF文件夹下新建web.xml

    
    <web-app id="WebApp_ID" version="4.0"
    		 xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    		 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    		 xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
    		 					http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd">
    	<display-name>xssdisplay-name>
    	<welcome-file-list>
    		<welcome-file>index.htmlwelcome-file>
    		<welcome-file>index.htmwelcome-file>
    		<welcome-file>index.jspwelcome-file>
    		<welcome-file>default.htmlwelcome-file>
    		<welcome-file>default.htmwelcome-file>
    		<welcome-file>default.jspwelcome-file>
    	welcome-file-list>
    web-app>
    

    此时 http://xmlns.jcp.org/xml/ns/javaee 和 http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd 会报红,原因是没有web.xml的约束文件。tomcat的lib中包含所需的约束文件,因此在问题二中将得到解决。

问题二:安装Tomcat插件

  1. File – Settings – Plugins,搜索Tomcat,安装Smart Tomcat插件
    安装完后在Settings界面多了Tomcat Server选项
    将自己本地的Tomcat加进去
    IDEA社区版搭建web项目_第3张图片

  2. 为项目添加tomcat

    IDEA社区版搭建web项目_第4张图片
    说明:

    Deployment Directory: 项目部署的用到的文件夹
    Context Path: / 表示访问项目时直接访问localhost即可,不用带上项目名
    Server Port: 改成80端口访问项目时不用输入端口号了

    IDEA社区版搭建web项目_第5张图片

  3. 添加tomcat的依赖包

    包含servlet-api.jar等开发需要的依赖包,其中web.xml文件的约束文件也包含在内

    IDEA社区版搭建web项目_第6张图片
    IDEA社区版搭建web项目_第7张图片
    IDEA社区版搭建web项目_第8张图片

    添加之后web.xml的报红也会解决

至此,web项目已构建完毕,随后可以创建Servlet并访问成功

你可能感兴趣的:(java学习路线,idea,javaweb)