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/1884126119003746304.htm" title="Javaweb入门-Maven项目学习（Day2）" target="_blank">Javaweb入门-Maven项目学习（Day2）</a> 半截詩 <a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</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> <div>（一）Maven坐标maven中的坐标是资源的唯一标识，可以通过坐标唯一定义资源位置*使用坐标来定义项目或引入项目中需要的依赖*Maven坐标主要组成*groupld:定义当前Maven项目隶属组织名称（通常是域名的反写，eg:com.Ap）*artifactld:定义当前Maven项目的名称*version:定义当前项目版本号。（二）依赖传递传递依赖需要在pom.xml中指明版本，架包名称和gr</div> </li> <li><a href="/article/1884076702993281024.htm" title="Spring Boot 整合 MySQL 和 Druid 连接池" target="_blank">Spring Boot 整合 MySQL 和 Druid 连接池</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/mysql/1.htm">mysql</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/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/druid/1.htm">druid</a> <div>SpringBoot整合MySQL和Druid连接池一、引言在JavaWeb开发中，SpringBoot凭借其简洁的配置和强大的功能成为主流框架，而MySQL作为常用的关系型数据库，与SpringBoot的结合十分紧密。Druid是阿里巴巴开源的一款高性能数据库连接池，它提供了丰富的监控和扩展功能，能有效提升应用程序与数据库交互的性能和稳定性。本文将详细介绍如何在SpringBoot2和Sprin</div> </li> <li><a href="/article/1884011279979442176.htm" title="Java web 富文本内容生成转为word格式并导出下载" target="_blank">Java web 富文本内容生成转为word格式并导出下载</a> 摘星喵Pro <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/%E7%BC%96%E7%A8%8B%E6%8A%80%E5%B7%A7/1.htm">编程技巧</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>Javaweb富文本内容生成转为word格式并导出下载最近思路，按标签逐一解析，实现复杂一点但是完美解决问题：https://blog.csdn.net/a2272062968/article/details/126227076思路：Word是完全支持html标签的，但是富文本内容并不是完整的html代码，需要先补全html标签，然后转码输出问题：虽然导出worddoc但是事件内容流还是htm，只</div> </li> <li><a href="/article/1883916954792685568.htm" title="JavaWeb——MySQL-多表设计（3/5）：（一对一关系，多对多关系，小结）" target="_blank">JavaWeb——MySQL-多表设计（3/5）：（一对一关系，多对多关系，小结）</a> qiyi.sky <a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</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/%E7%AC%94%E8%AE%B0/1.htm">笔记</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> <div>目录一对一关系剖析一对一关系场景与特点数据库实现方式图形化工具演示与验证多对多关系解析多对多关系实例与困境中间表解决方案工具演示与理解深化多表关系核心要点回顾一对一关系剖析一对一关系场景与特点以用户与身份证为例，呈现一对一典型场景。在业务系统中，为优化数据操作效率，常拆分含多种信息的大表。如用户表含基本与身份信息，若基本信息查询频繁、身份信息查询低频，可拆为用户基本信息表（含用户ID、姓名、性别等</div> </li> <li><a href="/article/1883909894290075648.htm" title="深入浅出讲解JavaWeb后端的三层架构：Controller、Service、DAO 以及详解结合MyBatis和XML映射的DAO层设计" target="_blank">深入浅出讲解JavaWeb后端的三层架构：Controller、Service、DAO 以及详解结合MyBatis和XML映射的DAO层设计</a> 给我吃茄子 <a class="tag" taget="_blank" href="/search/Java%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">Java后端开发</a><a class="tag" taget="_blank" href="/search/%E4%B8%89%E5%B1%82%E6%9E%B6%E6%9E%84/1.htm">三层架构</a><a class="tag" taget="_blank" href="/search/MyBatis/1.htm">MyBatis</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a> <div>目录1.控制层（Controller）(1)职责及作用(2)实现（3）总结2.服务层（Service）（1）职责与作用（2）实现（3）总结3.数据访问层（DAO）（1）职责及作用（2）实现（3）总结4.各层之间的关系5.三层架构的优势6.实际项目中的应用7.总结——三层架构1.MyBatis简介2.DAO层职责回顾3.DAO层结合MyBatis和XML映射的设计（1）项目结构（2）创建实体类（3）</div> </li> <li><a href="/article/1883872586547392512.htm" title="【毕业设计之java系列】基于 WEB 的人力资源管理系统的设计与实现" target="_blank">【毕业设计之java系列】基于 WEB 的人力资源管理系统的设计与实现</a> 小杰911 <a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/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> <div>基于WEB的人力资源管理系统的设计与实现摘要这篇文章的重点是探究人力资源管理领域的挑战，并给出一些可行的建议。经过深入研究，我们发现，目前的人力资源管理系统面临着许多挑战。为此，我们建议开发一个基于WEB的系统，它可以帮助企业更好地管理员工的个人资料，同时也可以支持企业内部的管理流程。我们建议使用B/S架构或JavaWeb技术来支持这一目标，从而更好地管理企业的资源，促进企业的发展。通过采用Spr</div> </li> <li><a href="/article/1883624753269370880.htm" title="JavaWeb-实体类对象嵌套实体类对象的查询" target="_blank">JavaWeb-实体类对象嵌套实体类对象的查询</a> 已放弃植发_ <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%99%BD%E7%9A%84%E5%AD%A6%E4%B9%A0%E5%8E%86%E7%A8%8B/1.htm">小白的学习历程</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1.1实体类代码Cart类（购物车类）publicclassCart{//自增的购物车记录idprivateintcid;//用户idprivateintuid;//产品idprivateintpid;//产品数量privateintcnum;//产品总价privateBigDecimalccount;//999.9999999(long)单位分//产品privateProductproduct;</div> </li> <li><a href="/article/1883402455425806336.htm" title="探索云端阅读新纪元：云借阅图书管理系统" target="_blank">探索云端阅读新纪元：云借阅图书管理系统</a> 翁莹灵Ernest <div>探索云端阅读新纪元：云借阅图书管理系统【下载地址】云借阅图书管理系统-JavaWeb结课作业本项目是一个基于JavaWeb的结课作业，名为“云借阅图书管理系统”。该系统旨在提供一个在线的图书借阅平台，方便用户进行图书的借阅、归还、查询等操作。通过该系统，用户可以轻松管理自己的借阅记录，图书馆管理员也可以方便地管理图书库存和借阅情况项目地址:https://gitcode.com/open-sour</div> </li> <li><a href="/article/1883012536568180736.htm" title="Web 应用服务器：Tomcat环境变量配置、Intellij idea配置Tomcat及运行JavaWeb项目测试" target="_blank">Web 应用服务器：Tomcat环境变量配置、Intellij idea配置Tomcat及运行JavaWeb项目测试</a> 啊Q老师 <a class="tag" taget="_blank" href="/search/Java%E5%BC%80%E5%8F%91%E6%8A%80%E6%9C%AF%E4%BB%8E%E9%9B%B6%E5%88%B0%E5%A3%B9/1.htm">Java开发技术从零到壹</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb%E7%AF%87/1.htm">JavaWeb篇</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a> <div>TomcatTomcat环境变量配置Intellijidea配置TomcatTomcat运行JavaWeb项目测试上篇文章中，我们简单地学习了Tomcat服务器简介、下载、安装及控制台中文乱码化脓性解决的内容，现在我们继续学习Tomcat的配置及测试。Tomcat环境变量配置首先，点击我的电脑—>属性—>高级系统设置—>环境变量(N)…，在系统变量中新建两个系统变量。变量名：CATALINA_BA</div> </li> <li><a href="/article/1882959078079131648.htm" title="【Java】SpringBoot 全局异常捕获不到Filter中的异常的解决办法" target="_blank">【Java】SpringBoot 全局异常捕获不到Filter中的异常的解决办法</a> PlanOne_A <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</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><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>情景：当我想用一个过滤器（filter）来对所有请求进行jwt校验，当校验不通过时我想抛出异常，然后再通过@ExceptionHandler来全局捕获该异常，发现SpringBoot全局异常捕获不了filter中抛出的异常原因：因为filter是JavaWeb提供的技术，是在所有请求之前，spring是捕获不到filter抛出的异常的；解决：要想SpringBoot全局异常捕获到该filter抛出</div> </li> <li><a href="/article/1882904226682695680.htm" title="Java Web学习笔记" target="_blank">Java Web学习笔记</a> 淘气的然酱 <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">计算机学习笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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%90%8E%E7%AB%AF/1.htm">后端</a> <div>JavaWeb后端基础第1章Maven项目1.1Maven简介Maven基于项目对象模型，通过一小段描述信息来管理项目的构建、报告和文档。Maven提供了一套标准化的项目结构、构建流程和一套依赖管理机制。Maven模型：pom.xml→项目对象模型↔依赖管理模型→仓库Maven仓库包含本地仓库、中央仓库、远程仓库（私服）。Maven项目获取jar包时，首先在本地仓库寻找是否有对应jar包，若没有则</div> </li> <li><a href="/article/1882710925216116736.htm" title="Javaweb--SpringBoot" target="_blank">Javaweb--SpringBoot</a> 顾以沫 <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/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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>1.SpringBoot入门简化Spring开发的一个框架，SpringBoot旨在帮助开发者快速搭建Spring框架。整个Spring的一个合集，可以简化配置2.微服务（1）微服务就是一种架构风格（2）微服务就是把一个项目拆分成独立的多个服务，并且多个服务是可以独立运行的，而每个服务都会占用线程。（3）通过HTTPS的方式进行互通每一个功能元素都是一个可以独立替换和独立升级的软件单元微服务(ma</div> </li> <li><a href="/article/1882705750204149760.htm" title="nutzboot框架入门" target="_blank">nutzboot框架入门</a> 优人qaq <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>引言NutzBoot是基于Nutz框架开发的一款轻量级、高效的JavaWeb开发脚手架，它旨在简化JavaWeb应用的开发与部署流程，为开发者提供便捷、高效的开发体验。核心特性自动配置：NutzBoot具备类似于SpringBoot的自动配置功能。它能够依据项目的依赖和配置，自动完成各类组件的初始化与配置。例如，若项目中添加了数据库相关依赖，NutzBoot会自动配置数据源和数据库连接池，极大减少</div> </li> <li><a href="/article/1882528434115112960.htm" title="Servlet 和 Spring MVC：区别与联系" target="_blank">Servlet 和 Spring MVC：区别与联系</a> qq_44199605 <a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>前言在JavaWeb开发中，Servlet和SpringMVC是两个重要的技术。Servlet是JavaWeb的基础组件，而SpringMVC是一个高级Web框架，建立在Servlet的基础之上，提供了强大的功能和易用性。这篇文章将从定义、原理、功能对比、应用场景等多个方面，详细介绍Servlet和SpringMVC，并解析它们的区别与联系。一、什么是Servlet1.定义Servlet是Java</div> </li> <li><a href="/article/1882324319820902400.htm" title="税务门户网站系统：数据分析与税务政策传播" target="_blank">税务门户网站系统：数据分析与税务政策传播</a> liuxin33445566 <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>2.1SSM框架介绍本课题程序开发使用到的框架技术，英文名称缩写是SSM，在JavaWeb开发中使用的流行框架有SSH、SSM、SpringMVC等，作为一个课题程序采用SSH框架也可以，SSM框架也可以，SpringMVC也可以。SSH框架是属于重量级别的框架，配置繁琐，不够灵活，修改程序需要修改好多个文件，并且运行起来也占用内存较高，CPU使用率相对也高，SpringMVC是Spring开发的</div> </li> <li><a href="/article/1882241238527176704.htm" title="后端开发基础——JavaWeb（根基，了解原理）浓缩" target="_blank">后端开发基础——JavaWeb（根基，了解原理）浓缩</a> Wanna715 <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91%E5%9F%BA%E7%A1%80/1.htm">后端开发基础</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/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>总述学习Tomcat、JSON、Servlet、Filter、Session、Cookie、Ajax异步请求、RESTful接口规范、JSP(很老的技术，了解)Servlet系统架构C/S架构(Client/Server（客户端/服务器）)B/S架构（Browser/Server，浏览器/服务器）javaJavaSE:Java标准版JavaEE:企业版（WEB方向，WEB系统）13种规范，其中Se</div> </li> <li><a href="/article/1881992153698201600.htm" title="JavaWeb，会话管理的学习" target="_blank">JavaWeb，会话管理的学习</a> 曦月落雨 <a class="tag" taget="_blank" href="/search/javaWeb/1.htm">javaWeb</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>会话管理概述无状态协议无状态就是不保存状态，HTTP就是无状态协议，HTTP协议自身不会对请求和响应之间的通信状态进行保存，也就是说，在HTTP协议这个级别，协议对于发送过的请求或者响应都不做持久化处理。会话管理实现的手段cookie是在客户端保留少量数据的技术，主要通过响应头向客户端响应一些客户端要保留的信息session是在服务器端保留更多的数据的技术，主要通过HttpSession对象保存一</div> </li> <li><a href="/article/1881989128371892224.htm" title="【Springboot】——响应与分层解耦架构" target="_blank">【Springboot】——响应与分层解耦架构</a> Y小夜 <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/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/%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/spring/1.htm">spring</a> <div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G</div> </li> <li><a href="/article/1881798964634775552.htm" title="走进JavaWeb技术世界11：单元测试框架Junit" target="_blank">走进JavaWeb技术世界11：单元测试框架Junit</a> 程序员黄小斜 <a class="tag" taget="_blank" href="/search/%E8%B5%B0%E8%BF%9BJavaWeb%E6%8A%80%E6%9C%AF%E4%B8%96%E7%95%8C/1.htm">走进JavaWeb技术世界</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a> <div>本系列文章将整理到我在GitHub上的《Java面试指南》仓库，更多精彩内容请到我的仓库里查看https://github.com/h2pl/Java-Tutorial喜欢的话麻烦点下Star哈文章首发于我的个人博客：www.how2playlife.com本文是微信公众号【Java技术江湖】的《走进JavaWeb技术世界》其中一篇，本文部分内容来源于网络，为了把本文主题讲得清晰透彻，也整合了很多</div> </li> <li><a href="/article/1881698331470655488.htm" title="2025毕设springboot MVC框架下的精品课程管理平台论文+源码" target="_blank">2025毕设springboot MVC框架下的精品课程管理平台论文+源码</a> zhihao501 <a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/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/mvc/1.htm">mvc</a> <div>本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在教育信息化的大背景下，精品课程管理平台的构建成为提升教学质量和效率的重要手段。当前，许多高校和教育机构仍然采用传统的课程管理方式，不仅效率低下，还难以满足学生日益增长的个性化学习需求。SpringBootMVC框架作为一种轻量级、高效的JavaWeb开发框架，以其简洁的设计理</div> </li> <li><a href="/article/1881192411565191168.htm" title="JavaWeb 开发入门：从基础到应用" target="_blank">JavaWeb 开发入门：从基础到应用</a> 大梦百万秋 <a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E5%AD%A6%E7%88%86/1.htm">知识学爆</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>JavaWeb是基于Java技术构建的Web应用开发体系。得益于Java的跨平台性和强大的生态系统，JavaWeb长期以来一直是企业级开发的首选方案之一。本篇博客将从JavaWeb的基本概念、核心技术到实际项目开发，带你全面了解如何利用JavaWeb构建一个动态网站。什么是JavaWeb？JavaWeb是使用Java技术开发Web应用程序的总称，通常包括动态网页、交互式功能和后端逻辑。它支持开发以</div> </li> <li><a href="/article/1880864272150491136.htm" title="Java Web 登录系统示例：过滤器技术与 JDBC 数据库连接" target="_blank">Java Web 登录系统示例：过滤器技术与 JDBC 数据库连接</a> Bro_cat <a class="tag" taget="_blank" href="/search/JavaWeb%E5%BC%80%E5%8F%91/1.htm">JavaWeb开发</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/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E6%BB%A4%E5%99%A8/1.htm">过滤器</a><a class="tag" taget="_blank" href="/search/Filter/1.htm">Filter</a> <div>在这篇博客中，我们将探讨一个简单的JavaWeb登录系统示例，重点介绍其中使用的过滤器技术以及JDBC数据库连接技术。这个示例包括后端代码和简单的前端代码，帮助你理解这些技术的实现和原理。项目结构过滤器技术什么是过滤器？过滤器（Filter）是JavaWeb开发中的一个强大工具，它可以在请求到达Servlet之前或响应返回客户端之前对请求和响应进行拦截和处理。过滤器可以用来执行诸如字符编码设置、跨</div> </li> <li><a href="/article/1880695870945554432.htm" title="十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了" target="_blank">十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了</a> VX_BYDZ1988 <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</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><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>1、基于web的图书管理系统设计与实现图书管理系统就是利用计算机，结合互联网对图书进行结构化、自动化管理的一种软件，来提高对图书的管理效率。本系统采用Java+Servlet+Jsp的方式实现基于web的图书管理系统。开发工具及相关技术Java技术HTML、css、javascript技术Servlet技术Eclipse开发工具MySql数据库功能概述用户端：图书查询：根据图书编号、图书名称查询图</div> </li> <li><a href="/article/1880568954334801920.htm" title="JavaWeb原生框架开发JSP+Servlet+JDBC案例" target="_blank">JavaWeb原生框架开发JSP+Servlet+JDBC案例</a> 秦老师Q <a class="tag" taget="_blank" href="/search/JavaWeb%E5%9F%BA%E7%A1%80/1.htm">JavaWeb基础</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">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>目录概要功能技术名词解释技术细节1.项目列表2.网页3.Servlet小结概要JavaWeb开发案例，使用JSP、Servlet、JDBC原生框架技术，实现用户模块的功能开发，主要用于学习。功能1.注册2.登录3.用户模块3.1查询用户信息3.2删除用户信息3.3修改用户信息技术名词解释JSP：全称JavaServerPages,是由Sun公司主导创建的一种动态网页技术标准，JSP中可以编写Jav</div> </li> <li><a href="/article/1880568955865722880.htm" title="EL表达式与JSTL标签库详解" target="_blank">EL表达式与JSTL标签库详解</a> 秦老师Q <a class="tag" taget="_blank" href="/search/JavaWeb%E5%9F%BA%E7%A1%80/1.htm">JavaWeb基础</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>前言本章主要学习EL表达式与JSTL标签库，用于简化JSP数据操作。收录JavaWeb基础系列，该系列主要学习JavaWeb开发原生框架、Servlet、JSP、request请求对象、response响应对象、Session会话对象、Filter过滤器、EL表达式、JSTL标签库、三层开发模型等知识点，欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标一、EL表达式1.概念2.语法3.示例4.EL</div> </li> <li><a href="/article/1880559743047626752.htm" title="JavaWeb合集17-拦截器（Interceptor）和过滤器（Filter）" target="_blank">JavaWeb合集17-拦截器（Interceptor）和过滤器（Filter）</a> 永恒之月℡ <a class="tag" taget="_blank" href="/search/JavaWeb%E5%90%88%E9%9B%86/1.htm">JavaWeb合集</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E6%BB%A4%E5%99%A8/1.htm">过滤器</a><a class="tag" taget="_blank" href="/search/%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">拦截器</a> <div>十七、拦截器和过滤器在JavaWeb开发中，拦截器（Interceptor）和过滤器（Filter）都是用于在请求处理前后执行某些操作的机制。虽然它们的功能相似，但在实现方式、使用场景和灵活性方面有一些重要的区别。1、拦截器和过滤器的区别及选择1.1拦截器定义：拦截器是Spring框架提供的一个机制，用于在请求处理前后执行某些操作。它基于AOP（面向切面编程）的思想。作用：通常用于处理与业务逻辑相</div> </li> <li><a href="/article/1880533508066177024.htm" title="JavaWeb开发 - Filter过滤器详解" target="_blank">JavaWeb开发 - Filter过滤器详解</a> 秦老师Q <a class="tag" taget="_blank" href="/search/JavaWeb%E5%9F%BA%E7%A1%80/1.htm">JavaWeb基础</a><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/java-ee/1.htm">java-ee</a> <div>前言本章节主要学习JavaWeb开发中的Filter过滤器技术，收录于JavaWeb基础专栏，该专栏主要学习JavaWeb开发原生框架、Servlet、JSP、请求对象、响应对象、Session会话对象、Filter过滤器、三层开发模型等知识点，欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标1.概念2.Filter介绍3.入门案例4.验证登录案例4.1登录代码4.2过滤器验证内容1.概念Filt</div> </li> <li><a href="/article/1880514091768934400.htm" title="JavaWeb 前端基础 html + CSS 快速入门 | 018" target="_blank">JavaWeb 前端基础 html + CSS 快速入门 | 018</a> 菜鸟阿康学习编程 <a class="tag" taget="_blank" href="/search/%E5%89%8D%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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>今日推荐语指望别人的救赎，势必走向毁灭——波伏娃日期学习内容打卡编号2025年01月17日JavaWeb前端基础html+CSS018前言哈喽，我是菜鸟阿康。今天正式进入JavaWeb的学习，简单学习html+CSS这2各前端基础部分，以下是我的重点总结，希望对你有所帮助。（建议先看左侧目录，先了解文章结构）（请忽略错误的大纲编号，我直接从笔记中粘贴过来的，就没严格纠正了，重点在内容！）文末和主页</div> </li> <li><a href="/article/1880395432257974272.htm" title="【Rust】——不安全Rust" target="_blank">【Rust】——不安全Rust</a> Y小夜 <a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust（官方文档重点总结）</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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> <div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e</div> </li> <li><a href="/article/1880344490787532800.htm" title="艾编程coding老师课堂笔记：SpringBoot源码深度解析" target="_blank">艾编程coding老师课堂笔记：SpringBoot源码深度解析</a> 艾编程前端技术 <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div>思想：有道无术，术尚可求，有术无道，止于术！Spring开源框架，解决企业级开发的复杂性的问题，简化开发AOP，IOCSpring配置越来多，配置不方便管理！Javaweb---Servlet+tomcat+Struct2SpringMVCSPRINGboot.....所有的技术框架：从一个复杂的场景慢慢的衍生出来一种规范！简单的配置！==SpringBoot：自动配置！==Springboot怎</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>