• 【转载】如何用IntelliJ IDEA 14 创建Web项目


    首先要理解一个概念:在IntelliJ IDEA中“new Project”相当于eclipse中的工作空间(Workspace),而“new Module”相当于eclipse中的工程(Project)。以下均采用Intellij的说法,请自行对照转换理解。

    创建Project

    依次点击File–》new Project;

    这里写图片描述

    选择Empty Project项目,点击Next;

    这里写图片描述

    输入项目名称,选择项目路径;

    这里写图片描述

    创建Module

    点击Finish,弹出下面窗口,Intellij默认选择Modules,点击加号,选择New Module;

    这里写图片描述

    选择Java,配置Module SDK,选择Web Application,配置Versions,点击Next;

    这里写图片描述

    输入Module Name,点击Finish。

    这里写图片描述

    选择Project,配置SDK;

    这里写图片描述

    选择Modules–》learn1(Modules名称)–》Sources–》web–》WEB-INF;

    这里写图片描述

    右击WEB-INF,依次new folder,创建classes目录和lib目录;

    这里写图片描述

    选择Paths,选择Use Modules complie Output path,指定路径为上面创建的classes目录;

    这里写图片描述

    选择Dependencies,点击右边的加号,选择第一个jars and ……,选择上面创建的lib目录,点击OK,弹出框选择jar Directory,点击OK,点击下面OK,完成项目配置;

    这里写图片描述 
    这里写图片描述

    配置项目

    打开index.jsp,输入显示内容,比如“Hello World!”;

    这里写图片描述

    配置项目服务器;

    这里写图片描述

    点击加号,选择tomcat server,选local;

    这里写图片描述

    配置name、server、端口号;

    这里写图片描述

    选择Deployment,点击+号,选择上面配置的项目;

    这里写图片描述

    设置Application context,点击OK,完成tomcat配置;

    这里写图片描述

    启动项目

    点击debug启动;

    这里写图片描述

    浏览器自动弹出index.jsp页面的内容,“Hello World!”;

    这里写图片描述

    自此完成整个项目的创建、配置与启动。

  • 相关阅读:
    css实现文字相对于图片垂直居中
    node能做的性能优化
    vue.config.js中vue的配置
    react/vue项目腾讯云/阿里云服务器linux部署
    taro项目结构分析和坑
    vscode自动编译less
    css彩色字体
    微信小程序文件上传
    小程序html解析
    小程序表单
  • 原文地址:https://www.cnblogs.com/printN/p/6239379.html
Copyright © 2020-2023  润新知