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!”;

这里写图片描述

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


  • 2017-01-16 15:09:40

    Javascript模块化编程(一):模块的写法

    随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。

  • 2017-01-16 15:16:24

    Javascript模块化编程(二):AMD规范

    AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。

  • 2017-01-16 15:19:24

    RequireJS 入门指南

    如今最常用的JavaScript库之一是RequireJS。最近我参与的每个项目,都用到了RequireJS,或者是我向它们推荐了增加RequireJS。在这篇文章中,我将描述RequireJS是什么,以及它的一些基础场景。

  • 2017-01-16 15:22:30

    CommonJS规范

    CommonJS模块规范。 根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。

  • 2017-01-17 15:42:03

    vue-cli 发布(译)

    当我们真正开发一个应用的时候,我们不可避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型应用是必须的,但是项目初始化将会是让人痛苦的事情。这就是为什么我们做了 vue-cli 。