Intellij Idea 创建Web项目入门

  1. 创建一个项目

    首先,打开idea,点击“Create New Project”,来新建一个项目。
    Intellij Idea 创建Web项目入门_第1张图片
    先点击左边“Java Enterprise”,然后在右边“Application Server”处点击“New”将tomcat服务器导入,下方勾选“Web Application”,点击“Next”。
    Intellij Idea 创建Web项目入门_第2张图片

    接着设置项目的Project name(名称)和Project location(项目的位置),无误后点击“Finish”。
    Intellij Idea 创建Web项目入门_第3张图片

  2. 在WEB-INF下创建classes和lib文件夹

    classes 用来存放编译后输出的class文件
    lib 用于存放第三方jar包
    Intellij Idea 创建Web项目入门_第4张图片

  3. 配置文件夹路径

    File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
    选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。

    Intellij Idea 创建Web项目入门_第5张图片

    接着选择Dependencies -> 将Module SDK选择为1.7 -> 点击右边的“+”号 -> 选择1 “Jars or Directories”
    Intellij Idea 创建Web项目入门_第6张图片
    -> 选择刚刚创建的lib文件夹
    Intellij Idea 创建Web项目入门_第7张图片
    -> 选择“jar directory” -> 接着返回一路OK
    Intellij Idea 创建Web项目入门_第8张图片

  4. 配置Tomcat容器

    打开菜单Run -> 选择Edit Configuration
    Intellij Idea 创建Web项目入门_第9张图片
    点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
    Intellij Idea 创建Web项目入门_第10张图片
    在"Name"处输入新的服务名,点击"Application server"后面的"Configure…",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK
    Intellij Idea 创建Web项目入门_第11张图片

  5. 在Tomcat中部署并运行项目

    Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
    Intellij Idea 创建Web项目入门_第12张图片
    ->选择web项目 -> Application context可以填“/hello”(其实也可以不填的~~) -> OK
    Intellij Idea 创建Web项目入门_第13张图片

  6. 编辑index.jsp文件
    Intellij Idea 创建Web项目入门_第14张图片

  7. 运行Tomcat,在浏览器中查看运行结果
    在这里插入图片描述
    Intellij Idea 创建Web项目入门_第15张图片

你可能感兴趣的:(JavaWeb)