news 2026/4/15 13:46:33

前端测试(一)Web基础

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前端测试(一)Web基础

一、javaweb工程

1.javaweb工程概述

JavaWeb应用指供浏览器访问的程序,通常也简称为web应用。

一个web应用由多个静态web资源(html css js)和动态web资源(实现功能)组成,例如:html、css、js文件,jsp文件、java程序、支持jar包、工程配置文件、图片、音视频等等。

Web应用开发好后,若想供外界访问,需要把web应用所在目录交给Web服务器管理(如:Tomca等),这个过程称之为虚似目录的映射,即web工程目录物理路径映射编程网络访问路径(虚拟目录)。

2.javaweb工程目录结构

Maven构建JavaWeb工程的标准目录
项目根目录/
├── pom.xml # Maven核心配置文件
├── src/
│ ├── main/ # 主代码目录
│ │ ├── java/ # Java源代码目录
│ │ │ └── com/example/ # 包目录结构
│ │ │ ├── controller/ # 控制器类
│ │ │ ├── service/ # 业务逻辑接口
│ │ │ ├── dao/ # 数据访问接口
│ │ │ └── util/ # 工具类
│ │ ├── resources/ # 资源文件目录
│ │ │ ├── config/ # 配置文件目录
│ │ │ ├── mapper/ # MyBatis映射文件
│ │ │ ├── static/ # 静态资源(CSS, JS, 图片)
│ │ │ └── logback.xml # 日志配置文件
│ │ └── webapp/ # Web应用目录
│ │ ├── WEB-INF/ # 受保护目录(浏览器无法直接访问)
│ │ │ ├── web.xml # Web部署描述符
│ │ │ ├── classes/ # 编译后的类文件(Maven自动管理)
│ │ │ └── lib/ # 依赖库
│ │ └── index.jsp # JSP页面
│ └── test/ # 测试代码目录
│ ├── java/ # 测试Java源代码
│ └── resources/ # 测试资源文件
└── target/ # 构建输出目录(自动生成)
├── classes/ # 编译后的类文件
├── test-classes/ # 测试类文件
├── maven-status/ # Maven状态信息
└── 项目名-版本.war # 最终打包的WAR文件

二、Tomcat配置虚拟目录+虚拟主机

1.Tomcat配置虚拟目录(虚拟目录作用:可以发布任意目录下的项目)

编辑tomcat的conf目录下server.xml配置文件

  1. 找到 < Host > 标签

  2. 添加目录映射内容
<Context path="/demo" docBase="F:/demopath"/>


path属性:访问资源的虚拟目录名称(路径访问地址,名称可以随便起,但是必须在前面加上一个/ )
docBase属性:资源所在的磁盘物理地址(解压后的war包存在的地址)

验证:网页访问成功

2.Tomcat配置虚拟主机(虚拟主机作用:可以指定访问路径名称)

编辑tomcat的conf目录下server.xml配置文件

  1. 找到 < Engine > 标签
  2. 添加虚拟主机内容
</Host> <Host name="www.webdemo.com" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Context path="" docBase="webdemo"/> </Host>
  1. 修改系统hosts文件指定IP和域名映射关系

三、Tomcat部署动静态资源

1.部署静态资源

静态资源是服务器直接返回给客户端的文件,内容不会变化。
例:把静态资源加入到JavaWeb工程中,在Tomcat中部署工程,启动Tomcat服务器,并使用浏览器访问。


2.部署动态资源

动态资源是根据请求动态生成的内容,通常需要服务器端处理。
Servlet是运行在Java服务器端的程序,用于接收和响应来自客户端基于HTTP协议的请求。
例:在main/java目录下编写一个类,实现Servlet接口,重写service方法,修改web.xml配置文件,配置servlet资源,将项目部署到tomcat中,启动tomcat服务,打开浏览器验证。


版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/15 7:17:34

C++STL容器:高效编程必备指南

好的&#xff0c;我们来学习C STL中最常用的几种容器。STL&#xff08;Standard Template Library&#xff09;提供了多种高效的容器类型&#xff0c;用于存储和管理数据。1. vector&#xff1a;动态数组概念&#xff1a;可变大小的数组&#xff0c;支持随机访问&#xff08;通…

作者头像 李华
网站建设 2026/4/12 9:38:14

ScalingLaws-2022-Chinchilla-2:既然Dₒₚₜ/Nₒₚₜ≈20,为什么LLaMA系列用的D/N远大于20【Chinchilla比例:每个参数大约对应20个token】

“每个参数大约对应 20 个 token”(常被叫作 Chinchilla 比例)并不是一条“宇宙定律”。 你看到 LLaMA 系列的 token/参数 比值远大于 20,核心原因是:他们优化的目标、约束条件、以及用来拟合的“最优前沿(frontier)”都变了。 尤其从 Llama 3 开始,论文里甚至明确承认…

作者头像 李华
网站建设 2026/4/13 14:09:25

HTTP Content-Type

HTTP Content-Type 引言 HTTP协议中的Content-Type头字段是Web服务器与客户端之间进行数据交换的重要机制。它定义了服务器发送给客户端数据的类型,允许浏览器或其他客户端应用程序正确地处理和展示这些数据。本文将详细介绍HTTP Content-Type的用途、类型以及在实际应用中的…

作者头像 李华
网站建设 2026/4/14 21:29:30

VSCode 下如何检查 Vue 项目中未使用的依赖?

VSCode 下如何检查 Vue 项目中未使用的依赖&#xff1f; 文章目录 VSCode 下如何检查 Vue 项目中未使用的依赖&#xff1f;1. 使用 depcheck 工具&#xff08;推荐&#xff09;安装和使用&#xff1a;配置&#xff08;可选&#xff09;&#xff1a; 2. 使用 npm-check 工具3. V…

作者头像 李华
网站建设 2026/4/14 18:39:49

SSM计算机毕设之基于ssm的网上手机商城系统基于SSM的手机商城(完整前后端代码+说明文档+LW,调试定制等)

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华
网站建设 2026/4/7 2:58:13

开题报告 雅韵古诗词系统python爬虫

目录 雅韵古诗词系统Python爬虫简介爬虫技术实现要点数据处理与存储反爬策略应对应用场景扩展 项目技术支持可定制开发之功能亮点源码获取详细视频演示 &#xff1a;文章底部获取博主联系方式&#xff01;同行可合作 雅韵古诗词系统Python爬虫简介 雅韵古诗词系统是一个基于Py…

作者头像 李华