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. Java HttpClient PostMethod

    import org.apache.commons.httpclient.HttpClient; import org.apache.commons.httpclient.methods.PostMe ...

  2. MYSQL 优化常用方法(转载)

    1.选取最适用的字段属性 MySQL可以很好的支持大数据量的存取,但是一般说来,数据库中的表越小,在它上面执行的查询也就会越快.因此,在创建表的时候,为了获得更好的性能,我们可以将表中字段的宽度设得尽 ...

  3. js -history.back(-1)和history.go(-1) 区别

    既然history.back(-1)和history.go(-1)都是返回之前页面,   history.back(-1)//直接返回当前页的上一页,,是个新页面   history.go(-1)// ...

  4. 微服务-dubbo学习

    什么是微服务: 由于业务发展迅速,为了减少代码和功能重复,方便扩展,部署,维护等因素,将系统业务组件化和服务化拆分,拆分为一个个独立的服务,由服务治理系统统一管理,每个微服务为一个进程,之间的通讯方式 ...

  5. sublime text3:下载代码格式化插件和汉化插件

    1.从官网下载sublime text3 2.下载插件工具 A.使用Ctrl+`(Esc键下方)快捷键或者通过View->Show Console菜单打开命令行 将以下代码复制后粘贴,然后按En ...

  6. Zookeeper与HBse安装过程纪录

    1 zookeeper安装 1.1 环境变量 1.2 配置zoo.cfg 初次使用 ZooKeeper 时, 需要将 $ZOOKEEPER_HOME/conf 目录下的 zoo_sample.cfg ...

  7. java中break和continue跳出指定循环(转载)

    java中break和continue跳出指定循环 java中break和continue可以跳出指定循环,break和continue之后不加任何循环名则默认跳出其所在的循环,在其后加指定循环名,则 ...

  8. git工作操作步骤

    上班开始,打开电脑,git pull:拉取git上最新的代码: 编辑代码,准备提交时,git stash:将自己编辑的代码暂存起来,防止git pull时与库中的代码起冲突,否则自己的代码就白敲了: ...

  9. unity 数学公式

    Mathf.Abs绝对值 计算并返回指定参数 f 绝对值. Mathf.Acos反余弦 static function Acos (f : float) : float 以弧度为单位计算并返回参数 f ...

  10. Nginx搭建hls流媒体服务器

    第一种方案:ffmpeg+nginx   新的ffmpeg已经支持HLS.(本人也参与了代码供献,给自己做个广告:))   点播:   生成hls分片:   ffmpeg -i <媒体文件> ...