JSP学习笔记01概念和基础_jsp是编译型还是解释型-优快云博客

本文链接：https://blog.youkuaiyun.com/karaage/article/details/69739774

本文介绍了B/S架构下的服务器端语言如JSP、PHP、ASP.NET及其与数据库的组合应用，并详细阐述了HTML、CSS、JavaScript等浏览器端语言的作用及特性，同时涵盖了网页布局、动态网页技术及XML、XHTML的基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前主要采用三种服务器端语言：JSP、PHP、ASP.NET。

这三种语言构成三种常用应用开发组合：JSP+Oracle、PHP+MySQL、ASP.NET+SQLServer。

B/S结构编程语言分成浏览器端语言（HTML、CSS、JavaScript、VBScript。）和服务器端语言（ASP.NET、JSP、PHP）。

HTML、CSS、JSP之间的关系，做网页就好比盖房子，HTML就是简单的把房子盖好，CSS就是粉刷装饰，JSP就是天黑了，我在里面把灯打开。

数据库支持是必须的，目前应用领域的数据库系统全部采用关系型数据库系统（微软的SQL Server、Oracle、IBM的DB2）。

企业应用开发架构：

两层架构：传统的两层应用包括用户接口和后台程序，后台程序通常是一个数据库，用户接口直接同数据库进行对话。两层应用架构显示逻辑层一般由HTML、JSP、ASP实现，通过JSP和ASP直接和数据库相连。

三层架构：三层结构在用户接口代码和数据库中间加入了一个附加的逻辑层，通常这个层称为“商务逻辑层”。

N层架构：超过3个独立的代码层就统称为N层架构。

JSP是基于JAVA的技术，用于常见可支持跨平台及WEB服务器的动态网页。从构成情况上来看，JSP页面代码一般由普通的HTML语句和特殊的基于JAVA语言的嵌入标记组成，所以它具有了WEB和JAVA功能的双重特性。

JSP是一种动态网页技术标准，可以将网页中的动态部分和静态的HTML相分离。可以按照平常的方式来书写HTML语句，然后，将动态部分用特殊的标记嵌入即可（以<%开始以%>结束）。

JSP文件的执行方式是“编译式”，而不是“解释式”，即在执行JSP页面时，是把JSP文件先翻译为Servlet形式的Java类型的字节码文件，然后通过Java虚拟机来运行。

网页URL可用来定位网络上信息资源的地址，也可用来定位本地系统想要访问的文件。

动态网页技术不是指放在网页上的GIF图，有以下几个特点：交互性、自动更新、因时因人而变。

HTML是一种超文本标记语言，包含一些Tag称为标签或标记。

<pre>……</pre>预先格式化标签，用这个标签括起来的文本，在网页中会按照输入时的格式显示。

<br/>换行标签加在需要换行的位置，当浏览器遇到这个标签时，会自动进行换行。

<p>……</p>段落标签添加在段首和段尾。

<hr/>水平线标签，该标签在网页中显示一条水平分割线。

<b>……</b>粗体标签

<i>……</i>斜体标签

<h1>……</h1>标题标签，1-6数字越小，标题字号越大。

<img src=图像路径 alt=图像说明文字 width=宽度 height=高度/>网页中插入图像的标签，不是真正的把图片加入到HTML文件中，而是通过一个路径告诉浏览器图像在哪里。图像格式为JPG、GIF、PNG。

<a href=链接目标地址>文字或图像</a>

<table>……</table>表格标签。表示一个表格的开始和结束。border属性只允许使用值1或0，表示是否显示表格的边框。

<tr>……</tr>行标签，成对出现，包含在表格标签之间，有几对行标签说明该表格有几行。

<td>……</td>单元格标签，成对出现，包含在行标签之间。colspan表示跨多列，等于3，表示横向合并3个单元格。rowspan表示跨多行，即纵向合并几个单元格。

<input/>表单项标签。（属性很多，不一一列举）

XML是一种元标签语言，没有许多固定的标签，为WEB开发人员提供了更多的灵活性。version规定了XML文档的版本，encoding规定了XML文档的编码类型，取值gb2312表示简体中文。XML可以做到自定义标签，用标签标明内容的含义。XSL之于XML就像CSS之于HTML，它是指可扩展样式表语言。

XHTML可扩展超文本标签语言，与HTML类似，不过语法上更加严格。

CSS层叠样式表，是一种用来定义网页外观格式的技术。DIV+CSS技术已经是目前主流的网页布局技术。CSS由3个基本部分组成：样式选择器、属性和属性值。

样式选择器{属性1：属性值；属性2：属性值；……属性n：属性值；}

标签选择器： p{font-size:14px;}页面中所有段落文字都将受到这种样式的控制，字号都显示为14像素。

类选择器：标签名.类名{属性1：属性值1；属性2：属性值2；……}

p.s1{color:red;}样式s1仅适用于段落元素，使用方法：<p class="s1">段落文字</p>

.s2{color:green;}样式s2则适用于任何元素。

ID选择器：标签名#id名{属性1：属性值1；属性2：属性值2；……}id名由设计者定义，标签名在使用过程中可以改为*表示全部，也可以省略。

#s3{color:red;font-size:24px;}样式s3适用于任何元素，使用方法：<h2 id="s3">二级标题</h2>

在HTML文档中引用CSS样式表的方法有4种：行内样式、内嵌样式、链接外部样式和导入外部样式。

行内样式是直接在HTML元素中加入了style属性，然后把CSS代码直接写入其中，优点是使用方法简单，缺点是不能真正实现内容和样式分离，使用效率底下。

<标签 style="样式属性：样式属性值；样式属性：样式属性值；……">