Java Web简明教程–网页篇[1]–第一个网页,开始使用集成开发环境MyEclipse

简介: Java Web简明教程–网页篇[1]–第一个网页,开始使用集成开发环境MyEclipse

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


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


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


 

 

猫哥的个人主页  

 

 

猫哥很帅  

 

 

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

image.png

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


image.png


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


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


image.png


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】。如下图:

image.png

Setup5,编辑网站内容,因为目前我们只懂html,不懂jsp,所以右击【WebRoot】,建立一个index.html文件。然后双击打开index.html文件,将


 

 

猫哥的个人主页  

 

 

猫哥很帅  

 

 

复制进去,覆盖原有内容,如下图,在右侧的编辑区上方,可以看到页面的预览。


image.png


Setup6,将网站部署于Tomcat服务器并启动服务器。


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


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

image.png



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


Setup8,预览,打开IE,在地址栏输入【http://localhost:8080/WebSiteFirst/index.html】


预览成功!感觉自己很牛X。


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


image.png


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


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


OVER。


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


相关文章
|
4月前
|
人工智能 安全 Shell
Jupyter MCP服务器部署实战:AI模型与Python环境无缝集成教程
Jupyter MCP服务器基于模型上下文协议(MCP),实现大型语言模型与Jupyter环境的无缝集成。它通过标准化接口,让AI模型安全访问和操作Jupyter核心组件,如内核、文件系统和终端。本文深入解析其技术架构、功能特性及部署方法。MCP服务器解决了传统AI模型缺乏实时上下文感知的问题,支持代码执行、变量状态获取、文件管理等功能,提升编程效率。同时,严格的权限控制确保了安全性。作为智能化交互工具,Jupyter MCP为动态计算环境与AI模型之间搭建了高效桥梁。
322 2
Jupyter MCP服务器部署实战:AI模型与Python环境无缝集成教程
|
5月前
|
缓存 前端开发 API
(网页系统集成CAD功能)在线CAD中配置属性的使用教程
本文介绍了Mxcad SDK在线预览和编辑CAD图纸的功能及配置方法。通过Vite、CDN或Webpack实现集成,用户可自定义设置以满足项目需求。主要内容包括:1)`createMxCad()`方法的初始属性配置,如画布ID、WASM文件路径、字体加载路径等;2)`MxFun.setIniset()`方法提供的更多CAD初始配置;3)`McObject`对象API用于动态调整视图背景色、浏览模式等。此外,还提供了在线Demo(https://demo2.mxdraw3d.com:3000/mxcad/)供用户测试实时效果。
|
6月前
|
SQL druid Oracle
【YashanDB知识库】yasdb jdbc驱动集成druid连接池,业务(java)日志中有token IDENTIFIER start异常
客户Java日志中出现异常,影响Druid的merge SQL功能(将SQL字面量替换为绑定变量以统计性能),但不影响正常业务流程。原因是Druid在merge SQL时传入null作为dbType,导致无法解析递归查询中的`start`关键字。
|
7月前
|
监控 Linux PHP
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
198 20
|
7月前
|
数据采集 前端开发 JavaScript
如何利用Java和Kotlin实现动态网页内容抓取
如何利用Java和Kotlin实现动态网页内容抓取
|
8月前
|
存储 缓存 Java
Java中的分布式缓存与Memcached集成实战
通过在Java项目中集成Memcached,可以显著提升系统的性能和响应速度。合理的缓存策略、分布式架构设计和异常处理机制是实现高效缓存的关键。希望本文提供的实战示例和优化建议能够帮助开发者更好地应用Memcached,实现高性能的分布式缓存解决方案。
157 9
|
8月前
|
Java API Apache
java集成stable diffusion
通过REST API和JNI两种方法,我们可以在Java应用程序中集成Stable Diffusion模型。REST API方法更加简单和易于维护,而JNI方法则提供更高的性能。根据具体应用场景和需求,选择合适的集成方法,可以充分利用Stable Diffusion的强大功能,实现高效的图像生成和处理。
196 15
|
9月前
|
人工智能 自然语言处理 Java
FastExcel:开源的 JAVA 解析 Excel 工具,集成 AI 通过自然语言处理 Excel 文件,完全兼容 EasyExcel
FastExcel 是一款基于 Java 的高性能 Excel 处理工具,专注于优化大规模数据处理,提供简洁易用的 API 和流式操作能力,支持从 EasyExcel 无缝迁移。
1951 65
FastExcel:开源的 JAVA 解析 Excel 工具,集成 AI 通过自然语言处理 Excel 文件,完全兼容 EasyExcel
|
9月前
|
开发框架 前端开发 JavaScript
ASP.NET Web Pages - 教程
ASP.NET Web Pages 是一种用于创建动态网页的开发模式,采用HTML、CSS、JavaScript 和服务器脚本。本教程聚焦于Web Pages,介绍如何使用Razor语法结合服务器端代码与前端技术,以及利用WebMatrix工具进行开发。适合初学者入门ASP.NET。
|
10月前
|
安全 Java API
【三方服务集成】最新版 | 阿里云短信服务SMS使用教程(包含支持单双参数模板的工具类,拿来即用!)
阿里云短信服务提供API/SDK和控制台调用方式,支持验证码、通知、推广等短信类型。需先注册阿里云账号并实名认证,然后在短信服务控制台申请资质、签名和模板,并创建AccessKey。最后通过Maven引入依赖,使用工具类发送短信验证码。
4577 3
【三方服务集成】最新版 | 阿里云短信服务SMS使用教程(包含支持单双参数模板的工具类,拿来即用!)