java笔记

快来打我* 2022-01-31 23:57 250阅读 0赞

# JavaWeb笔记 #

## XML解析 ##

## HTML ##

### 常用的语义标签 ###

<table> 
 <thead> 
  <tr> 
   <th>语义化标签</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt;header&gt;</td> 
   <td>用于网页的页眉,页眉通常用于设计网站标志,主导航,全站连接以及搜索框</td> 
  </tr> 
  <tr> 
   <td>&lt;nav&gt;</td> 
   <td>用于页面的导航,仅对文档中重要的连接群的使用</td> 
  </tr> 
  <tr> 
   <td>&lt;main&gt;</td> 
   <td>页面的主要的内容,一个页面只能使用一次</td> 
  </tr> 
  <tr> 
   <td>&lt;section&gt;</td> 
   <td>具有相似的主题的一组内容,比如网站的主页可以分成介绍,新闻头条等.</td> 
  </tr> 
  <tr> 
   <td>&lt;footer&gt;</td> 
   <td>用于网页的页脚,只有当父级是body时,才是整个页面的页脚</td> 
  </tr> 
 </tbody> 
</table>

### 文本标签的介绍 ###

<table> 
 <thead> 
  <tr> 
   <th>标签名</th> 
   <th>标签描述</th> 
   <th>常用属性</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>h1-h6</td> 
   <td>用于创建标题。一共有6级标题，1级标题大，6 级标题小，标题标签默认字体加粗。</td> 
   <td>align：标题对齐的方式 取值：center居 中、right 右对齐、left 左对齐</td> 
  </tr> 
  <tr> 
   <td>hr</td> 
   <td>绘制一条水平线，没有主体的标签。</td> 
   <td>width: 宽度 size: 粗细 color: 颜色</td> 
  </tr> 
  <tr> 
   <td>font</td> 
   <td>设置字体，大小，颜色。如果本地没有这个字体， 使用默认的字体</td> 
   <td>color：颜色 size：大小 face：字体</td> 
  </tr> 
  <tr> 
   <td>br</td> 
   <td>换行，没有主体的标签</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

### 列表标签 ###

| 列表标签 | 属性 | 说明 | | | -------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ---- | | ol-li | type属性 1 默认使用数字序列 a,A 使用字母序列 i,I 罗马数字 | type属性 1 默认使用数字序列 a,A 使用字母序列 i,I 罗马数字 有序列表 ol 代表列表容器 li 列表中的每一项 | | | ul-li | type属性 disc ● 默认 circle ○ square ■ | 无序列表 ul列表的容器 li列表中每一项 | |

### 常用的属性 ###

<table> 
 <thead> 
  <tr> 
   <th>属性名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>src</td> 
   <td>图片的地址,也可以是其他的网站的图片</td> 
  </tr> 
  <tr> 
   <td>alt</td> 
   <td>如果图片丢失,使用这个文字代替</td> 
  </tr> 
  <tr> 
   <td>title</td> 
   <td>鼠标移上去出现提示的信息</td> 
  </tr> 
 </tbody> 
</table>

### 表格的结构哦标签 ###

<table> 
 <thead> 
  <tr> 
   <th>标签名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>table</td> 
   <td>表格容器</td> 
  </tr> 
  <tr> 
   <td>tr</td> 
   <td>一行</td> 
  </tr> 
  <tr> 
   <td>th</td> 
   <td>表格的列标题,加粗,居中</td> 
  </tr> 
  <tr> 
   <td>td</td> 
   <td>一列</td> 
  </tr> 
  <tr> 
   <td>caption</td> 
   <td>表格的标题</td> 
  </tr> 
  <tr> 
   <td>thead</td> 
   <td>不显示任何内容,在逻辑上健表格分成不同的部分</td> 
  </tr> 
 </tbody> 
</table>

### 常用的表格属性 ###

<table> 
 <thead> 
  <tr> 
   <th>属性名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>width</td> 
   <td>表格的宽度</td> 
  </tr> 
  <tr> 
   <td>border</td> 
   <td>表格的外边框的粗细</td> 
  </tr> 
  <tr> 
   <td>align</td> 
   <td>可以用在td,tr,table</td> 
  </tr> 
  <tr> 
   <td>rowspan</td> 
   <td>跨几行</td> 
  </tr> 
  <tr> 
   <td>colspan</td> 
   <td>跨几列</td> 
  </tr> 
  <tr> 
   <td>cellspacing</td> 
   <td>设置单元格之间的间隔</td> 
  </tr> 
  <tr> 
   <td>cellpadding</td> 
   <td>设置单元格边框与文字之间的距离</td> 
  </tr> 
 </tbody> 
</table>

### 创建表格 ###

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表格</title>
    </head>
    <body>
    <table border="2" width="500" align="center"cellspacing="0"cellpadding="8">
        
        <caption>学生成绩表</caption>
        
        <thead>
        <tr>
            
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>成绩</th>
        </tr>
        </thead>
        
        <tbody>
        
        <tr align="cender">
            <td>200</td>
            <td>武大郎</td>
            <td>男</td>
            
            <td rowspan="2">100</td>
        </tr>
        </tbody>
    </table>
    </body>
    </html>

### 表单标签 ###

<table> 
 <thead> 
  <tr> 
   <th>常用属性</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>action</td> 
   <td>数据提交交给服务器的地址,如果没有这个属性,默认提交交给自己</td> 
  </tr> 
  <tr> 
   <td>method</td> 
   <td>提交的方式,有两种提交的方式:get或post,默认是get方式</td> 
  </tr> 
 </tbody> 
</table>

### get与post在格式上的区别 ###

<table> 
 <thead> 
  <tr> 
   <th>提交的方式</th> 
   <th>特点</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>get</td> 
   <td>数据会出现在地址栏的后面以?分割,前面是地址,后面的是参数,如果是多个参数,参数之间使用&amp;分割</td> 
  </tr> 
  <tr> 
   <td>post</td> 
   <td>提交的参数不会显示在地址栏上,相对更加安全.</td> 
  </tr> 
 </tbody> 
</table>

### input标签的type的属性值 ###

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>button</td> 
   <td>定义可点击的按钮（大多与 JavaScript 使用来启动脚本）</td> 
  </tr> 
  <tr> 
   <td>checkbox</td> 
   <td>定义复选框。</td> 
  </tr> 
  <tr> 
   <td>color</td> 
   <td>定义拾色器。</td> 
  </tr> 
  <tr> 
   <td>date</td> 
   <td>定义日期字段（带有 calendar 控件）</td> 
  </tr> 
  <tr> 
   <td>datetime</td> 
   <td>定义日期字段（带有 calendar 和 time 控件</td> 
  </tr> 
  <tr> 
   <td>datetime-local</td> 
   <td>定义日期字段（带有 calendar 和 time 控件）</td> 
  </tr> 
  <tr> 
   <td>email</td> 
   <td>定义用于 e-mail 地址的文本字段</td> 
  </tr> 
  <tr> 
   <td>ﬁle</td> 
   <td>定义输入字段和 "浏览..." 按钮，供文件上传</td> 
  </tr> 
  <tr> 
   <td>hidden</td> 
   <td>定义隐藏输入字段</td> 
  </tr> 
  <tr> 
   <td>search</td> 
   <td>定义用于搜索的文本字段</td> 
  </tr> 
  <tr> 
   <td>submit</td> 
   <td>定义提交按钮。提交按钮向服务器发送数据</td> 
  </tr> 
  <tr> 
   <td>tel</td> 
   <td>定义用于电话号码的文本字段</td> 
  </tr> 
  <tr> 
   <td>password</td> 
   <td>定义密码字段。字段中的字符会被遮蔽</td> 
  </tr> 
  <tr> 
   <td>number</td> 
   <td>定义带有 spinner 控件的数字字段</td> 
  </tr> 
 </tbody> 
</table>

## css ##

### 三种基本选择器 ###

<table> 
 <thead> 
  <tr> 
   <th>选择器分类</th> 
   <th>作用</th> 
   <th>语法</th> 
   <th>细节</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>标签选择器</td> 
   <td>通过标签名选择同名的所有的标 签</td> 
   <td>标签 { }</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>类选择器</td> 
   <td>通过class属性的值选择元素</td> 
   <td>.类名 { }</td> 
   <td>前提：先给标签进行分类 使用class属性分 类 类名：不能以数字开头</td> 
  </tr> 
  <tr> 
   <td>ID选择器</td> 
   <td>通过属性ID选择元素</td> 
   <td>#ID { }</td> 
   <td>前提：先给标签指定ID属性 唯一：建议ID在同个网页中唯一，不要重复</td> 
  </tr> 
 </tbody> 
</table>

### 优先级问题 ###

> 标签选择器<类选择器<ID选择器

### 背景样式 ###

<table> 
 <thead> 
  <tr> 
   <th>功能</th> 
   <th>属性名</th> 
   <th>属性取值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>背景色</td> 
   <td>background-color</td> 
   <td>1.颜色常量:如:red</td> 
  </tr> 
  <tr> 
   <td>背景图片</td> 
   <td>background-image</td> 
   <td>url(图片文件)</td> 
  </tr> 
  <tr> 
   <td>背景位置</td> 
   <td>background-postion</td> 
   <td>left top</td> 
  </tr> 
 </tbody> 
</table>

## JS ##

## 反射,BeanUtils,注解 ##

## web开发入门 ##

## Servlet ##

## request ##

## response ##

## Cookie和session ##

## JSP ##

## JSTL标签 ##

## 分页查询 ##

## jQuery ##

### 基本选择器 ###

<table> 
 <thead> 
  <tr> 
   <th>选择器名称</th> 
   <th>语法</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>标签选择器（元素选择器）</td> 
   <td>$("html标签名")</td> 
   <td>获取所有配备标签名称的于元素</td> 
  </tr> 
  <tr> 
   <td>id选择器</td> 
   <td>$("#id的属性值")</td> 
   <td>获得与指定id属性值匹配的元素</td> 
  </tr> 
  <tr> 
   <td>类选择器</td> 
   <td>$(".class的属性值")</td> 
   <td>获得与指定的class属性值匹配的元素</td> 
  </tr> 
 </tbody> 
</table>

### 层级选择器 ###

<table> 
 <thead> 
  <tr> 
   <th>选择器名称</th> 
   <th>语法</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>后代选择器</td> 
   <td>$("A B")</td> 
   <td>选择A元素内部的所有元素</td> 
  </tr> 
  <tr> 
   <td>子代选择器</td> 
   <td>$("A&gt;B")</td> 
   <td>选择A元素内部的所有的B子元素</td> 
  </tr> 
 </tbody> 
</table>

### 属性选择器 ###

<table> 
 <thead> 
  <tr> 
   <th>选择器</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>$("A[attr]")</code></td> 
   <td>获取 含有attr属性的 A元素</td> 
  </tr> 
  <tr> 
   <td><code>$("A[attr=v]")</code></td> 
   <td>获取 attr属性值等于v的 A元素</td> 
  </tr> 
  <tr> 
   <td><code>$("A[][]...")</code></td> 
   <td>复合属性选择器</td> 
  </tr> 
  <tr> 
   <td><code>$("A[attr!=v]")</code></td> 
   <td>获取 attr属性值不等于v的 A元素</td> 
  </tr> 
  <tr> 
   <td><code>$("A[attr^=v]")</code></td> 
   <td>获取 attr属性值以v开头的 A元素</td> 
  </tr> 
  <tr> 
   <td><code>$("A[attr$=v]")</code></td> 
   <td>获取 attr属性值以v结尾的 A元素</td> 
  </tr> 
  <tr> 
   <td><code>$("A[attr*=v]")</code></td> 
   <td>获取 attr属性值里包含v的 A元素</td> 
  </tr> 
 </tbody> 
</table>

### 基本过滤选择器 ###

<table> 
 <thead> 
  <tr> 
   <th>选择器</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>:first</code></td> 
   <td>获取第一个</td> 
  </tr> 
  <tr> 
   <td><code>:last</code></td> 
   <td>获取最后一个</td> 
  </tr> 
  <tr> 
   <td><code>:not(selector)</code></td> 
   <td>排除 selector的结果不要</td> 
  </tr> 
  <tr> 
   <td><code>:even</code></td> 
   <td>获取索引为偶数的</td> 
  </tr> 
  <tr> 
   <td><code>:odd</code></td> 
   <td>获取索引为奇数的</td> 
  </tr> 
  <tr> 
   <td><code>:eq(n)</code></td> 
   <td>获取索引等于n的</td> 
  </tr> 
  <tr> 
   <td><code>:gt(n)</code></td> 
   <td>获取索引大于n的</td> 
  </tr> 
  <tr> 
   <td><code>:lt(n)</code></td> 
   <td>获取索引小于n的</td> 
  </tr> 
  <tr> 
   <td><code>:header</code></td> 
   <td>获取所有的标题，h1~h6</td> 
  </tr> 
  <tr> 
   <td><code>:animated</code></td> 
   <td>获取正在运行的动画</td> 
  </tr> 
 </tbody> 
</table>

### 表单属性选择器 ###

<table> 
 <thead> 
  <tr> 
   <th>选择器</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>:enabled</code></td> 
   <td>获取可用的表单项</td> 
  </tr> 
  <tr> 
   <td><code>:disabled</code></td> 
   <td>获取不可用的表单项</td> 
  </tr> 
  <tr> 
   <td><code>:checked</code></td> 
   <td>获取被选中的radio，或者checkbox</td> 
  </tr> 
  <tr> 
   <td><code>:selected</code></td> 
   <td>获取被选中的下拉选项option</td> 
  </tr> 
 </tbody> 
</table>

### dom操作（1.操作标签体） ###

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>html()</code></td> 
   <td>&nbsp;</td> 
   <td>获取标签体</td> 
  </tr> 
  <tr> 
   <td><code>html(string)</code></td> 
   <td>string：要设置的内容</td> 
   <td>设置标签体，设置的html会生效</td> 
  </tr> 
  <tr> 
   <td><code>text()</code></td> 
   <td>&nbsp;</td> 
   <td>获取标签体里的文本</td> 
  </tr> 
  <tr> 
   <td><code>text(string)</code></td> 
   <td>&nbsp;</td> 
   <td>设置文本，哪怕设置html代码，也不会生效</td> 
  </tr> 
 </tbody> 
</table>

### 2.操作表单项的值 ###

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>val()</code></td> 
   <td>&nbsp;</td> 
   <td>获取表单项的值</td> 
  </tr> 
  <tr> 
   <td><code>val(string)</code></td> 
   <td>string：要设置的值</td> 
   <td>设置表单项的值</td> 
  </tr> 
  <tr> 
   <td><code>value([v1,v2,v3,..])</code></td> 
   <td>&nbsp;</td> 
   <td>设置表单项的值（多值）</td> 
  </tr> 
 </tbody> 
</table>

### 代码演示 ###

## fiter(过滤器) ##

## Ajax ##