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. hadoop/etc/hadoop 下没有mapred-site.xml,只有mapred.xml.template

    默认情况下,/usr/local/hadoop/etc/hadoop/文件夹下有mapred.xml.template文件,我们要复制该文件,并命名为mapred.xml,该文件用于指定MapRedu ...

  2. java 获得系统当前时间

    import org.junit.Test; import java.text.SimpleDateFormat; import java.util.Calendar; import java.uti ...

  3. 42.纯 CSS 创作一个均衡器 loader 动画

    原文地址: https://segmentfault.com/a/1190000015157160 感想: 不难,最简单的动画.拓展地址: https://scrimba.com/c/cWqVv9hd ...

  4. 《算法》第三章部分程序 part 1

    ▶ 书中第三章部分程序,加上自己补充的代码,包括单词频率统计,(单链表)顺序查找表,二分查找表 ● 单词频率统计 package package01; import edu.princeton.cs. ...

  5. 监控msyql 连接数 及 各用户连接数

    #!/bin/bash while true do date +%Y%m%d-%H:%M:%S mysql -uroot -p'xxx' -e "select count(1) from i ...

  6. django之signal机制分析

    django的signal在djangobb中的使用: from django.db.models.signals import post_save from django.dispatch impo ...

  7. python内置函数使用

    print(abs(1)) #绝对值,正数就是自己 ",''])) #计算可迭代对象中是否为真,其中一个为假,就显示为假 print(all('')) # If the iterable i ...

  8. mysql每天凌晨0点准时启动taskeng.exe如何关闭

    MySQL弹出一个taskeng.exe. 内容如下:=====================Start Initialization====================mysql Instal ...

  9. Ajax技术剖析

    Ajax的全称是Asynchronous JavaScript and XML,是JS的特有功能,它作用是异步JS数据交互,即在不进行页面刷新的情况下进行部分数据的获取,性能较高.值得注意的是,仅有A ...

  10. php运行代码流程和性能优化方法

    ---恢复内容开始--- php文件->扫描->zd引擎去理解->opcodes->执行->输出 例子,用white随机循环20000数据进行性能测试,分别对比isset ...