JAVA遇见HTML—JSP篇—Mac系统(一.JAVA WEB)


1.什么是Web应用程序
Web应用程序是一种可以通过Web访问的应用程序。Web应用程序的最大好处是用户很容易访问应用程序。用户只需要有浏览器即可。不需要再安装其他软件。
为什么要学习Web应用程序?我们说Web应用程序开发,是目前软件开发领域的三大方向。
这里写图片描述
JAVAEE方向需求一直是很大的,也是就业比较容易和稳定的,在一线城市2年以上JAVAEE开发经验的工程师起薪就有10-15K。


2.静态页面与动态页面
静态网页
表现形式:网页中的内容是固定,不会更新。
所需技术:HTML,CSS

动态网页:
表现形式:网页中的内容通过程序动态显示的,自动更新。学习制作动态网页。
所需技术:HTML,CSS,数据库技术,至少一门高级语言(Java,C#,Php),Javascript,XML等。主流的动态网页脚本技术(Jsp/Asp.net/Php)


3.搭建Java Web开发环境
工欲善其事必先利其器。学会搭建Java Web是学习JSP动态网站开发的最基本技能之一。
这里写图片描述

Tomcat服务器简介:
Apache Jakarta的开源项目
JSP/Servlet容器

Tomcat服务器的目录结构

这里写图片描述


4.手工编写第一个Web应用程序

这里写图片描述

这里写图片描述
在此目录下创建text文件,修改名称为index.jsp。任意编辑工具打开。粘贴代码。

<html>
   <head>
       <title> 我的第一个JSP页面 </title>
       <meta name="Generator" content="EditPlus">
       <meta name="Author" content="">
       <meta name="Keywords" content="">
       <meta name="Description" content="">
   </head>

   <body>
     <h1>欢迎大家访问我的个人主页</h1>
     <hr>
   </body>
</html>

接着在此目录下创建新文件WEB-INF

这里写图片描述
然后依据此目录,复制web.xml文件到新创建的WEB-INF文件下。

打开进行编辑,只保留web-app标签,保存。

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
  version="4.0"
  metadata-complete="true">


</web-app>

然后再创建2个文件classes和lib,classes文件放的都是编译生成的字节码文件,而lib则是放置需要用到的架包。

创建完成。


WEB-INF目录详解

1.WEB-INF是Java的WEB应用的安全目录。所谓安全就是客户端无法访问,只有服务端可以访问的目录。
2.web.xml,项目部署文件。
3.classes文件,用以放置*.class文件。
4.lib文件夹,用于存放需要的jar包。


5.使用MyEclipse编写第一个Web应用程序

新建项目

这里写图片描述

发布按钮点击

这里写图片描述

点击Add按钮

这里写图片描述

选择集成的Tomcat

这里写图片描述

点击finish,点击ok,这样我们就发布成功了。

点击tomcat,点击start,启动项目

这里写图片描述

启动成功!

这里写图片描述

这里写图片描述


理解Web项目虚拟路径

我们在浏览器中打开的链接:http://localhost:8080/MyFristWebApp/index.jsp
MyFristWebApp就可以理解为虚拟路径,对应我们的项目名称

如何修改项目的虚拟路径?

首先选中项目,右键选择properties

这里写图片描述

选择Project Facets 下的web,如下图显示的就是项目的虚拟路径,我们可以点击config进行设置。

这里写图片描述

这里写图片描述

修改完毕后,我们需要参照上面的步骤重新进行项目部署,再重新启动。

这里写图片描述

我们参看tomcat的配置功能路径,就能看见真相了,打包之后的名字叫做helloWeb文件。

这里写图片描述

而不是之前的MyFristWebApp。这样我们就知道怎么修改项目的虚拟路径了。

这里写图片描述


Eclipse开发Java Web程序

注意:首先你要确认你的Eclipse开发工具支持java EE开发。

这里写图片描述

我们选择的mac系统下的安装版本
eclipse-jee-oxygen-2-macosx-cocoa-x86_64.dmg

我们使用Eclipse创建一个新的web项目,如下图所示,选择web目录下的Dynamlc Web Project,点击next

这里写图片描述

接下来填写项目名称,和选择项目运行环境,我们选择tomcat9.0,点击next

这里写图片描述

这里写图片描述

接下里找到tomcat安装的主目录,选择我们之前配置好的jdk版本,点击finish。

这里写图片描述

这样我们的java Web应用程序就创建好了。

然后呢,我们创建一个默认的首页,jsp页面。

这里写图片描述

这里写图片描述

项目运行

这里写图片描述

这里写图片描述


6.修改Tomcat服务器默认端口号

这里写图片描述

实际操作

打开tomcat目录下的server.xml文件

这里写图片描述

修改Connector标签下的port属性,点击保存。

这里写图片描述

打开终端,进入tomcat的bin目录下,启动tomcat

sudo sh startup.sh  启动tomcat
sudo sh shutdown.sh  关闭tomcat

这里写图片描述

这里写图片描述

JAVA遇见HTML—JSP篇(二.JSP基础语法)

JAVA遇见HTML—JSP篇(三.JSP内置对象)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值