IntelliJ IDEA 创建简单Web项目

2017-02-08 09:20:54

首先要理解一个概念:在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!”;

这里写图片描述

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


  • 2020-04-08 22:46:28

    Element的操作方法

    Element 是一个通用性非常强的基类,所有 Document 对象下的对象都继承自它。这个接口描述了所有相同种类的元素所普遍具有的方法和属性。一些接口继承自 Element 并且增加了一些额外功能的接口描述了具体的行为。例如, HTMLElement 接口是所有 HTML 元素的基本接口,而 SVGElement 接口是所有 SVG 元素的基础。大多数功能是在这个类的更深层级(hierarchy)的接口中被进一步制定的。

  • 2020-04-12 17:42:43

    Node.js设置CORS跨域请求中多域名白名单的方法

    在Node.js中,res的响应头Header中的 Access-Control-Allow-Origin 属性不能匹配除 (*) 以外的正则表达式的,域名之间不能也用逗号分隔。也就是说, Access-Control-Allow-Origin 的属性值只允许设置为单个确定域名字符串或者 (*)。

  • 2020-04-14 09:40:59

    CSS3实现文字描边的2种方法

    首先想到去看CSS3有没有什么属性可以实现,后来被我找到了text-stroke     该属性是一个复合属性,可以设置文字宽度和文字描边颜色      该属性使用很简单:text-stroke:1px #f00;(1px是文字宽度,#ff是文字描边颜色)

  • 2020-04-14 09:42:47

    用 TypeScript 编写 npm 模块

    自从开始使用 Node.js 已经一年多,写的代码越多,越是觉得自己提高的越慢。想来应该有没有将单一功能的代码封装在一个独立模块,而导致代码稍微多一点就维护困难的原因。

  • 2020-04-14 09:46:25

    TypeScript 入门教程

    TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

  • 2020-04-14 09:51:03

    package.json 字段说明

    package.json 有很多字段,也有很多官方字段,我们需要知道他们的具体是做什么的才能很好的运用