intellij idea版本:2017

1.新建一个web工程

使用工具intellij ideal,注意:只有Ultimate版本的可以新建web工程,社区版本的不支持新建web工程
 
File->New->Project…
 
注意: 选择的是maven的webapp
 
 
然后下一步一下步即可。
 
创建完成的目录如下:
 
注意:新建完工程后会弹出一个配置Framworks Detected配置的弹框,一定要点击配置,否则后续还要手动去配置
 
如果看到maven工程导入提醒弹框,直接点击Import Changes就好
 

2.main下新增java目录,存放java代码

在src/main下新增目录java,然后在java目录上右键选择Mark Directory as->Sources Root将目录转换成源文件目录
 
java作为Sources Root存放java代码源文件,如果你不需要存放java代码,则这步可以不做
 

3.将某个目录变成web站点,对工程增加spring mvc支持

在上图的目录中,将webapp当做存放web资源地方,下图告诉大家在哪里可以更改web资源目录和配置文件
 
配置入口:File->Project Structure…->Project Settings
 

3.1配置Facets,配置web站点的目录

如果在第1步创建工程时通过Framworks Detected点过了Configure,则可以跳过这步,去进行3.2步骤
 
左侧点击Facets,选择右侧的+号,然后选择Web,在弹出的弹框中选择要变为web工程的名,这里是demo,然后点击ok即可
 
通过下图可以看到,/opt/demo2/src/main/webapp是网站资源的根目录,上面web.xml为站点的配置文件(启动引导文件)。
我们可以通过更改这里的目录来更改web站点的目录以及web入口配置文件web.xml的位置
 
此时在看工程目录,webapp的图标变为文件夹左下角有个蓝点的样式了
 

3.2配置要用tomcat部署的内容

选择左侧的Artifacts,点击右侧+号,选择Add上的Web Application:Exploded,选择From Modules…,然后选择弹出页面上的Modules即可,最后点击ok保存
 
通过下图可以看出,web生成的target目标文件的位置,最终部署需要的classes文件等
 

3.3让工程支持Spring MVC,非必须操作

在左侧工程目录根目录上右键,点击Add Framework Support…,然后勾选Spring下的Spring MVC,点击ok
 

4.ideal工程配置tomact

Run ->Edit Configuration,添加Tomcat server,(前提需要自己本地安装tomact)
 

tomcat的配置如下:

Application server:选择本地tomcat安装的目录
After launch为启动tomcat后就打开浏览器
HTTP port:web站点的端口号,默认8080
 
 

配置部署的war

选择Deployment,点击下面的+,选择Artifact…,在弹框中选择工程名.war exploded,最后点击ok即可
 

5.测试工程是否配置成功

选择run(左侧选中tomact配置了),启动tomcat
 
然后访问http://localhost:8080能够看到webapp目录下index.jsp的内容就表示配置成功了
 
 
 
 
 
 
 

java搭建web从0-1(第一步:创建web工程)的更多相关文章

  1. 第一章 创建WEB项目

    第一章   创建WEB项目 一.Eclipse创建WEB项目 方法/步骤1 首先,你要先打开Eclipse软件,打开后在工具栏依次点击[File]>>>[New]>>&g ...

  2. 【ASP.NET Web API教程】2.4 创建Web API的帮助页面

    原文:[ASP.NET Web API教程]2.4 创建Web API的帮助页面 注:本文是[ASP.NET Web API系列教程]的一部分,如果您是第一次看本博客文章,请先看前面的内容. 2.4 ...

  3. SpringCloud Alibaba+New搭建企业级开发框架(三):创建New工程

    1.创建父工程:File > New > Project...,选择Maven,Create from archetype不要勾选,点击Next进入下一步,填写工程信息.   image. ...

  4. 第一讲 从头开始做一个web qq 机器人,第一步获取smart qq二维码

    新手教程: 前言:最近在看了一下很久很久以前做的qq机器人失效了,最近也在换工作目前还在职,时间很挺宽裕的.就决定从新搞一个web qq机器人 PC的协议解析出来有点费时间以后再做. 准备工作: 编译 ...

  5. 从零开始搭建GitHub个人博客--第一步

    最近一段时间工作不是很忙,便开始着手整理博客并梳理自己的简历 可是,打开cnblog后第一眼我便开始了纠结~ 原起: 一直在cnblog写博客,看博客,突然发现这种在线纯文档记录的方式俨然跟不上时代的 ...

  6. 外贸开发,用java调用速卖通api第一步,token的获取。

     第一步 定义速卖通api的常量  public String client_id;  public String client_key;  public String site;   第二步 获取登 ...

  7. HTML5离线Web应用实战:五步创建成功

    [IT168 技术]HTML5近十年来发展得如火如荼,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化.HTML功能越来越丰富,支持图片上传拖拽.支持localstorage. ...

  8. 万里长征第二步——django个人博客(第一步 ——创建主页)

    运行命令行工具,输入:pip install virtualenv  --安装virtualenv库. virtualenv blog_project_venv ——使用virtualenv创建一个虚 ...

  9. 【ASP.NET Web API教程】2.4 创建Web API的帮助页面[转]

    注:本文是[ASP.NET Web API系列教程]的一部分,如果您是第一次看本博客文章,请先看前面的内容. 2.4 Creating a Help Page for a Web API2.4 创建W ...

随机推荐

  1. 32.纯 CSS 创作六边形按钮特效

    原文地址:https://segmentfault.com/a/1190000015020964 感想:简简单单的动画特效,位置,动画. HTML代码: <nav> <ul> ...

  2. 2.HTML文件中<!DOCTYPE html>的作用

    <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前.此标签可告知浏 览器文档使用哪种 HTML 或 XHTML 规范.(重点:告诉浏览器按照何种规 ...

  3. 10. js截取最后一个斜杠后面的字符串

    var startIndex = filePath.lastIndexOf("\\"); endIndex = filePath.lastIndexOf("." ...

  4. Intorduction of Annotation ,about examples in Hello1.java

    java ee 里的常用注解 .@Controller,@Service,@Repository,@Component,@RestController这几个注解用于实例化class对象.分别对应于控制 ...

  5. 1. Java 基 础 部 分

    java" 源 文 件 中 是 否 可 以 包 括 多 个 类 ( 不 是 内 部 类 ) ? 有 什 么 限 制 ? 可以有多个类,但只能有一个 public 的类,并且 public 的 ...

  6. 机器学习进阶-直方图与傅里叶变换-傅里叶变换(高低通滤波) 1.cv2.dft(进行傅里叶变化) 2.np.fft.fftshift(将低频移动到图像的中心) 3.cv2.magnitude(计算矩阵的加和平方根) 4.np.fft.ifftshift(将低频和高频移动到原来位置) 5.cv2.idft(傅里叶逆变换)

    1. cv2.dft(img, cv2.DFT_COMPLEX_OUTPUT) 进行傅里叶变化 参数说明: img表示输入的图片, cv2.DFT_COMPLEX_OUTPUT表示进行傅里叶变化的方法 ...

  7. 500G JAVA视频网盘分享 (JEECG开源社区)

    500 G JAVA视频网盘分享(JEECG开源社区)   [涵盖从java入门到深入架构,Linux.云计算.分布式.大数据Hadoop.ios.Android.互联网技术应有尽有]       J ...

  8. Spring事务控制和回滚

    1在一个项目中ssh结构,spring2.5,事务控制采用的是tx拦截器的方式. 自己写了个 int a=1/0;异常抛出了,但是事务还是提交了,怎么搞都不行. 现将看到的一些事务控制总结下来: 事务 ...

  9. vue 源码阅读记录

    0.webpack默认引入的是vue.runtime.common.js,并不是vue.js,功能有略微差别,不影响使用 1.阅读由ts编译后的js: 入口>构造函数 >定义各类方法 &g ...

  10. jwt-auth错误小结

    我用的是:"tymon/jwt-auth": "1.0.0-rc.1" 根据官方网站http://jwt-auth.readthedocs.io安装,并且ven ...