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

2023-10-27


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内置对象)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JAVA遇见HTML—JSP篇—Mac系统(一.JAVA WEB) 的相关文章

随机推荐

  • FISCO-BCOS 八、ubuntu配置Java环境

    ubuntu配置Java环境需根据自己的java版本号进行细节修改 本文以jdk11 0 18版本为例 一 安装Java 安装默认Java版本 Java 8或以上 sudo apt install y default jdk 查询Java版
  • GPFS文件系统分析

    什么是GPFS文件系统 GPFS General Parallel File System 是IBM公司开发的高性能集群文件系统 从1998年 开始首先应用于AIX集群 2001年后应用于Linux集群 在集群的环境中 GPFS文件系统允许
  • 关于路由, 我好奇的那些点

    最近解锁了一个拯救自我的新技能 就是学习之前 可以先观察下知识时间线 相关人物 以及其他背景等 让那些规则不再变得辣么无聊 什么是路由 通俗的讲就是根据不同的url展示不同页面或者内容 路由的发展阶段 路由的概念最开始是在后端出现的 在以前
  • 大牛用十年功力带你彻底理解JVM垃圾回收器:ZGC,回收设计

    回收设计 ZGC的并发回收算法采用的也是 目的空间不变性 的设计 关于目的空间不变性的更多内容可以参考第7章 在第7章中提到 Shenandoah从JDK 13开始也采用 目的空间不变性 的设计 但是ZGC与Shenandoah相比 还是有
  • 前端页面多字段模糊查询

    前端页面多字段模糊查询 本文主要参考了大佬们的内容 整合记录一下具体内容 1 实现代码 arr是前端原有的列表数组 后台返回来的数据 var arr id 1 aa asd bb 阿斯顿 cc 123 id 2 aa Awr bb 艾沃瑞
  • 云原生 AI 工程化实践之 FasterTransformer 加速 LLM 推理

    01 背景 OpenAI 在 3 月 15 日发布了备受瞩目的 GPT4 它在司法考试和程序编程领域的惊人表现让大家对大语言模型的热情达到了顶点 人们纷纷议论我们是否已经跨入通用人工智能的时代 与此同时 基于大语言模型的应用也如雨后春笋般出
  • Java-String的用法

    Java String的用法 文章目录 Java String的用法 1 介绍 2 实例化String的两种方法 3 String内容的比较 3 1使用 进行基本数据类型的比较 3 2String中使用 比较字符串的内容 3 3使用equa
  • SpringCloud中ribbon的配置文件和属性配置原理

    https blog csdn net hry2015 article details 78357990 作者写的非常详细
  • Mac下使用命令行 mvn 给Maven打包

    使用命令行 mvn 给Maven打包 sudo mvn clean install Dmaven test skip true Dmaven javadoc skip true Dmaven test skip true 跳过单元测试 Dm
  • wms仓储信息化的应用和发展趋势

    随着在线零售市场日益成熟 电子商务不断蓬勃发展 电商仓储需求也呈现高速增长的态势 仓储业也进入到了质的变化阶段 wms仓储信息化的应用和发展趋势 在电商供应链中 企业尤为关心的 是如何把货物更快更准确地送到客户手中 以及如何应对随时变化的订
  • 畅购中

    项目第七天 ES类型 要答出 type版本前和版本后的改变 ES查询方法 使用ElasticsearchRestTemplate对象来构建 ES的默认规则 ES能够自动存储未提交创建字段信息的数据 目的 未指定时ES为了可以更好的支持聚合和
  • python列表索引超出范围怎么解决_Python的列表怎么用?你会吗?Python每日学习打卡...

    Python的列表怎么用 你会用吗 本文主要介绍了Python中列表 List 的详解操作方法 包含创建 访问 更新 删除 其它操作等 需要的朋友可以参考下 Python列表 1 创建列表 只要把逗号分隔的不同的数据项使用方括号括起来即可
  • MFC CListctrl里面使用编辑框和下拉框

    对于需要使用到子控件的单元格 就把子控件移动到需要使用的位置就好 1 创建工程 添加控件CEdit和CListCtrl到对话框 分别添加控件变量 protected CEdit m Edit CListCtrl m ListCtrl int
  • 分布式注册中心 Eureka 与 zookeeper 的区别、原理及各自优缺点

    前言 在微服务的开发过程中 如果使用的是 Dubbo 那就必须使用到 Zookeeper 在使用 Spring Cloud Eureka 时 自然其功能更强大得多 博主也不得不感叹 Spring Cloud Eureka 后来者居上呀 Du
  • vue3 使用 vue.config.js 配置使用scss全局变量

    vue3 使用 vue config js 配置使用scss全局变量 记录学习和开发中遇到的问题或难题 刚开始我在网上查找了许多资料 都是需要什么安装安装 sass resources loader 和配置什么乱七八糟的 我没有尝试过 因为
  • 【社区图书馆】《实战大数据—— 分布式大数据分析处理系统开发与应用》书评

    实战大数据 分布式大数据分析处理系统开发与应用 从大数据技术基础概念出发 介绍了大数据分析的流程和大数据分析处理系统的组成 以及大数据集群的搭建 并在此基础上讲解了多种不同技术构成的离线 实时数据分析系统实战项目 全书共10章 包括大数据概
  • Vue.js 项目查看 vue版本号

    vue V或者是vue version查询的是vue cli的版本 也就是vue脚手架的版本 如果想要查看vue的版本 直接去项目中 在根目录下 找到package json文件夹 找 dependencies 然后就可以看到你装的vue的
  • day2作业

    作业说明 请在下方提示位置 补充代码 完成 青春有你2 选手图片爬取 将爬取图片进行保存 保证代码正常运行 打印爬取的所有图片的绝对路径 以及爬取的图片总数 此部分已经给出代码 请在提交前 一定要保证有打印结果 如下图所示 深度学习一般过程
  • nvm包管理工具下载安装

    1 去github官网 输入nvm windows 点击第一个nvm项目 在右侧点击releases 选择箭头指向的安装包 2 下载很快 但是安装前 得先卸载本机的nodejs 并且为nvm的包创建一个英文文件夹 这里我在D盘创建了一个no
  • JAVA遇见HTML—JSP篇—Mac系统(一.JAVA WEB)

    1 什么是Web应用程序 Web应用程序是一种可以通过Web访问的应用程序 Web应用程序的最大好处是用户很容易访问应用程序 用户只需要有浏览器即可 不需要再安装其他软件 为什么要学习Web应用程序 我们说Web应用程序开发 是目前软件开发