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-03-30 15:37:12

    PM2下使用 npm run 命令

    npm run xxxx 是 node常用的启动方式之一,本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码:

  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置

  • 2020-04-01 10:21:20

    Vue extend $mount 构造器详解

    本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount,它们经常一起使用。不常用,是因为在业务开发中,基本没有它们的用武之地,但在独立组件开发时,在一些特定的场景它们是至关重要的。

  • 2020-04-01 15:36:52

    CSS3中的transition属性详解

    transition: property duration timing-function delay transition属性是个复合属性,她包括以下几个子属性: transition-property :规定设置过渡效果的css属性名称 transition-duration :规定完成过渡效果需要多少秒或毫秒 transition-timing-function :指定过渡函数,规定速度效果的速度曲线 transition-delay :指定开始出现的延迟时间