上海古都建筑设计集团,上海办公室装修设计公司,上海装修公司高质量的内容分享社区,上海装修公司我们不是内容生产者,我们只是上海办公室装修设计公司内容的搬运工平台

Eclipse创建Java Web项目(保姆级图文教程)

guduadmin11小时前

Eclipse创建Java Web项目

前提:装好Eclipse

有Tomcat

1.添加运行环境(Tomcat)

Window-Preferences

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第1张

点击后出现下面框,并在搜索框输入server,点击Runtime Environments

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第2张

上图第三步点击Add后。出现下图

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第3张

点击Next

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第4张

点击Finish,可以看到已经添加成功了

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第5张

点击 Apply and Close,左侧栏目多了个Servers,添加成功

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第6张

2.Eclipse创建项目

打开Eclipse,点击右上角的 Open Perspective小图标Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第7张

确认选择了 Java EE,如果不是,点击 Java EE后,再点击 Open即可

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第8张

创建项目

File-New-Dynamic Web Project

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第9张

点击后出现下面这个框

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第10张

点击next

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第11张

继续next

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第12张

点击finish,就完成创建了

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第13张

在 src/main/webapp/ 下面创建一个jsp,测试用

鼠标放到webapp文件夹,点击鼠标右键,New-Jsp File

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第14张

点击后

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第15张

点击Next

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第16张

点击Finish,它会自己打开刚刚创建的jsp文件

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第17张

3.启动

鼠标放到工程,右键-Run As-Run On Server

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第18张

点击后出现下图

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第19张

点击上图第四步Next后

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第20张

点击Finish,出现下图说名Tomcat启动成功

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第21张

稍微改一下jsp,以验证能够访问到

first.jsp 如下

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第22张

<%@ page language="java" contentType="text/html; charset=utf8"
    pageEncoding="utf8"%>


Insert title here


	

这里是First.jsp

由于first.jsp是直接放在webapp目录下

所以直接通过 http://localhost:8080/test1/first.jsp访问创建的jsp(tomcat默认端口是8080,默认是http协议)

浏览器打开

http://localhost:8080/test1/first.jsp

Eclipse创建Java Web项目(保姆级图文教程),在这里插入图片描述,第23张

网友评论