开发者社区> 茶花盛开> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Java Web开发——网页篇[1]——开始使用MyEclipse

简介: Java Web开发——网页篇[1]——开始使用MyEclipse
+关注继续查看

前一章节演示了如何在自己的机器上搭建一个网页,然后可以让其他的计算机访问,其中有很多有规则的步骤,比如建立网页、复制到Tomcat目录下等,计算机程序设计的基本意义就是避免重复的劳动,所以MyEclipse这样的集成开发环境出现了,他们可以让开发者只需关心写自己的代码,其他的事情就交给他们吧。

在开始本章节前,建议大家尊重正版,坚决不要使用百度搜索如何激活MyEclipse,坚持凑合着用,老是弹出的提示大家手工激活的那个窗口,是非会员用户不得不忍受的广告...

好的,还是那个最简单的网页:

<html>    
<head>    
<title>哥的个人主页</title>    
</head>    
<body>    
我很帅    
</body>    
</html>

Setup1,首先打开MyEclipse2014,点击【File】-【Switch Workspace】,这样,我们使用MyEclipse创建的项目都在【D:\Java\Code】目录下,比较方便管理,如图:
图片描述


如果想学习java可以来这个群,首先是二二零,中间是一四二,最后是九零六,里面有大量的学习资料可以下载、


Setup2,点击【File】-【New】-【Web Project】,准备创建一个新的Web Project,洋气点说是创新一个网络项目,说白了就是建个网站。如下图,在【Project name】一栏输入咱的网站名:WebSiteFirst,然后点击【 Finish】按钮完成创建。
图片描述

Setup3,在左侧项目【Package Explorer】窗口展开项目目录,如下图。需要说明下,项目名(网站名)WebSiteFirst是刚刚设置的没有疑问,Src是放Java程序的,最后WebRoot表示Web根木录,是用来放网页的,现在可以看到一个index.jsp,.jsp文件表示动态网页,暂时咱不去了解。

所以目前我们建立html文件,直接在WebRoot目录下建立就行,可以在WebRoot上点右键-【New】-【HTML】的方式新建html网页。

图片描述

Setup4,第四步比教特殊,该步骤只需要执行一次即可,以后再建项目的时候就不用了。这一个神秘的步骤的作用是让MyEclipse开发环境认识Tomcat!前面我们装了个免安装版本的Tomcat,所谓免安装版本,就是一堆文件嘛,操作系统都不知道这玩意有还是没有,更不用说级别远低于操作系统的MyEclipse老弟了。所以第一次使用MyEclipse建Web项目,需要让MyEclipse和Tomcat认识认识,既然认识了,那以后不用重新认识了哈。

其实这一步的真正意义是让MyEclipse知道Tomcat的版本和位置,以便MyEclipse在帮我们自动启动Tomcat和自动将我们的网站部署到Tomcat时,知道怎么办。

具体操作方法很简单,点击MyEclpse菜单栏的【Windows】-【Preferences】,在Preferences界面下依次选择左侧【MyEclipse】-【Servers】-【Tomcat】-【Tomcat7.x】,打开如下界面,注意选【Enable】,选择tomcat安装根目录,然后务必点击【Apply】。如下图:
图片描述
Setup5,编辑网站内容,因为目前我们只懂html,不懂jsp,所以右击【WebRoot】,建立一个index.html文件。然后双击打开index.html文件,将

<html>    
<head>    
<title>猫哥的个人主页</title>    
</head>    
<body>    
猫哥很帅    
</body>    
</html>

复制进去,覆盖原有内容,如下图,在右侧的编辑区上方,可以看到页面的预览。
图片描述
Setup6,将网站部署于Tomcat服务器并启动服务器。

需要注意工具栏这三个按钮:图片描述,第一个用于部署网站,第二个用于启动服务器,第三个打开MyEclipse内置浏览器预览网站。一般猫哥不推荐使用第三个按钮,咱直接用IE看网站。

好了,首先咱先部署网站,不部署网站,启动服务器也没用,你服务器上都没部署网站呢,有啥用?(人家设计的这三个按钮真是绝了,从左到右,部署、运行、浏览,一波流顺畅)。点击第一个按钮,打开【Project Deployments】(项目部署)窗口,点此左侧【Add】按钮,在【Sever】下拉框选择【Tomcat 7.x】,这个Tomcat 7.x就是第四步配置的,咱自己下载的Tomcat7服务器,选定后点击【finish】按钮完成添加。如图,Tomcat 7.x左边绿色对号表示部署完成,右边【Remove】表示从服务器移除选定项目,而【Redeploy】表示重新部署,如果网站项目代码改变了,最好是点下Redeploy重新部署,否则可能会有编写代码和Tomcat运行效果不一致的现象发生。
图片描述

Setup7,现在,点击中第二个按钮的下拉三角形,在弹出的下拉框选择Tomcat7.x,然后选择Start启动。此时【Console】输出窗口会出现乱七八糟很多文字,我们只关心最后一行:“信息: Server startup in 2971 ms”——服务器在2971毫秒启动了。

Setup8,预览,打开IE,在地址栏输入【h-t-t-p: / / l o c a l h o s t :8 0 8 0/ We b Si t eF  i r st /i ndex.html】,如图:

图片描述
预览成功!感觉自己很牛X。

此时去看看Tomcat目录下Webapps目录如图:
图片描述

看来Webapps目录下每个文件夹表示一个网站项目,然后ROOT是默认的,不用输入文件夹名(网站名),其他的网站都得输入网站名+网页名。

嗯嗯,很简单,而且就应该是这样的。

OVER。

从下一章开始,就不会截这么多图了,因为操作都是一样的,主要是做说明和贴代码...

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
珠联壁合地设天造|M1 Mac os(Apple Silicon)基于vscode(arm64)配置搭建Java开发环境(集成web框架Springboot)
也许有人从未听说过Python,但是不会有人没听说过Java,它作为一个拥有悠久历史的老牌编程语言,常年雄踞TIOBE编程语言榜首,其顶尖的霸主地位不可撼动,而M1 mac业已发布了一段时间,作为跨时代的顶级芯片系统,这两大巨头能否珠联璧合,让开发者们猛虎添翼、更上层楼?本次我们尝试在M1 mac系统中搭建Java开发环境,并且集成目前Web开发领域红的发紫的Springboot框架,另外,谁说玩儿Java就必须得用Eclipse或者IntelliJ IDEA?我们就骄傲地使用Vscode。
0 0
一键安装java web环境打包集成,集成tomcat,mysql,jdk,java ,加上客户端cefpython,实现桌面web应用。
一键安装java web环境打包集成,集成tomcat,mysql,jdk,java ,加上客户端cefpython,实现桌面web应用。
0 0
java web应用分布式改造方案
java web应用分布式改造方案
0 0
JAVA万能:JNLP在浏览器上以WEB方式运行JAVA程序
JAVA万能:JNLP在浏览器上以WEB方式运行JAVA程序
0 0
Java Web 实现文件上传和下载接口功能
Java Web 实现文件上传和下载接口功能
0 0
+关注
茶花盛开
web前端新手群291851189
文章
问答
文章排行榜
最热
最新
相关电子书
更多
边缘安全,让Web加速有保障
立即下载
使用CNFS搭建弹性Web服务
立即下载
WEB框架0day漏洞的发掘及分析经验分享
立即下载