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-02 17:02:25

    vue怎么能像jquery那样获得数据

    有时候我们需要获得动态的元素,但是我们没法直接用vue语法,vue一共了当前组件的对象,我们可以避免使用document.get...之类的。

  • 2020-04-02 21:38:15

    Nginx向ExpressJS转发真实IP地址

    由于服务器配置了Nginx的反向代理,在ExpressJS中无法获取到真实的IP地址。本文就介绍了如何配置Nginx以及ExpressJS使其可以显示用户的真实地址。

  • 2020-04-03 08:53:06

    使用自己的QQ邮箱发送自动发送邮件

    话说网上发送邮件的代码很多,但是我由于不细心,导致拿别人的代码发送邮件老是失败,今天就说说几个要注意的地方吧!!!

  • 2020-04-03 10:20:20

    Vue 项目性能优化

    Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成:

  • 2020-04-03 13:07:46

    flex布局与position:absolute/fixed的冲突问题

    导航栏内,平均分为四块,为了适配各种移动设备,使用了flex布局。 与此同时,产品经理要求:页面上滚越过封面图时,导航栏变为固定定位,浮在页面顶部。 拿到需求之后,思路就是先搞好布局,然后监听window.onscroll,当页面滚的距离大于封面图的时候,给ul加入position:fixed。

  • 2020-04-03 16:56:59

    Inkscape教程

    本教程演示了Inkscape基础使用。这是常规Inkscape文档,你可以预览、编辑、复制、保存。 本教程包括画布导航、管理文档、形状工具基础、选择技术、使用选择转换对象、分组、设置填充和画笔、对齐和Z顺序。有关更高级的主题请查看帮助菜单中的其它教程。

  • 2020-04-03 17:04:35

    Inkscape/SVG附中文教程PDF

    Inkscape中的终极工具是XML编辑器(Shift+Ctrl+X),可以实时显示整个文档的XML树形图。修改绘图时,你可以注意一下XML树形图中的变化。也可以在XML编辑器中修改文本、元素或者节点属性,然后在画图上查看效果。这是一个非常形象化的学习SVG格式的交互式工具。并且可以实现一些通常的编辑工具无法完成的功能。