用Eclipse 创建一个简单的web项目(图文教程)
Eclipse neon 汉化版 ;
1、右击新建 --> 选择 动态Web项目
2、 填写 项目名 项目位置 ; 选择 Dynamic web module version 和 tomcat version ; 点击完成 即可创建 项目;
2、1:项目名称:
2、2:项目位置:
2、3: Dynamic Web Module Version 和 Tomacat Version 之间有版本上的匹配关系: 匹配关系如下图
3、 创建成功后的项目结构:
4、 在创建好项目结构之后 先查看一下 项目的属性:
4、1: 查看项目的 路径(此处是路径是什么路径? 猜一下.); 项目位置, (此处位置是什么位置? 猜一下) ; 项目编码 : utf-8 ;
4、2: 查看项目构面: (发现红色方框内的版本了没? 猜一下 他们跟什么有关系? )
4、3 项目部署: Web Deployment Assembly ( web部署集成 ) 这个主要是 配置 web的部署目录的 ; (这个部署目录 会影响 什么 ? 猜一下!)
4、4 Java编译器: 这个如果跟你 设定的JDK版本不一致的话,会导致你的项目编译不通过.
4、5 Java 构建路径 : (猜一下 构建路径是啥意思? 再猜一下 它会影响啥? 如果猜不出来,点击下图箭头指示的 添加文件夹, 点开之后 打开目录结构 ,相信你就会明白了 );
这就是第4步 需要去了解 上面那几个属性是什么意思.这样才能更好理解整个项目结构,而且 如果启动后 出现 404 等等 路径问题 , 你的答案 或许 就在上面的某一个配置中;
5 、在 WebContent 目录下面 新建一个 页面 index.jsp (也就是说:与 web-Info 是同一个目录级别的) (注意:位置必须是在WebContent 目录下 猜一下 为什么?)
index.jsp 这个名字 可以随便起;
在index.jsp 里面 输入 helloWorld !
此时的目录结构:
6、 部署运行 web项目:
6、1 选择服务器 我的是 tomcat 9
7、 点击完成 即可 运行:
此时 控制台信息: 说明 tomcat 已经启动完成了.
8、 浏览器地址栏 输入地址: localhost:8080/web02/ (注意: 此处的地址 只到了项目地址,没有写页面地址,也能访问,猜一下 为什么? 如果在添加一个 welcome.jsp 页面, 还能直接输入 项目地址 还可以直接访问index.jsp了么? 可以自己尝试一下. 然后再猜一下为什么?)
页面上 已经显示 出 Hello World !
恭喜 成功 创建一个简单的web 页面 .
以上这篇用Eclipse 创建一个简单的web项目(图文教程)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
Eclipse Web项目打成war包的方法图解
war包即Web归档文件,将Web项目打成war包可以直接拷贝到Web服务器发布目录(例如Tomcat服务器webapps目录 ),当Tomcat启动后该压缩文件自动解压缩,war包方便了web工程的发布,那么在Eclipse中如何将Web项目打成war包呢? 1.有如下venus工程: 2.鼠标选中venus工程并点击鼠标右键,出现下图: 3.鼠标箭头滑到Export选项-->Export...,点击"Export...",出现下图: 4.点击上图&quo
-
Docker中Dockerfile之容器中运行MyEclipse搭建的JavaWeb项目
这篇文章将讲述如何将上一篇文章中的Javaweb项目制作成Docker的镜像.小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 应用程序在Docker容器中运行和在物理机运行的原理是一样的,所以我们部署这个Javaweb项目到Docker中的步骤应该如下: 服务器支持(这里选择Centos7) 安装Java环境 安装Tomcat环境 将Tomcat根目录下的webapps/ROOT目录下的所有文件(夹)删除 将自己开发的web项目的WebRoot目录下的所有文件(夹)复
-
两种Eclipse部署动态web项目方法
和MyEclipse不一样,在Eclipse中做的Web项目默认是不支持将项目发布到Web服务器上的,会发布到工作空间的某个目录,因此无法在外部启动Tomcat来运行Web项目,只有打开Eclipse中的服务器,才能运行Web项目.所以要对Eclipse进行修改,才能将做好的项目,发布到Tomcat服务器上,发布到服务器上的Webapps文件夹下.本文介绍两种方法: 第一种方法: 1.通过修改Servers下Tomcat的配置: show view->servers下找到需要修改的tomcat-
-
用Eclipse 创建一个简单的web项目(图文教程)
Eclipse neon 汉化版 ; 1.右击新建 --> 选择 动态Web项目 2. 填写 项目名 项目位置 ; 选择 Dynamic web module version 和 tomcat version ; 点击完成 即可创建 项目; 2.1:项目名称: 2.2:项目位置: 2.3: Dynamic Web Module Version 和 Tomacat Version 之间有版本上的匹配关系: 匹配关系如下图 3. 创建成功后的项目结构: 4. 在创建好项目结构之后 先查看一下 项目的
-
利用Pycharm + Django搭建一个简单Python Web项目的步骤
一.Pycharm中安装Django 此教程默认你已安装并配置了Python 3.7.6) 1.File->Settings 二.搭建Django项目 1.File->New Project 2.新窗口打开,会出现以下的文件 简单解释一下这几个文件: **init.py:**这是一个初始化的空文件,一般我们不需要动它. settings.py: 这是一个配置文件,里面有关于语言.时区.安装的app声明等等信息: urls.py: 这个文件里指明了在访问一个页面时要调用的视图啊等的映射,确保在访
-
新版本IntelliJ IDEA 构建maven,并用Maven创建一个web项目(图文教程)
之前都没试过用maven来管理过项目,但是手动找包导包确实不方便,于是今天用2016版的IDEA进行了maven的初尝试. 打开IDEA,创建新项目: 然后选择Maven,以及选择自己电脑的jdk: 接下来自定义GroupId以及ArtifactId,这里只是demo,所以随便命名了 然后自定义项目名,Finish: maven创建完毕 maven中,第一次创建会在src下生成main/java以及main/resources目录,src中的test目录是要自己创建的,test目录的中代码不会被
-
教你如何用Eclipse创建一个Maven项目
一.Maven的安装与设置环境变量 想要创建一个Maven项目需要先安装Maven,并且设置好环境变量 1.去下载Maven 2.设置环境变量 新建变量MAVEN_HOME,值为Maven的目录X:\XXX\apache-maven-XXX 将%MAVEN_HOME%\bin添加到Path变量下 3.运行CMD,输入mvn -v后可以看到Maven的版本信息等则表示安装成功 二.创建Maven项目和依赖 2.1 创建Maven项目的两种方式 第一种创建方式:使用命令行手动创建 mvn arche
-
TypeScript创建一个简单Web应用
目录 安装TypeScript 构建你的第一个TypeScript文件 编译代码 类型注解 接口 类 运行TypeScript Web应用 实践项目地址 安装TypeScript 获取TypeScript工具的方式: 通过npm(Node.js包管理器) npm install -g typescript 构建你的第一个TypeScript文件 创建项目文件夹 mkdir typescript_demo && cd typescript_demo 创建文件greeter.ts touch
-
pycharm社区版安装django并创建一个简单项目的全过程
目录 前言 1.在PyChrom下载django包 2. 创建项目 3. pycharm中运行 总结 前言 最近在某学习网站看视频发现up主直接打开pycharm新建项目就可以创建django项目,但是自己的pycharm打开只能建python文件,之后才知道自己的pycharm社区版的功能有限,所以需要自己配置django环境.下面就总结一下步骤. 1.在PyChrom下载django包 首先需要新建一个项目,然后在对应的项目中配置django环境.(此处默认您已经打开了一个项目了),接下来按
-
使用IDEA搭建一个简单的SpringBoot项目超详细过程
一.创建项目 1.File->new->project: 2.选择"Spring Initializr",点击next:(jdk1.8默认即可) 3.完善项目信息,组名可不做修改,项目名可做修改:最终建的项目名为:test,src->main->java下包名会是:com->example->test:点击next: 4.Web下勾选Spring Web Start,(网上创建springboot项目多是勾选Web选项,而较高版本的Springboo
-
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
1.安装vue-cli cnpm install vue-cli -g --执行全局安装 2.创建一个webpack的基础项目:命令:vue init webpack myproject; 以下是项目的目录结构及说明 build是webpack配置 build.js // 生产环境构建代码 check-versions.js // 检查node&npm等版本 utils.js // 构建配置公用工具 vue-loader.conf.js // vue加载器
-
java实现一个简单的Web服务器实例解析
Web服务器也称为超文本传输协议服务器,使用http与其客户端进行通信,基于java的web服务器会使用两个重要的类, java.net.Socket类和java.net.ServerSocket类,并基于发送http消息进行通信. 这个简单的Web服务器会有以下三个类: *HttpServer *Request *Response 应用程序的入口在HttpServer类中,main()方法创建一个HttpServer实例,然后调用其await()方法,顾名思义,await()方法会在指定端口上
-
从Myeclipse 导入到eclipse中无法识别为 web项目 问题的解决步骤
经常在eclipse中导入web项目时,出现转不了项目类型的问题,导入后就 是一个java项目,有过很多次经历,今天也有同事遇到类似问题,就把这个解决方法记下来吧,免得以后再到处去搜索. 解决步骤: 1.进入项目目录,可看到.project文件,打开. 2.找到<natures>...</natures>代码段. 3.在第2步的代码段中加入如下标签内容并保存: <nature>org.eclipse.wst.common.project.facet.core.natur
随机推荐
- 如何处理超时事件?
- SQl 语句(常见)
- 每天一篇javascript学习小结(Function对象)
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- 一些网络的基本知识
- JavaScript While 循环 教程
- 原生js实现吸顶效果
- PHP中常用的数组操作方法笔记整理
- python虚拟环境virtualenv的安装与使用
- VueJs单页应用实现微信网页授权及微信分享功能示例
- PHP5函数小全(分享)
- php的declare控制符和ticks教程(附示例)
- Python使用Supervisor来管理进程的方法
- JSP 报表打印的一种简单解决方案
- Mysql 1864 主从错误解决方法
- ReactiveCocoa代码实践之-RAC网络请求重构
- javascript实现爱你在FF IE下都有效的添加一个项目
- 微信小程序 教程之wxapp 视图容器 view
- ASP.NET(C#) 定时执行一段代码
- Spring Boot 编写Servlet、Filter、Listener、Interceptor的方法