Pinker_Q

web前端基础(一)--HTML知识点总结

web前端基础(一)–HTML简介、标签介绍
web前端基础(二)–CSS简介、选择器
web前端基础(三)–CSS特性、排版
web前端基础(四)–CSS布局模型

文章目录

Html,CSS,JavaScript的关系
HTML

html格式
注释
html中的特殊字符
认识简单标签
认识复杂标签（截图展示效果）
form:表单标签
frame:框架标签

Html,CSS,JavaScript的关系

学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

HTML

以html为后缀的文件可以用浏览器打开，比如新建一个txt文件，将后缀改为html

HTML标签不区分大小写，

和

是一样的，但建议小写，因为大部分程序员都以小写为准。

html格式

一、一个HTML文件是有自己固定的结构的。

<html>

<head>...</head>

<body>...</body>

</html>

代码讲解：

称为根标签，所有的网页标签都在中。
标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、<script>、 <style>、<link>、 <meta></code>等标签。 </li> <li> 在<code><body></body></code>标签之间的内容是网页的主要内容，如<code><h1>、、<a>、<img></code>等绝大多数网页内容标签，在这里的标签中的内容会在浏览器中显示出来。 </li> </ol> 下面这些标签可用在 head 部分： <pre><code class="prism language-c"><head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> </code></pre> <h3>注释</h3> 代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。 语法： <pre><code class="prism language-c"> </code></pre> 3，CSS注释代码 就像在Html的注释一样，在CSS中也有注释语句： <pre><code class="prism language-c">用/*注释语句*/来标明（Html中使用) </code></pre> <h3>html中的特殊字符</h3> html中有些符号不可以直接打出，在此列出最常见的一些符号。 <pre><code> 空格（必须有英文分号） </code></pre> <a href="http://img.e-com-net.com/image/info8/3417906dc29b4856962a92f6aa6f2689.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3417906dc29b4856962a92f6aa6f2689.png" alt="web前端基础(一)--HTML知识点总结_第2张图片" width="425" height="194" style="border:1px solid black;"></a> <a href="http://img.e-com-net.com/image/info8/dd192f67e3f84cf0898384b3b213b223.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/dd192f67e3f84cf0898384b3b213b223.jpg" alt="web前端基础(一)--HTML知识点总结_第3张图片" width="425" height="217" style="border:1px solid black;"></a> <h3>认识简单标签</h3> P：段落标签 <pre><code class="prism language-c">如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。 <p>段落文本</p> </code></pre> Hx：标题标签 <pre><code class="prism language-c"><hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6 分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。语法： <hx>标题文本</hx> (x为1-6) 文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们 </code></pre> em , strong ：强调标签 <pre><code class="prism language-c">如果想在一段话中特别强调某几个文字，这时候就可以用到<em>或<strong>标签。但两者在强调的语气上有区别: <em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中 <em> 默认用斜体表示， <strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调 </code></pre> span标签 <pre><code class="prism language-c"><span>标签是没有语义的，它的作用就是为了设置单独的样式用的，把一段话圈起来，然后用css设置样式。 <span>文本</span> </code></pre> q:短文本引用标签 <pre><code class="prism language-c">比如在你的网页的文章里想引用某个作家的一句诗使你的文章更加出彩，那么<q>标签是你所需要的。 <q>引用文本</q> 1，注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。 2，注意用<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了）而是它的语义：引用别人的话 </code></pre> blockquote:长文本引用标签 <pre><code class="prism language-c"> <blockquote>的作用也是引用别人的文本。但它是对长文本的引用 <q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签。 <blockquote>引用文本</blockquote> 浏览器对<blockquote>标签的解析是缩进样式 </code></pre> br:换行标签 <pre><code class="prism language-c"><br/>标签作用相当于word文档中的回车。 </code></pre> hr:分割线标签 <pre><code class="prism language-c"><hr/>标签和<br/>标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 <hr/>标签的在浏览器中的默认样式线条比较粗，颜色为灰色. 可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。 </code></pre> address:地址标签 <pre><code class="prism language-c">address标签，为网页加入地址信息语法： <address>地址信息</address> 如： <address>北京市西城区德外大街10号</address> 在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以; 可以在后面使用css样式来修改它<address>标签的默认样式 </code></pre> code:代码标签 <pre><code class="prism language-c">在介绍语言技术的网站中，必免不了在网页中显示一些计算机专业的编程代码当代码为一行代码时，你就可以使用<code>标签了，如下面例子： <code>var i=i+300;</code> 语法： <code>代码语言</code> </code></pre> pre:预格式化标签 pre标签里是什么，就显示什么。 <pre><code class="prism language-c">注意：在文章中一般如果要插入多行代码时不能使用<code>标签如果是多行代码，可以使用<pre>标签。 <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。如果用以前的方法，回车需要输入<br>签，空格需要输入&nbsp;。注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它只是<pre>标签的一个常见应用就是用来展示计算机的源代码。 </code></pre> <h3>认识复杂标签（截图展示效果）</h3> ul-li:无序列表标签 <pre><code class="prism language-c">ul-li是没有前后顺序的信息列表。语法： <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例： <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul> ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点 </code></pre> <a href="http://img.e-com-net.com/image/info8/765fdc66cff040f18d1223b71f10a09e.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/765fdc66cff040f18d1223b71f10a09e.png" alt="web前端基础(一)--HTML知识点总结_第4张图片" width="254" height="111" style="border:1px solid black;"></a> ol-li:有序列表标签 <pre><code class="prism language-c">有序列表语法： <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例：下面是一个热点课程下载排行榜： <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol> <ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开 </code></pre> <a href="http://img.e-com-net.com/image/info8/619346d5adb04b4cb5e51fd0e2e5b2a6.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/619346d5adb04b4cb5e51fd0e2e5b2a6.png" alt="web前端基础(一)--HTML知识点总结_第5张图片" width="336" height="144" style="border:1px solid black;"></a> div:容器标签 <pre><code class="prism language-c">在网页制作过程过中，可以把一些独立的逻辑部分划分出来放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法： <div>…</div> 确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素，比如，可通过对<div>进行格式设计从而改动<div>标签内的所有子标签内容。如下图所示： <div style="color:red"> <h3>This is a header</h3> <p>This is a paragraph.</p> </div> </code></pre> <a href="http://img.e-com-net.com/image/info8/b75c3d050c314fe0a47151bfb03fe8de.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/b75c3d050c314fe0a47151bfb03fe8de.png" alt="web前端基础(一)--HTML知识点总结_第6张图片" width="240" height="131" style="border:1px solid black;"></a> a:超链接标签 <pre><code class="prism language-c">使用<a>标签，链接到别一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址">链接显示的文本</a> 例如： <a href = "https://www.baidu.com/">click here!</a> 上面例子作用是单击click here!文字，网页链接到https://www.baidu.com/这个网页。 </code></pre> 截图效果： <a href="http://img.e-com-net.com/image/info8/eee48c55aa9c4310a82a9e3f2201d74d.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/eee48c55aa9c4310a82a9e3f2201d74d.png" alt="在这里插入图片描述" width="176" height="77"></a> img:图片标签 <pre><code class="prism language-c">认识<img>标签，为网页插入图片在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。语法： <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例： <img src = "y.png" alt = "加载图片失败" title = "Pinker_Q" /> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。 </code></pre> 截图效果（截图时鼠标被隐藏）： <a href="http://img.e-com-net.com/image/info8/9676039cdea5453394bd2bff452f672b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9676039cdea5453394bd2bff452f672b.jpg" alt="web前端基础(一)--HTML知识点总结_第7张图片" width="246" height="197" style="border:1px solid black;"></a> 加载失败： <a href="http://img.e-com-net.com/image/info8/b17452fc45bb4f56ba4475f4bcfd7832.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/b17452fc45bb4f56ba4475f4bcfd7832.png" alt="web前端基础(一)--HTML知识点总结_第8张图片" width="228" height="115" style="border:1px solid black;"></a> table:表格标签 <pre><code class="prism language-c">创建表格的五个元素： table、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<th>…</th>：表格的头部的一个单元格，表格表头。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...<td/>，说明一行中就有几列。 5、表格中列的个数，取决于一行中数据单元格的个数。举个例子： <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> </code></pre> <a href="http://img.e-com-net.com/image/info8/11683b2932c34bed9fa4880162831a12.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/11683b2932c34bed9fa4880162831a12.png" alt="在这里插入图片描述" width="282" height="98"></a> 跨越表格：<code>rowspan ，colspan</code> <pre><code class="prism language-clike"> <table border = "1"> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td rowspan = "2">Row 1 Cell 1</td> <td>Row 1 Cell 2</td> <td>Row 1 Cell 3</td> </tr> <tr> <td>Row 2 Cell 2</td> <td>Row 2 Cell 3</td> </tr> <tr> <td colspan = "3">Row 3 Cell 1</td> </tr> </table> </code></pre> <a href="http://img.e-com-net.com/image/info8/bb01955fe2014e7aa119689b377d4395.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/bb01955fe2014e7aa119689b377d4395.png" alt="web前端基础(一)--HTML知识点总结_第9张图片" width="393" height="157" style="border:1px solid black;"></a> <h3>form:表单标签</h3> <pre><code class="prism language-clike">表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。表单元素是允许用户在表单中输入内容比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置: 语法： <form method="传送方式" action="服务器文件"> . input elements . </form> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被提交到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。 4.input elements ：表单元素 5. 表单元素form是不可见的，只是用来指明要使用表单元素。 </code></pre> input：输入框 <pre><code class="prism language-clike"><input>输入框文本输入框、密码输入框当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。语法： <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type：当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 举个例子： <form> 用户名: <input type="text" name="username" value="请输入用户名"><br> 密码: <input type="password" name="password" value="请输入密码"> </form> </code></pre> <a href="http://img.e-com-net.com/image/info8/471f9e7664464e9e8844fdcfdbfc65dc.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/471f9e7664464e9e8844fdcfdbfc65dc.png" alt="在这里插入图片描述" width="281" height="73"></a> textarea ：文本域 <pre><code class="prism language-clike">文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。举个例子： <textarea rows="10" cols="40">文本</textarea> </code></pre> <a href="http://img.e-com-net.com/image/info8/63290b8a40794fba90f48f4d82f9eab2.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/63290b8a40794fba90f48f4d82f9eab2.jpg" alt="web前端基础(一)--HTML知识点总结_第10张图片" width="459" height="272" style="border:1px solid black;"></a> radio/checkbox：单选框/复选框 <pre><code class="prism language-clike">单选框，复选框语法： <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时，控件为单选框当type="checkbox"时，控件为复选框 2、value：提交数据到服务器的值（后台程序PHP使用） 3、name：为控件命名，以备后台程序ASP、PHP使用 4、checked：当设置checked="checked"时，该选项被默认选中注意：同一组的单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的作用。举个例子: 单选框： <form> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form> </code></pre> <a href="http://img.e-com-net.com/image/info8/085b788fa7a44359afeff259445639a6.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/085b788fa7a44359afeff259445639a6.png" alt="在这里插入图片描述" width="122" height="63"></a> 复选框： <pre><code class="prism language-clike"><form> <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car </form> </code></pre> <a href="http://img.e-com-net.com/image/info8/8a4bc23cc2c44fe1a7cafe548e1caf0f.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/8a4bc23cc2c44fe1a7cafe548e1caf0f.png" alt="在这里插入图片描述" width="182" height="69"></a> select：下拉列表框 <pre><code class="prism language-clike">下拉列表框，节省空间下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。语法：<option value="提交值">选项</option> 提交值是向服务器提交的值，选项是显示的值。举个例子： <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> </code></pre> <a href="http://img.e-com-net.com/image/info8/32dc705b08c84aaaa7082778bd71286b.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/32dc705b08c84aaaa7082778bd71286b.png" alt="web前端基础(一)--HTML知识点总结_第11张图片" width="171" height="173" style="border:1px solid black;"></a> <pre><code class="prism language-clike">使用下拉列表框进行多选下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。如下代码： <form action="save.php" method="post" > <label>爱好:</label> <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> </code></pre> <a href="http://img.e-com-net.com/image/info8/083752b589fa4263875aa3437e1c830e.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/083752b589fa4263875aa3437e1c830e.png" alt="web前端基础(一)--HTML知识点总结_第12张图片" width="162" height="117" style="border:1px solid black;"></a> button：按钮 <pre><code class="prism language-clike">在表单中有两种按钮可以使用，分别为：普通按钮、提交按钮、重置按钮。 1，普通按钮：当用户需要提交表单信息到服务器时，需要用到提交按钮。语法： 1，<input type="button" value="按钮"> 普通按钮 value：按钮上显示的文字 2，提交按钮：当用户需要提交表单信息到服务器时，需要用到提交按钮。语法： <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字 3，重置按钮，重置表单信息当用户需要重置表单信息到初始时的状态时：比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字举个例子： <input type="button" value="按钮"><br/> <input type="submit" value="提交"><br/> <input type="reset" value="重置"><br/> </code></pre> <a href="http://img.e-com-net.com/image/info8/a7fcaca1eb514eeaa3b7906ec60da19d.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/a7fcaca1eb514eeaa3b7906ec60da19d.png" alt="在这里插入图片描述" width="89" height="97"></a> <h3>frame:框架标签</h3> 框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。 使用框架的坏处： <ul> <li> 开发人员必须同时跟踪更多的HTML文档 </li> <li> 很难打印整张页面 </li> </ul> 框架结构标签<code><frameset></code> <ul> <li>框架结构标签（<code><frameset></code>）定义如何将窗口分割为框架</li> <li>每个 frameset 定义了一系列行或列</li> <li>rows/columns 的值规定了每行或每列占据屏幕的面积</li> </ul> 在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 “frame_a.htm” 被置于第一个列中，而 HTML 文档 “frame_b.htm” 被置于第二个列中： <pre><code class="prism language-cpp"><frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset> </code></pre> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1298047752311218176"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(JavaWeb)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1943946255763828736.htm" title="《Java前端开发全栈指南：从Servlet到现代框架实战》" target="_blank">《Java前端开发全栈指南：从Servlet到现代框架实战》</a> <div>前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处</div> </li> <li><a href="/article/1943924321755918336.htm" title="Java中的Tomcat，开启Web应用腾飞【基础版】" target="_blank">Java中的Tomcat，开启Web应用腾飞【基础版】</a> <div>目录一、Tomcat初登场：揭开神秘面纱（一）啥是Tomcat（二）为啥要有Tomcat二、Tomcat的安装与启动：开启第一步（一）下载Tomcat（二）启动Tomcat三、Tomcat的目录结构：探秘内部布局（一）核心目录介绍（二）目录间的协同工作四、部署JavaWeb应用到Tomcat：让应用上线（一）打包Web应用为WAR文件（二）部署WAR文件到Tomcat五、Tomcat的配置优化：让</div> </li> <li><a href="/article/1943923817982259200.htm" title="Java Web 之 Session 详解" target="_blank">Java Web 之 Session 详解</a> 艾伦~耶格尔 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>在JavaWeb开发中，Session就像网站的专属记忆管家，为每个用户保管着重要的信息和状态，确保用户在网站的旅程顺畅无阻。场景一：想象你去一家大型超市购物，推着购物车挑选商品。这个购物车就如同Session，它记录了你的购物信息，方便你在结账时一次性结算。场景二：你在玩一个在线游戏，登录账号后，你的游戏进度、等级、装备等信息都会被保存在Session中，即使你中途关闭游戏，下次登录时依然可以继</div> </li> <li><a href="/article/1943917011268595712.htm" title="Javaweb学习之Vue模板语法（三）" target="_blank">Javaweb学习之Vue模板语法（三）</a> 不要数手指啦 <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录学习资料前情回顾本期介绍（vue模板语法）文本插值Vue的Attribute绑定使用JavaScript表达式综合实例代码：学习资料Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)前情回顾项目的创建大家可以看这篇文章Vue学习之项目的创建-CSDN博客本期介绍（vue模板语法）首先，找到我们编写代码的地方找到自己项目的src文件夹，打开之后点击component</div> </li> <li><a href="/article/1943914615645728768.htm" title="Tomcat：Java Web应用的幕后英雄" target="_blank">Tomcat：Java Web应用的幕后英雄</a> 互联网动态分析 <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>在当今数字化浪潮中，Java作为一门成熟且广泛应用的编程语言，支撑着无数企业级应用和互联网服务的稳定运行。而在JavaWeb开发领域，Tomcat无疑是一个举足轻重的存在，它宛如一位默默耕耘的幕后英雄，为众多Web应用提供了可靠的运行环境。Tomcat的起源与发展Tomcat的故事始于1999年，当时SunMicrosystems（后被Oracle收购）与Apache软件基金会合作，旨在为Java</div> </li> <li><a href="/article/1943711631661920256.htm" title="开发高效的寝室卫生管理系统" target="_blank">开发高效的寝室卫生管理系统</a> <div>本文还有配套的精品资源，点击获取简介：寝室卫生管理系统是一款利用JavaWeb技术开发的软件，涉及JSP、MySQL数据库和Servlet等关键组件，旨在管理寝室卫生状况。系统提供了一个实用的学习平台，便于初学者掌握这些核心技术并理解JavaWeb架构。具体实现包括用户模块、寝室管理、卫生检查、评分系统、报表统计及权限控制，同时强调了MVC设计模式和安全性的重要性。1.JavaWeb技术与寝室卫生</div> </li> <li><a href="/article/1943408701389991936.htm" title="Java从入门到入土（发展方向）" target="_blank">Java从入门到入土（发展方向）</a> <div>目录目录引言：每一章节都会慢慢的更新，可以随时查看是否更新JDK的下载及使用IDEA的下载Java基础语法1.数据类型2.流程控制3.数组4.面向对象5.抽象类6.接口7.枚举8.常用类9.集合类10.泛型11.注解12.异常处理13.多线程14.IO流15.反射Java基础语法非常重要（花很长时间学习java语法个人认为是很值得的）MySQL数据库介绍目标开发框架JavaWebXMLJSONSe</div> </li> <li><a href="/article/1943183810183098368.htm" title="04_JavaWeb回顾笔记" target="_blank">04_JavaWeb回顾笔记</a> skping-go <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div>JavaWeb回顾笔记[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wh1nKopi-1605668744709)(F:\资料\Java\笔记\笔记\assets\javaweb阶段知识体系.png)]Day01HTML1.1HTML简介HTML：HyperTextMarkupLanguage，超文本标记/标签语言。超文本:超出了普通文本的能力标记:标签W3C(Wo</div> </li> <li><a href="/article/1943032039552905216.htm" title="JavaWeb（苍穹外卖）--学习笔记03（登录生成令牌）" target="_blank">JavaWeb（苍穹外卖）--学习笔记03（登录生成令牌）</a> 老虎0627 <a class="tag" taget="_blank" href="/search/JavaWeb%EF%BC%88%E8%8B%8D%E7%A9%B9%E5%A4%96%E5%8D%96%EF%BC%89/1.htm">JavaWeb（苍穹外卖）</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>前言本片文章是学习B站黑马程序员苍穹外卖的学习笔记。在Day01（如果学到登录界面这里卡住了，可以看看这篇文章），登陆界面的后端实现大致可以分为两部分登录功能和登录校验，其中登陆校验的实现是基于令牌JWT技术来实现会话追踪（校验部分还有拦截器Interceptor这个我没太学懂视频也没提，以后在更）JWT令牌基本概念JWT是一种在Web应用程序，简单且安全地处理用户身份验证和信息交换的技术，首先我</div> </li> <li><a href="/article/1942972548950061056.htm" title="JavaWeb三大组件啊-Filter" target="_blank">JavaWeb三大组件啊-Filter</a> sleepcattt <a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一、Filter过滤器简介过滤器可以对访问的静态资源和动态资源进行过滤，既可以过滤请求，也可以过滤响应1.应用场景列举统一编码处理登入验证敏感字符过滤![[Pastedimage20250422121326.png]]相当于在Client和Server之间创建了一个中间层Filter，先经过Filter再到Server2.使用先创建实现类，来实现javax.servlet.Filter包的接口，实</div> </li> <li><a href="/article/1942654608656625664.htm" title="深入理解Tomcat 基本架构" target="_blank">深入理解Tomcat 基本架构</a> 水木石画室 <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>Tomcat是Apache软件基金会旗下的开源Servlet容器，实现了JavaEE（现JakartaEE）的Servlet、JSP等规范，广泛用于JavaWeb应用的部署和运行。其架构设计围绕高效处理HTTP请求、灵活管理Web应用和支持扩展展开。以下从核心组件、层级结构、关键机制三个维度深入解析Tomcat的基本架构。一、Tomcat核心组件与层级结构Tomcat的架构采用分层容器模型，核心组</div> </li> <li><a href="/article/1942614531012358144.htm" title="JavaWeb--Tomcat、Http、Servlet" target="_blank">JavaWeb--Tomcat、Http、Servlet</a> chengzhan1990 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>day083Web开发入门3.1引入之前的程序：java桌面程序，控制台控制，socketgui界面。javase规范现在和以后的程序：javaweb程序。浏览器控制。javaee规范3.2软件的结构C/S(Client-Server客户端-服务器端)典型应用：QQ软件，飞秋，红蜘蛛。特点：1）必须下载特定的客户端程序。2）服务器端升级，客户端升级。B/S（Broswer-Server浏览器端-服</div> </li> <li><a href="/article/1942237307021094912.htm" title="程序员在线接单" target="_blank">程序员在线接单</a> 微风粼粼 <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/dubbo/1.htm">dubbo</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>十年Java全栈工程师在线接单Java程序代做，兼职接单，系统代做，二次开发，网站开发部署，项目合作，商业项目承包全栈开发，支持定制各种管理系统、小程序商用或个人使用等项目都接服务二:Java调试安装，idea，eclipse，项目运行，开发环境配置，工具安装，代码讲解，代码调试，代码运行，代码部署，项目调试，项目部署运行，javaweb，ssm，springboot,vue，项目设计，小程序功能</div> </li> <li><a href="/article/1942236675430215680.htm" title="Java2025最新学习路线（从入门到精通）" target="_blank">Java2025最新学习路线（从入门到精通）</a> 亭亦青 <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>注：这份学习路线结合了2025年春招Java开发岗位要求和2024年Java就业市场需求，要求较高，并且省略了大多数基础部分，如果目标不是中大厂，可以适当放低学习的要求，但是请完成云原生之前的所有内容，并且经常性进行项目实践，切实提升编程能力。Java学习路线一键预览版：JavaSE-Mysql-JavaWeb(htmlcssjsjqUI组件框架-bootstrapelementUIVUE)-My</div> </li> <li><a href="/article/1942021840046190592.htm" title="java类加载机制：Tomcat的类加载机制" target="_blank">java类加载机制：Tomcat的类加载机制</a> weixin_ab <a class="tag" taget="_blank" href="/search/%23%E7%B1%BB%E7%9A%84%E5%8A%A0%E8%BD%BD%E6%9C%BA%E5%88%B6/1.htm">#类的加载机制</a><a class="tag" taget="_blank" href="/search/java%E7%B1%BB%E5%8A%A0%E8%BD%BD/1.htm">java类加载</a> <div>Tomcat类加载机制深度解析：打破双亲委派的Web容器实现Tomcat作为JavaWeb容器，其类加载机制为满足Web应用的隔离性、热部署和兼容性需求，对标准Java类加载机制进行了定制化扩展，核心是打破双亲委派模型并引入多层级类加载器。以下从架构设计、核心组件、热部署实现到典型问题展开解析。一、Tomcat类加载器层级架构（与标准JVM的区别）1.四层类加载器体系BootstrapClassL</div> </li> <li><a href="/article/1941989327445749760.htm" title="Tomcat镜像实战：掌握Dockerfile的编写以及发布项目" target="_blank">Tomcat镜像实战：掌握Dockerfile的编写以及发布项目</a> hunjinYang <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>1.为什么选择Docker部署Tomcat？在传统的JavaWeb项目部署中，我们通常需要手动安装JDK、配置Tomcat环境变量、手动部署WAR包，部署过程繁琐、不可重复、环境易出错。而Docker的出现彻底改变了这一局面。本博客将通过一个完整的Tomcat镜像构建与部署实例，带你逐步掌握以下技能：编写自己的Dockerfile构建定制化的Tomcat镜像（包含JDK与Tomcat）在容器中运行</div> </li> <li><a href="/article/1941894422027366400.htm" title="企业级Javaweb开发常用注解" target="_blank">企业级Javaweb开发常用注解</a> user_admin_god <a class="tag" taget="_blank" href="/search/%E6%B7%B7%E6%B2%8C%E6%9D%82%E8%AE%B0/1.htm">混沌杂记</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>企业级Javaweb开发常用注解1.Spring框架核心注解@SpringBootApplication启动SpringBoot应用程序，结合了@Configuration、@EnableAutoConfiguration和@ComponentScan。/***@authormakeJava*/@SpringBootApplicationpublicclassSm3Application{publ</div> </li> <li><a href="/article/1941457989416316928.htm" title="尚硅谷-javaweb笔记记录" target="_blank">尚硅谷-javaweb笔记记录</a> java成长之旅 <a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div>Javaweb笔记网页三组成：内容html，表现css，行为js。html，css，javascriptstyle标签定义css样式代码(只能在一个页面公用css样式)css文件id选择器：#id001{}#id002{}使用：标签1class选择器：.class001{}使用：类选择器组合选择器：选择器1，选择器2…{属性：值；}js里编写或者写完了再引入进去。且运算&&：当表达式为全真，返回最</div> </li> <li><a href="/article/1941315768406831104.htm" title="JavaWeb开发1" target="_blank">JavaWeb开发1</a> 偷萧逸苦茶 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大</div> </li> <li><a href="/article/1941304928458829824.htm" title="JavaWeb开发3" target="_blank">JavaWeb开发3</a> 偷萧逸苦茶 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和焦点访谈-</div> </li> <li><a href="/article/1940915517686607872.htm" title="Excel 的导入导出常用的技术栈" target="_blank">Excel 的导入导出常用的技术栈</a> <div>在JavaWeb项目中，Excel的导入导出是常见需求，技术栈丰富。以下是主流方案、优缺点及适用场景总结。一、主流技术栈对比表技术栈是否推荐支持格式特点/优势使用难度ApachePOI✅常用.xls、.xlsx功能全、稳定、低层操作，适合定制化中EasyExcel（阿里）✅强烈推荐.xlsx内存占用小，性能优越，适合大数据量导入导出简单JXL（已废弃）❌不推荐.xls太老旧，不支持.xlsx，功能</div> </li> <li><a href="/article/1940722776205750272.htm" title="Servlet 自动刷新页面" target="_blank">Servlet 自动刷新页面</a> 沐知全栈开发 <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Servlet自动刷新页面引言在Web开发中，实现页面的自动刷新是一个常见的需求。这种需求通常出现在需要实时更新信息显示的场景中，例如股票行情、新闻资讯等。Servlet技术作为一种成熟的JavaWeb技术，为我们提供了实现这一需求的有效途径。本文将详细介绍如何利用Servlet技术实现自动刷新页面的功能。Servlet简介Servlet是Java平台的一部分，它允许Java代码运行在Web服务器</div> </li> <li><a href="/article/1940697689402437632.htm" title="Java WebSocket 实现在线聊天" target="_blank">Java WebSocket 实现在线聊天</a> IT莫染 <a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a><a class="tag" taget="_blank" href="/search/Demo/1.htm">Demo</a><a class="tag" taget="_blank" href="/search/Function/1.htm">Function</a><a class="tag" taget="_blank" href="/search/Module/1.htm">Module</a><a class="tag" taget="_blank" href="/search/java%E6%95%99%E7%A8%8B/1.htm">java教程</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E7%AD%89/1.htm">面试题等</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>JavaWebSocket实现在线聊天导入WebSocket依赖org.springframework.bootspring-boot-starter-websocketWebSocket配置类@Configuration@EnableWebSocketMessageBrokerpublicclassWebSocketConfigimplementsWebSocketMessageBrokerCo</div> </li> <li><a href="/article/1940564411471163392.htm" title="Spring MVC 详解" target="_blank">Spring MVC 详解</a> 蟒蛇boy <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>在JavaWeb开发中，SpringMVC是一个强大而广泛使用的框架，它为构建高效、可维护的企业级应用提供了坚实的基础。本文将深入介绍SpringMVC，并提供示例代码帮助你更好地理解其工作原理。一、SpringMVC简介SpringMVC是Spring框架的一个模块，全称为SpringWebMVC。它实现了模型-视图-控制器（MVC）设计模式，将应用程序分为三个主要部分：模型（Model）、视图</div> </li> <li><a href="/article/1940190029942943744.htm" title="1、深入理解Tomcat：从入门到实践" target="_blank">1、深入理解Tomcat：从入门到实践</a> 赵阿萌 <a class="tag" taget="_blank" href="/search/%E6%8E%A2%E7%B4%A2Apache/1.htm">探索Apache</a><a class="tag" taget="_blank" href="/search/Tomcat%EF%BC%9A%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E7%B2%BE%E9%80%9A/1.htm">Tomcat：从入门到精通</a><a class="tag" taget="_blank" href="/search/Tomcat/1.htm">Tomcat</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Web%E5%BA%94%E7%94%A8/1.htm">Web应用</a><a class="tag" taget="_blank" href="/search/Servlet/1.htm">Servlet</a> <div>深入理解Tomcat：从入门到实践1引言Tomcat的发展历程见证了开源社区的力量。从最初发布的4.0beta1版本到最终的稳定版本，Tomcat团队的努力使得Tomcat不仅成为了市场上首屈一指的JavaWeb应用程序容器，而且在性能和功能上也达到了商业产品的水平。Tomcat的成功离不开其稳定的架构和丰富的功能，尤其是在安全性、管理和集成方面。2关于作者和技术评审人JamesGoodwill是</div> </li> <li><a href="/article/1940183855055040512.htm" title="Tomcat 源码解析：深入理解 Tomcat 运行机制" target="_blank">Tomcat 源码解析：深入理解 Tomcat 运行机制</a> 深山懒羊羊 <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>Tomcat是Apache软件基金会的一个开源的Servlet容器和Web服务器，是JavaWeb开发中最常用的应用服务器之一。它实现了Servlet和JSP规范，广泛用于开发和部署JavaEEWeb应用程序。了解Tomcat的源码，能够帮助我们深入理解Web服务器的工作原理，以及如何优化和定制我们的JavaWeb环境。本文将对Tomcat的核心架构进行解析，重点关注Tomcat的启动过程、请求处</div> </li> <li><a href="/article/1940182090289049600.htm" title="深入理解Tomcat 基本架构" target="_blank">深入理解Tomcat 基本架构</a> 无心水 <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%B7%AF%E4%B8%8A/1.htm">编程路上</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3Tomcat/1.htm">深入理解Tomcat</a><a class="tag" taget="_blank" href="/search/Servlet%E5%AE%B9%E5%99%A8/1.htm">Servlet容器</a><a class="tag" taget="_blank" href="/search/I%2FO%E6%A8%A1%E5%9E%8B/1.htm">I/O模型</a><a class="tag" taget="_blank" href="/search/NIO2/1.htm">NIO2</a> <div>TheApacheTomcat®softwareisanopensourceimplementationoftheJavaServlet,JavaServerPages,JavaExpressionLanguageandJavaWebSockettechnologies.TheJavaServlet,JavaServerPages,JavaExpressionLanguageandJavaWebS</div> </li> <li><a href="/article/1940122344785768448.htm" title="开发百度离线地图Java Web项目与无水印瓦片下载工具" target="_blank">开发百度离线地图Java Web项目与无水印瓦片下载工具</a> 王超逸q <div>本文还有配套的精品资源，点击获取简介：本项目采用MyEclipse开发环境构建JavaWeb应用程序，实现百度离线地图功能。通过百度地图API获取地图瓦片，并包含无水印瓦片下载工具，需遵循百度地图的使用条款。项目文件包括源代码、配置文件、资源文件，涉及地图API调用、HTTP协议、JavaWeb应用生命周期、MyEclipse使用、地图瓦片坐标系统理解等技术。项目的成功部署需要熟悉Web服务器如T</div> </li> <li><a href="/article/1939491137492414464.htm" title="JAVA进阶之路" target="_blank">JAVA进阶之路</a> 夜澜听雨声 <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Advance/1.htm">Advance</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>JAVA进阶之路一、Java企业开发基础1.JavaWeb2.SSM框架3.Maven4.Springboot25.mybatis-plus6.前端学习（不算很重要）7.SpringSecurity（有时间再看，不重要）8.代码开发规范（不重要，有时间看）9.Git10.Linux（不重要，会用就行）二、Java企业开发进阶1.设计模式2.Redis（核心）3.消息队列RocketMQ(核心)4.</div> </li> <li><a href="/article/1939297769520951296.htm" title="SpringMVC 中的 RESTful 编码风格案例详解" target="_blank">SpringMVC 中的 RESTful 编码风格案例详解</a> dawn191228 <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/restful/1.htm">restful</a><a class="tag" taget="_blank" href="/search/pandas/1.htm">pandas</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>文章目录一、RESTful简介二、SpringMVC中实现RESTful的方法三、HiddenHttpMethodFilter四、RESTful代码实现案例在现代Web开发中，RESTful架构风格越来越受到开发者的青睐。SpringMVC作为一个强大的JavaWeb开发框架，对RESTful风格的支持非常出色。本文将详细介绍SpringMVC中RESTful编码风格的简介、实现方法、Hidden</div> </li> <li><a href="/article/90.htm" title="java观察者模式" target="_blank">java观察者模式</a> 3213213333332132 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm">观察者模式</a> <div>观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。老鹰会变成观察者，母鸡和小鸡是</div> </li> <li><a href="/article/217.htm" title="TFS RESTful API 模拟上传测试" target="_blank">TFS RESTful API 模拟上传测试</a> ronin47 <div> TFS RESTful API 模拟上传测试。　　细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http</div> </li> <li><a href="/article/344.htm" title="PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式" target="_blank">PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>// 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()</div> </li> <li><a href="/article/471.htm" title="hibernate" target="_blank">hibernate</a> 171815164 <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new </div> </li> <li><a href="/article/598.htm" title="Ant实例分析" target="_blank">Ant实例分析</a> g21121 <a class="tag" taget="_blank" href="/search/ant/1.htm">ant</a> <div> 下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。下面是build.xml的代码： <?xml version="1</div> </li> <li><a href="/article/725.htm" title="[简单]工作记录_接口返回405原因" target="_blank">[简单]工作记录_接口返回405原因</a> 53873039oycg <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div> 最近调接口时候一直报错，错误信息是: responseCode:405 responseMsg:Method Not Allowed 接口请求方式Post. </div> </li> <li><a href="/article/852.htm" title="关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别" target="_blank">关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别</a> 程序员是怎么炼成的 <div> 真正完成类的加载工作是通过调用 defineClass来实现的；而启动类的加载过程是通过调用 loadClass来实现的；就是类加载器分为加载和定义 protected Class<?> findClass(String name) throws ClassNotFoundExcept</div> </li> <li><a href="/article/979.htm" title="JDBC学习笔记-JDBC详细的操作流程" target="_blank">JDBC学习笔记-JDBC详细的操作流程</a> aijuans <a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。下面我们就来仔细看一看每一个步骤：其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接： Html代码 St</div> </li> <li><a href="/article/1106.htm" title="rome创建rss" target="_blank">rome创建rss</a> antonyup_2006 <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/Opera/1.htm">Opera</a> <div>引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W</div> </li> <li><a href="/article/1233.htm" title="html表格和表单基础" target="_blank">html表格和表单基础</a> 百合不是茶 <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E6%A0%BC/1.htm">表格</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E5%8D%95/1.htm">表单</a><a class="tag" taget="_blank" href="/search/meta/1.htm">meta</a><a class="tag" taget="_blank" href="/search/%E9%94%9A%E7%82%B9/1.htm">锚点</a> <div>第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的再看看自己什么都还不会, html是一种标记语言,其实很简单都是固定的格式 _----------------------------------------表格和表单表格是html的重要组成部分,表格用在body里面的主要用法如下; <table> &</div> </li> <li><a href="/article/1360.htm" title="ibatis如何传入完整的sql语句" target="_blank">ibatis如何传入完整的sql语句</a> bijian1013 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a> <div> ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。解决办法： <</div> </li> <li><a href="/article/1487.htm" title="精通Oracle10编程SQL(14)开发动态SQL" target="_blank">精通Oracle10编程SQL(14)开发动态SQL</a> bijian1013 <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name; </div> </li> <li><a href="/article/1614.htm" title="【Linux命令】Linux工作中常用命令" target="_blank">【Linux命令】Linux工作中常用命令</a> bit1129 <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>不断的总结工作中常用的Linux命令 1.查看端口被哪个进程占用通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息 netstat -anp | grep 8085 察看进程ID对应的进程占用的端口号 netstat -anp | grep 进程ID &</div> </li> <li><a href="/article/1741.htm" title="优秀网站和文档收集" target="_blank">优秀网站和文档收集</a> 白糖_ <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99/1.htm">网站</a> <div>集成 Flex, Spring, Hibernate 构建应用程序性能测试工具-JMeter Hmtl5-IOCN网站 Oracle精简版教程网站鸟哥的linux私房菜 Jetty中文文档 50个jquery必备代码片段 swfobject.js检测flash版本号工具</div> </li> <li><a href="/article/1868.htm" title="angular.extend" target="_blank">angular.extend</a> boyitech <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/angular.extend/1.htm">angular.extend</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a> <div>angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数: </div> </li> <li><a href="/article/1995.htm" title="java-谷歌面试题-设计方便提取中数的数据结构" target="_blank">java-谷歌面试题-设计方便提取中数的数据结构</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。以下分别用排序数组和大小堆来实现。使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插</div> </li> <li><a href="/article/2122.htm" title="ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本" target="_blank">ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本</a> Chen.H <a class="tag" taget="_blank" href="/search/ajaxFileUpload/1.htm">ajaxFileUpload</a><a class="tag" taget="_blank" href="/search/ie6/1.htm">ie6</a><a class="tag" taget="_blank" href="/search/ie7/1.htm">ie7</a><a class="tag" taget="_blank" href="/search/ie8/1.htm">ie8</a><a class="tag" taget="_blank" href="/search/ie9/1.htm">ie9</a> <div>jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); } </div> </li> <li><a href="/article/2249.htm" title="[机器人制造原则]机器人的电池和存储器必须可以替换" target="_blank">[机器人制造原则]机器人的电池和存储器必须可以替换</a> comsci <a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a> <div> 机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持..... 另外,如果一</div> </li> <li><a href="/article/2376.htm" title="Oracle Multitable INSERT 的用法" target="_blank">Oracle Multitable INSERT 的用法</a> daizj <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法语法： Insert Into 表名 (字段1,字段2,字段3...） Values (值1,</div> </li> <li><a href="/article/2503.htm" title="专访黑客历史学家George Dyson" target="_blank">专访黑客历史学家George Dyson</a> datamachine <a class="tag" taget="_blank" href="/search/on/1.htm">on</a> <div>20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来</div> </li> <li><a href="/article/2630.htm" title="小学6年级英语单词背诵第一课" target="_blank">小学6年级英语单词背诵第一课</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住 usual 通常的 early 早的 begin 开始 month 月份 year 年 last 最后的 east 东方的 high 高的 far 远的 window 窗户 world 世界 than 比...更 </div> </li> <li><a href="/article/2757.htm" title="在线IT教育和在线IT高端教育" target="_blank">在线IT教育和在线IT高端教育</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a> <div>codecademy http://www.codecademy.com codeschool https://www.codeschool.com teamtreehouse http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.</div> </li> <li><a href="/article/2884.htm" title="Struts2 xml校验框架所定义的校验文件" target="_blank">Struts2 xml校验框架所定义的校验文件</a> 蕃薯耀 <a class="tag" taget="_blank" href="/search/Struts2+xml%E6%A0%A1%E9%AA%8C/1.htm">Struts2 xml校验</a><a class="tag" taget="_blank" href="/search/Struts2+xml%E6%A0%A1%E9%AA%8C%E6%A1%86%E6%9E%B6/1.htm">Struts2 xml校验框架</a><a class="tag" taget="_blank" href="/search/Struts2%E6%A0%A1%E9%AA%8C/1.htm">Struts2校验</a> <div> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa</div> </li> <li><a href="/article/3011.htm" title="mac下安装rar和unrar命令" target="_blank">mac下安装rar和unrar命令</a> hanqunfeng <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a> <div>1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar</div> </li> <li><a href="/article/3138.htm" title="三种将list转换为map的方法" target="_blank">三种将list转换为map的方法</a> jackyrong <a class="tag" taget="_blank" href="/search/list/1.htm">list</a> <div> 在本文中，介绍三种将list转换为map的方法： 1）传统方法假设有某个类如下 class Movie { private Integer rank; private String description; public Movie(Integer rank, String des</div> </li> <li><a href="/article/3265.htm" title="年轻程序员需要学习的5大经验" target="_blank">年轻程序员需要学习的5大经验</a> lampcy <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加</div> </li> <li><a href="/article/3392.htm" title="评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓" target="_blank">评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓</a> nannan408 <div>先来看南方网的一则报道：再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。　　粗暴手术让人发寒　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。　　12月5日，</div> </li> <li><a href="/article/3519.htm" title="使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件" target="_blank">使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件</a> Everyday都不同 <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/input/1.htm">input</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E8%BD%A6%E9%94%AE%E7%BB%91%E5%AE%9A/1.htm">回车键绑定</a><a class="tag" taget="_blank" href="/search/click/1.htm">click</a><a class="tag" taget="_blank" href="/search/enter/1.htm">enter</a> <div>假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理： function search() { //监听函数略...... } 为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search(): //回车绑定 $(".search").keydown(fun</div> </li> <li><a href="/article/3646.htm" title="EXT学习记录" target="_blank">EXT学习记录</a> tntxia <a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div> 1. 准备（1）官网：http://www.sencha.com/ 里面有源代码和API文档下载。 EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。（2）帮助文档：想要查看EXT的官方文档的话，可以去这里h</div> </li> <li><a href="/article/3773.htm" title="mybatis3的mapper文件报Referenced file contains errors" target="_blank">mybatis3的mapper文件报Referenced file contains errors</a> xingguangsixian <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> 按字母分类： <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>