河马和荷花
表单提交实战教程：HTML、CSS、JavaScript到Java后端

本文还有配套的精品资源，点击获取
简介：网页表单是用户与服务器交互的重要界面元素，本资源提供了从构建表单到数据提交的完整流程。介绍了HTML表单基础、GET与POST提交方法、JavaScript事件处理、CSS样式设计，并通过demo.html文件展示综合应用，以及Java后端的接收和处理。同时，强调了表单安全和性能优化的重要性。
1. HTML表单基础知识

HTML表单的作用和结构

HTML表单是Web应用中不可或缺的组件，负责与用户进行交互，收集用户输入的信息。表单的核心由
元素定义，其内可嵌套包括、
  </code> 、 <code> <button> </code> 和 <code> <select> </code> 等控件。在创建表单时，需明确表单的作用域，即表单提交到服务器的哪个URL，这由表单的 <code> action </code> 属性指定，而提交的方式则由 <code> method </code> 属性确定，常用的方法包括GET和POST。 </p> 
  <pre><code class="language-html"><form action="server-side-endpoint" method="post">
  <!-- Input fields go here -->
  <input type="text" name="username" placeholder="Enter username">
  <input type="submit" value="Submit">
</form>
</code></pre> 
  <h4> 创建一个基本的HTML表单 </h4> 
  <ol> 
   <li> 打开文本编辑器，创建一个新文件。 </li> 
   <li> 输入 <code> <form> </code> 标签，并设置 <code> action </code> 和 <code> method </code> 属性。 </li> 
   <li> 在 <code> <form> </code> 标签内添加不同类型的 <code> <input> </code> 元素以收集用户输入。 </li> 
  </ol> 
  <p> 一个简单的表单创建完成后，就可以通过浏览器进行测试，确保所有的输入控件和提交按钮功能正常。这是构建动态Web应用的第一步，后续章节将会深入探讨表单的高级特性和安全性能。 </p> 
  <h2> 2. GET和POST提交方法的区别 </h2> 
  <h4> 2.1 GET方法的特点和使用场景 </h4> 
  <h5> 2.1.1 GET方法的数据传输方式 </h5> 
  <p> GET方法是HTTP协议中最基本的请求方法，它从指定的资源请求数据。当用户在浏览器中输入一个URL，或者点击一个超链接时，浏览器通常使用GET方法来获取资源。GET请求的数据附在URL之后，以"?"开始，多个数据项之间用"&"符号连接。 </p> 
  <p> 在GET请求中，数据是通过URL传输的，因此它的数据大小受限于URL的最大长度。在大多数浏览器中，这个长度限制为2048个字符。这意味着GET请求适用于数据量不大，并且不需要对数据进行保密的场景。 </p> 
  <p> 下面是一个简单的GET请求示例： </p> 
  <pre><code class="language-http">GET /search?q=HTML&hl=en&safe=on HTTP/1.1
Host: www.example.com
</code></pre> 
  <p> 在这个请求中，搜索查询（HTML），语言（en），以及安全搜索（on）等参数都是通过URL传输的。 </p> 
  <h5> 2.1.2 GET方法的优缺点分析 </h5> 
  <p> <strong> 优点： </strong> 1. <strong> 简单快速： </strong> GET请求直接附带在URL之后，用户可以看到请求的所有参数，便于调试和分享。 2. <strong> 缓存： </strong> GET请求的响应可以被浏览器缓存起来，有利于提高性能。 3. <strong> 书签： </strong> 用户可以将带有GET参数的URL保存为书签，便于未来访问。 </p> 
  <p> <strong> 缺点： </strong> 1. <strong> 传输大小限制： </strong> 数据通过URL传输，受限于URL的最大长度，不适合传输大量数据。 2. <strong> 安全性问题： </strong> 用户可以看到所有通过GET传输的数据，不适用于传输敏感信息。 3. <strong> 传输类型限制： </strong> GET方法只允许ASCII字符传输，对于二进制数据则需要使用POST方法。 </p> 
  <h4> 2.2 POST方法的特点和使用场景 </h4> 
  <h5> 2.2.1 POST方法的数据传输方式 </h5> 
  <p> 与GET请求不同，POST方法通过HTTP消息的主体部分发送数据。因此，它不受到URL长度限制，适用于发送大量数据的场景。POST请求通常用于向服务器提交表单数据，包括文件上传，或在服务器上创建、修改资源。 </p> 
  <p> 一个典型的POST请求看起来如下： </p> 
  <pre><code class="language-http">POST /submitForm HTTP/1.1
Host: www.example.com
Content-Type: application/x-www-form-urlencoded
Content-Length: 40

name=John+Doe&age=30
</code></pre> 
  <p> 在这个请求中，数据通过HTTP的主体部分发送， <code> Content-Type </code> 头部指明了数据类型为 <code> application/x-www-form-urlencoded </code> ，而数据内容为 <code> name=John+Doe&age=30 </code> 。 </p> 
  <h5> 2.2.2 POST方法的优缺点分析 </h5> 
  <p> <strong> 优点： </strong> 1. <strong> 传输大量数据： </strong> POST请求不受URL长度限制，可以发送大量数据。 2. <strong> 安全性： </strong> POST请求的数据不会显示在URL中，相对安全。 3. <strong> 支持所有数据类型： </strong> POST可以发送任意类型的数据，包括二进制文件。 </p> 
  <p> <strong> 缺点： </strong> 1. <strong> 速度较慢： </strong> POST请求需要将数据包含在请求体中，通常比GET请求慢。 2. <strong> 不便于书签： </strong> POST请求通常不能被浏览器缓存，也不能被保存为书签。 3. <strong> 不支持缓存： </strong> POST请求不会被浏览器或代理缓存，每个请求都需要重新发送到服务器。 </p> 
  <h4> 2.3 GET与POST方法的选择原则 </h4> 
  <h5> 2.3.1 不同场景下的方法选择 </h5> 
  <p> 选择GET还是POST方法取决于请求的类型和数据传输的需求。 </p> 
  <p> <strong> GET通常用于： </strong> 1. 请求数据，例如获取网页内容。 2. 获取简单查询的结果，如搜索结果。 </p> 
  <p> <strong> POST通常用于： </strong> 1. 提交数据，例如表单提交。 2. 在服务器上创建或修改资源。 </p> 
  <h5> 2.3.2 方法选择对安全性和性能的影响 </h5> 
  <p> 在安全性方面，GET方法不适合传输敏感数据，因为它会以明文形式暴露在URL中。而POST方法可以对数据进行加密，保护信息的安全。 </p> 
  <p> 在性能方面，GET请求因为可以被浏览器和代理缓存，通常比POST请求更快。但是，使用POST方法可以避免在用户历史记录和搜索引擎中暴露数据。 </p> 
  <h4> 结论 </h4> 
  <p> GET和POST方法各有优势和限制，在选择使用时应该考虑实际的应用场景，以及对安全性和性能的需求。在处理表单数据时，GET方法适用于数据量不大且不需要保密的查询操作，而POST方法适用于提交数据，特别是涉及到大量数据或需要提交二进制文件的情况。 </p> 
  <p> 请继续阅读下一章节，了解更多关于表单事件处理和前端验证的技巧。 </p> 
  <h2> 3. JavaScript表单事件处理 </h2> 
  <h3> 3.1 表单事件的类型和触发时机 </h3> 
  <h4> 3.1.1 常见的表单事件类型 </h4> 
  <p> 表单事件是JavaScript中用于响应用户与表单元素交互的一系列事件。了解这些事件对于创建交互式的Web应用至关重要。表单事件类型包括： </p> 
  <ul> 
   <li> <code> submit </code> ：在表单提交时触发，可以通过返回 <code> false </code> 或调用 <code> event.preventDefault() </code> 来阻止表单提交。 </li> 
   <li> <code> reset </code> ：当用户点击重置按钮，重置表单到其初始值时触发。 </li> 
   <li> <code> focus </code> ：当表单元素获得焦点时触发，如输入框被点击。 </li> 
   <li> <code> blur </code> ：当表单元素失去焦点时触发，如输入框被用户点击其他地方时。 </li> 
   <li> <code> change </code> ：当表单元素的内容发生变化并失去焦点时触发。例如，下拉列表、复选框和单选按钮的值改变。 </li> 
   <li> <code> input </code> ：每当元素的 <code> value </code> 属性改变时触发，适用于 <code> <input> </code> 、 <code> <textarea> </code> 等元素。 </li> 
   <li> <code> keydown </code> 、 <code> keypress </code> 、 <code> keyup </code> ：当键盘按键被按下、按住和释放时分别触发。 </li> 
  </ul> 
  <h4> 3.1.2 事件触发的先后顺序 </h4> 
  <p> 了解这些事件的触发顺序对于确保表单行为按预期执行非常重要。例如，当用户填写一个表单并点击提交按钮时，以下事件将按顺序触发： </p> 
  <ol> 
   <li> <code> focus </code> ：当用户点击提交按钮时。 </li> 
   <li> <code> keydown </code> ：当用户按下回车键（假设是提交快捷方式）。 </li> 
   <li> <code> keypress </code> ：当用户继续按住回车键。 </li> 
   <li> <code> keyup </code> ：当用户释放回车键。 </li> 
   <li> <code> click </code> ：当用户点击动作完成。 </li> 
   <li> <code> submit </code> ：如果表单设置为在点击提交按钮时提交，这个事件将被触发。 </li> 
  </ol> 
  <p> 注意，如果表单的 <code> action </code> 属性被设置为提交到另一页面， <code> submit </code> 事件将是最后一个被触发的事件。 </p> 
  <h3> 3.2 表单验证技巧 </h3> 
  <h4> 3.2.1 前端验证的重要性和方法 </h4> 
  <p> 前端验证是提高用户体验的关键环节，它可以在用户提交信息之前及时发现和纠正错误，减少服务器负担，并且避免不必要的网络延迟。前端验证的方法包括： </p> 
  <ul> 
   <li> <strong> HTML5表单验证属性 </strong> ：如 <code> required </code> 、 <code> pattern </code> 、 <code> min </code> 、 <code> max </code> 等，这些属性简洁且易于实现。 </li> 
   <li> <strong> JavaScript验证函数 </strong> ：对于复杂的验证规则，使用JavaScript能够提供更灵活的验证逻辑。 </li> 
  </ul> 
  <h4> 3.2.2 实现前端验证的JavaScript代码示例 </h4> 
  <p> 下面是一个使用JavaScript进行邮箱验证的示例代码： </p> 
  <pre><code class="language-javascript">function validateEmail(email) {
    var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return pattern.test(email);
}

document.getElementById('email').addEventListener('input', function(event) {
    var email = event.target.value;
    if (!validateEmail(email)) {
        event.target.setCustomValidity('请输入有效的电子邮件地址。');
    } else {
        event.target.setCustomValidity('');
    }
});
</code></pre> 
  <p> 在这段代码中，我们首先定义了一个验证邮箱的函数 <code> validateEmail </code> ，它使用正则表达式来测试输入值是否符合常见的电子邮件格式。之后，我们通过添加一个 <code> input </code> 事件监听器到ID为 <code> email </code> 的输入元素上，并在每次输入变化时调用 <code> validateEmail </code> 函数。如果输入不匹配该模式，则会调用 <code> setCustomValidity </code> 方法设置一个自定义的验证消息。 </p> 
  <h3> 3.3 表单提交事件的拦截与处理 </h3> 
  <h4> 3.3.1 阻止默认的表单提交行为 </h4> 
  <p> 通常情况下，我们需要在用户提交表单之前进行一些验证或数据处理。为了在用户点击提交按钮后执行自定义操作，我们可以拦截表单的提交事件。以下是一个示例： </p> 
  <pre><code class="language-javascript">document.getElementById('myForm').addEventListener('submit', function(event) {
    // 进行必要的验证检查
    if (!performValidation()) {
        // 阻止表单提交
        event.preventDefault();
    }
});

function performValidation() {
    // 执行验证逻辑
    // 返回true表示验证通过，false表示未通过
}
</code></pre> 
  <p> 在这个例子中， <code> addEventListener </code> 被用来添加一个事件监听器到表单元素上。当表单尝试提交时，事件处理函数将被调用。如果验证失败，则调用 <code> event.preventDefault() </code> 阻止表单提交。 </p> 
  <h4> 3.3.2 使用AJAX进行异步提交 </h4> 
  <p> 为了实现无刷新的表单提交，我们通常会使用AJAX技术。这里是一个使用原生JavaScript的 <code> XMLHttpRequest </code> 对象发送AJAX请求的示例： </p> 
  <pre><code class="language-javascript">document.getElementById('myForm').addEventListener('submit', function(event) {
    // 阻止表单的默认提交行为
    event.preventDefault();

    var xhr = new XMLHttpRequest();
    var url = '/submitForm'; // 服务器端点URL

    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    xhr.onload = function() {
        if (xhr.status >= 200 && xhr.status < 300) {
            // 请求成功处理
            console.log('Form submitted successfully');
        } else {
            // 请求失败处理
            console.error('Submit failed');
        }
    };

    // 发送请求数据
    var formData = new FormData(this);
    xhr.send(new URLSearchParams(formData).toString());
});
</code></pre> 
  <p> 在这个示例中，我们首先创建了一个 <code> XMLHttpRequest </code> 实例，并配置了请求方法和URL。 <code> onload </code> 事件处理函数用于处理响应。我们通过调用 <code> send </code> 方法来发送请求数据，这里以URL编码字符串的形式发送了 <code> FormData </code> 对象中的数据。注意，如果服务器期望接收的是 <code> multipart/form-data </code> 类型，那么可以使用 <code> FormData </code> 对象的 <code> append </code> 方法直接发送，而不是转换为URL编码字符串。 </p> 
  <p> 根据您的要求，这一章节详细介绍了JavaScript在处理表单事件方面的各种技巧，涵盖了从基础的表单事件类型和触发时机到表单验证技巧，再到拦截表单提交事件以及使用AJAX进行异步处理的方法。这样的内容深度和细节可以确保即使是经验丰富的IT专业人员也能从中获得价值，从而为接下来的章节内容打下坚实的基础。 </p> 
  <h2> 4. CSS样式设计技巧 </h2> 
  <h4> 4.1 基础的表单美化 </h4> 
  <h5> 4.1.1 输入框、按钮和标签的样式定制 </h5> 
  <p> 表单元素的美观程度直接影响用户体验，定制样式可以提升应用的专业感和易用性。针对输入框、按钮和标签进行样式定制是前端开发者常见的任务。 </p> 
  <p> 首先，输入框可以通过CSS的 <code> input </code> 选择器来进行样式定制，例如： </p> 
  <pre><code class="language-css">input[type="text"], input[type="password"], input[type="email"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    width: 250px;
}

input[type="submit"], button {
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    padding: 8px 16px;
    transition: background-color 0.3s ease;
}

input[type="submit"]:hover, button:hover {
    background-color: #0056b3;
}

label {
    font-weight: bold;
}
</code></pre> 
  <p> 这段代码定义了输入框、提交按钮和标签的基本样式。其中，输入框有边框、圆角、内边距和固定宽度；提交按钮和按钮有背景色、无边框、圆角、文字颜色、指针形状改变和背景色变化的悬停效果；标签具有粗体显示以突出。 </p> 
  <h5> 4.1.2 表单布局的设计原则 </h5> 
  <p> 表单的布局设计应该清晰直观，易于填写。常用的设计原则包括： </p> 
  <ul> 
   <li> 逻辑顺序：按照用户填写表单的逻辑顺序排列字段，常见的顺序是从上到下、从左到右。 </li> 
   <li> 分组与标签：将相关字段分组，并使用明确的标签说明每组的目的。 </li> 
   <li> 空间清晰：确保字段之间有足够的空间，避免视觉上的拥挤，但也要注意紧凑布局以节省空间。 </li> 
   <li> 一致性：在整个表单中保持设计的一致性，包括字体大小、颜色、间距等。 </li> 
   <li> 错误提示：合理地提示用户输入错误，且错误提示应清晰可见。 </li> 
  </ul> 
  <h4> 4.2 响应式表单设计 </h4> 
  <h5> 4.2.1 媒体查询在表单中的应用 </h5> 
  <p> 响应式设计是现代Web开发中不可或缺的一部分。媒体查询（Media Queries）允许我们根据不同的视口尺寸应用不同的CSS样式，从而实现响应式布局。 </p> 
  <pre><code class="language-css">/* 默认样式 */
.form-container {
    max-width: 400px;
    margin: auto;
}

/* 小屏幕设备（如手机） */
@media screen and (max-width: 767px) {
    .form-container {
        width: 90%;
    }
}

/* 中等屏幕设备（如平板） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .form-container {
        width: 80%;
    }
}

/* 大屏幕设备（如桌面显示器） */
@media screen and (min-width: 1024px) {
    .form-container {
        width: 70%;
    }
}
</code></pre> 
  <p> 以上媒体查询示例，为不同屏幕尺寸的设备设置了表单容器 <code> .form-container </code> 的宽度。随着屏幕尺寸的增加，表单宽度逐渐减少，以适应不同设备的显示区域。 </p> 
  <h5> 4.2.2 响应式表单的兼容性处理 </h5> 
  <p> 不同浏览器对CSS的响应式特性支持情况不同。为了确保响应式表单在各种浏览器中的兼容性，需要考虑到以下几点： </p> 
  <ul> 
   <li> 使用 <code> min-width </code> 和 <code> max-width </code> 而不是 <code> width </code> 来设置媒体查询的值。 </li> 
   <li> 检查并修复 <code> calc() </code> 函数在IE浏览器中的兼容性问题。 </li> 
   <li> 确保所有布局和样式在禁用CSS的情况下也能保持基本可用性，即渐进增强。 </li> 
   <li> 测试在不同浏览器的最新稳定版本和几个主要版本中表单的表现。 </li> 
  </ul> 
  <h4> 4.3 高级CSS技巧在表单中的应用 </h4> 
  <h5> 4.3.1 CSS动画和过渡效果增强用户体验 </h5> 
  <p> CSS动画和过渡效果可以显著提升用户交互体验，让表单元素在状态改变时更为生动。 </p> 
  <pre><code class="language-css">button {
    transition: background-color 0.3s ease;
}

button:focus {
    outline: none;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}

button:hover {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
</code></pre> 
  <p> 在上述代码中，按钮在获得焦点时通过 <code> box-shadow </code> 实现了轮廓增强，当鼠标悬停时通过 <code> animation </code> 属性实现了脉冲动画效果。 </p> 
  <h5> 4.3.2 使用CSS预处理器提升样式复用性 </h5> 
  <p> CSS预处理器如Sass、Less等提供了许多增强功能，比如变量、混合（mixins）、函数等，极大地提高了样式的复用性。 </p> 
  <pre><code class="language-scss">// _variables.scss
$primary-color: #007bff;

// _buttons.scss
.button {
    @include button-base;
    background-color: $primary-color;
}

// index.scss
@import 'variables';
@import 'buttons';
</code></pre> 
  <p> 上述示例展示了如何使用Sass变量和混入（mixins）来定义一个基础按钮样式，并在不同按钮样式中复用这些属性。通过定义预处理器变量和混入，可以快速生成多个按钮样式，减少代码重复。 </p> 
  <p> 本章节介绍了CSS在表单美化、响应式设计以及高级技巧中的应用。通过合理利用CSS动画、过渡、媒体查询和预处理器的特性，前端开发者可以设计出既美观又实用的表单，提升整体应用的交互体验。 </p> 
  <h2> 5. 示例文件（demo.html）解析 </h2> 
  <h3> 5.1 示例文件结构解析 </h3> 
  <h4> 5.1.1 HTML结构的组织方式 </h4> 
  <p> 一个有效的HTML表单不仅仅依赖于内容的呈现，更取决于其结构的组织方式。以下是HTML结构的一个基础示例，我们将会详细解析每一个部分。 </p> 
  <pre><code class="language-html"><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单示例</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <form id="registrationForm" action="submitForm.jsp" method="post">
        <fieldset>
            <legend>注册信息</legend>
            <label for="username">用户名:</label>
            <input type="text" id="username" name="username" required><br><br>
            <label for="email">邮箱:</label>
            <input type="email" id="email" name="email" required><br><br>
            <label for="password">密码:</label>
            <input type="password" id="password" name="password" required><br><br>
            <input type="submit" value="注册">
        </fieldset>
    </form>
    <script src="scripts.js"></script>
</body>
</html>
</code></pre> 
  <p> 在上述代码中，我们首先定义了文档类型为 <code> <!DOCTYPE html> </code> ，确保浏览器按照HTML5标准解析文件。 <code> <html> </code> 标签定义了整个页面的范围。紧接着，我们在 <code> <head> </code> 部分设置了页面标题和字符集，使用 <code> <meta> </code> 标签为移动设备优化视口，并引入了一个外部样式表。 </p> 
  <p> 在 <code> <body> </code> 部分，我们创建了一个表单元素 <code> <form> </code> ，它具有一个ID、一个指向服务器端JSP页面的 <code> action </code> 属性以及一个提交方法 <code> method="post" </code> 。表单内部使用 <code> <fieldset> </code> 和 <code> <legend> </code> 来组织相关联的表单控件和提供标题，使用 <code> <label> </code> 和 <code> <input> </code> 元素为用户提供清晰的输入指示。 </p> 
  <h4> 5.1.2 CSS样式与HTML结构的关联 </h4> 
  <pre><code class="language-css">/* styles.css */
body {
    font-family: Arial, sans-serif;
}

form {
    width: 300px;
    margin: 20px auto;
}

label {
    display: block;
    margin-top: 10px;
}

input[type=text],
input[type=email],
input[type=password] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
}

input[type=submit] {
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #0056b3;
}
</code></pre> 
  <p> 在此CSS文件中，我们设置了一个样式来控制整个表单的宽度、外边距和字体。对于标签和输入字段，我们设置了它们的显示方式和间距。此外，提交按钮有一个专门的样式，使它在用户鼠标悬停时呈现更暗的蓝色。 </p> 
  <h3> 5.2 JavaScript脚本功能解析 </h3> 
  <h4> 5.2.1 前端验证和交互功能实现 </h4> 
  <pre><code class="language-javascript">// scripts.js
document.addEventListener("DOMContentLoaded", function() {
    var registrationForm = document.getElementById("registrationForm");

    registrationForm.onsubmit = function(event) {
        var username = document.getElementById("username").value;
        var email = document.getElementById("email").value;
        var password = document.getElementById("password").value;

        // 验证输入
        if (!validateEmail(email)) {
            alert("请输入有效的电子邮件地址！");
            event.preventDefault(); // 阻止表单提交
        }
    };

    function validateEmail(email) {
        var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return pattern.test(email);
    }
});
</code></pre> 
  <p> 在这个JavaScript脚本中，我们在文档加载完成后，为注册表单添加了一个提交事件监听器。当用户点击提交按钮时，会触发 <code> onsubmit </code> 事件，执行验证逻辑。我们自定义了一个函数 <code> validateEmail </code> 来检查电子邮件格式是否正确。如果电子邮件不符合格式，脚本会通过 <code> alert </code> 弹窗提醒用户，并通过调用 <code> event.preventDefault() </code> 方法阻止表单提交。 </p> 
  <h4> 5.2.2 表单提交和AJAX调用细节 </h4> 
  <pre><code class="language-javascript">// 使用AJAX进行异步表单提交
function submitForm(event) {
    event.preventDefault(); // 阻止默认提交行为

    var formData = new FormData(event.target);
    var xhr = new XMLHttpRequest();
    xhr.open("POST", event.target.action, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            alert("注册成功！\n" + xhr.responseText);
        }
    };
    xhr.send(formData);
}

document.addEventListener("DOMContentLoaded", function() {
    var registrationForm = document.getElementById("registrationForm");
    registrationForm.addEventListener("submit", submitForm);
});
</code></pre> 
  <p> 在 <code> submitForm </code> 函数中，我们使用了 <code> FormData </code> 对象来包装表单数据，并通过AJAX使用 <code> XMLHttpRequest </code> 进行异步提交。我们监听 <code> .onreadystatechange </code> 事件来检查AJAX请求的状态。一旦请求完成并且状态码为200，即请求成功，我们弹出一个包含响应文本的提示框。 </p> 
  <p> 在这个示例中，我们展示了如何结合HTML、CSS和JavaScript来创建一个功能完备的表单，并通过代码块和逻辑分析详细解释了每一部分的作用。从组织结构到样式设计，再到前端验证和AJAX的交互，都是为了提供一个高效、响应式的用户体验。 </p> 
  <h2> 6. Java后端表单数据处理 </h2> 
  <p> 在构建动态Web应用时，后端处理表单数据是一个不可或缺的环节。Java作为后端开发的主流语言之一，其生态系统提供了丰富的技术栈来处理表单数据。本章将深入探讨Servlet和Spring框架在表单数据处理中的作用，以及如何确保数据处理的安全性。 </p> 
  <h3> 6.1 Servlet处理表单数据 </h3> 
  <h4> 6.1.1 Servlet的基本概念和作用 </h4> 
  <p> Servlet是Java EE的核心组件之一，用于处理客户端请求和生成动态Web内容。本质上，Servlet是一个运行在服务器端的Java类，它可以响应各种类型的请求（如HTTP请求），并返回响应。 </p> 
  <p> 当用户提交一个HTML表单时，浏览器会向服务器发送一个HTTP请求，该请求包含表单数据。Servlet通过HTTP请求的输入流读取这些数据，处理后通过输出流发送响应给客户端。 </p> 
  <h4> 6.1.2 Servlet处理GET和POST请求数据的方法 </h4> 
  <p> GET和POST是HTTP协议中常用的两种请求方法。在Servlet中处理它们的数据略有不同。 </p> 
  <ul> 
   <li> <strong> GET请求数据的处理 </strong> </li> 
  </ul> 
  <p> GET请求的数据通常附加在URL之后，称为URL参数。Servlet可以通过 <code> HttpServletRequest </code> 对象的 <code> getQueryString() </code> 方法获取完整的参数字符串，或者使用 <code> getParameter() </code> 方法直接获取特定参数值。 </p> 
  <p> <code> java String paramValue = request.getParameter("paramName"); </code> </p> 
  <p> 请注意，由于URL的长度限制以及安全问题，GET请求通常用于那些不需要传输大量或敏感数据的场景。 </p> 
  <ul> 
   <li> <strong> POST请求数据的处理 </strong> </li> 
  </ul> 
  <p> 相比GET请求，POST请求适合传输大量或敏感数据，因为数据不会显示在URL中。Servlet处理POST请求通常涉及读取请求体中的数据流。可以通过 <code> getInputStream() </code> 方法获取数据输入流。 </p> 
  <p> <code> java BufferedReader reader = request.getReader(); String line; StringBuilder input = new StringBuilder(); while ((line = reader.readLine()) != null) { input.append(line); } // 解析input中的数据，通常是application/x-www-form-urlencoded或multipart/form-data格式 </code> </p> 
  <h3> 6.2 Spring框架中的表单处理 </h3> 
  <h4> 6.2.1 Spring MVC表单绑定机制 </h4> 
  <p> Spring MVC是Spring框架的一部分，它提供了一套完整的Web层框架来处理HTTP请求和响应。表单绑定是Spring MVC中的一个重要功能，它可以通过声明式的绑定机制将表单数据绑定到后端的Java对象。 </p> 
  <p> 在Spring MVC中，可以通过 <code> @ModelAttribute </code> 注解来绑定表单数据到方法参数或者模型属性。当表单提交时，Spring会自动将HTTP请求参数与Java对象的属性匹配，并填充对象。 </p> 
  <pre><code class="language-java">@Controller
public class MyFormController {

    @RequestMapping(value = "/submitForm", method = RequestMethod.POST)
    public String handleFormSubmit(@ModelAttribute("user") User user) {
        // User对象已经被填充了表单数据
        // 进行后续处理，比如保存到数据库
        return "success";
    }
}
</code></pre> 
  <h4> 6.2.2 数据绑定和表单校验的实现 </h4> 
  <p> Spring提供了多种数据绑定和校验的机制。例如，可以使用JSR-303标准的校验注解来进行声明式校验。当请求提交到控制器方法时，Spring会自动应用校验逻辑，并将校验结果封装到 <code> BindingResult </code> 对象中。 </p> 
  <pre><code class="language-java">import javax.validation.Valid;

@Controller
public class MyFormController {

    @RequestMapping(value = "/submitForm", method = RequestMethod.POST)
    public String handleFormSubmit(@Valid @ModelAttribute("user") User user, BindingResult result) {
        if (result.hasErrors()) {
            // 如果校验失败，返回表单页面，并展示错误信息
            return "form";
        }
        // 校验通过，进行业务处理
        return "success";
    }
}
</code></pre> 
  <h3> 6.3 后端数据的安全性处理 </h3> 
  <h4> 6.3.1 SQL注入的防御措施 </h4> 
  <p> SQL注入是一种常见的安全威胁，攻击者可以通过在表单字段中输入恶意SQL代码来破坏数据库。在Java后端开发中，可以采用预处理语句（PreparedStatement）来防止SQL注入。 </p> 
  <p> PreparedStatement通过使用占位符来传递参数，可以自动处理特殊字符的转义，因此可以有效避免SQL注入问题。 </p> 
  <pre><code class="language-java">String sql = "INSERT INTO users (username, password) VALUES (?, ?)";
PreparedStatement pstmt = connection.prepareStatement(sql);
pstmt.setString(1, user.getUsername());
pstmt.setString(2, user.getPassword());
pstmt.executeUpdate();
</code></pre> 
  <h4> 6.3.2 跨站请求伪造（CSRF）防护策略 </h4> 
  <p> CSRF攻击利用了网站对用户浏览器的信任，当用户登录网站后，攻击者诱使用户访问恶意链接或表单，从而执行不应执行的操作。 </p> 
  <p> Spring Security提供了CSRF防护功能，通过为每个用户会话生成一个随机的CSRF令牌，并要求所有POST请求都携带这个令牌，从而防止CSRF攻击。 </p> 
  <pre><code class="language-java">// 在Spring MVC配置中启用CSRF保护
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http
            ...
            .and()
            .csrf().csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse());
    }
}
</code></pre> 
  <p> 在HTML表单中，需要确保CSRF令牌作为隐藏的表单字段被包含。 </p> 
  <pre><code class="language-html"><input type="hidden" name="_csrf" value="${_csrf.token}" />
</code></pre> 
  <p> 通过这些措施，Java后端开发者可以有效地处理表单数据并确保应用程序的安全性。下一章，我们将讨论表单安全性和性能优化的最佳实践。 </p> 
  <p> 本文还有配套的精品资源，点击获取 <img alt="menu-r.4af5f7ec.gif" src="http://img.e-com-net.com/image/info8/b382ea984dff45babbf94bb96ef7b607.gif" style="width:16px;margin-left:4px;vertical-align:text-bottom;" width="0" height="0"></p> 
  <p> 简介：网页表单是用户与服务器交互的重要界面元素，本资源提供了从构建表单到数据提交的完整流程。介绍了HTML表单基础、GET与POST提交方法、JavaScript事件处理、CSS样式设计，并通过demo.html文件展示综合应用，以及Java后端的接收和处理。同时，强调了表单安全和性能优化的重要性。 </p> 
  <p> 本文还有配套的精品资源，点击获取 <img alt="menu-r.4af5f7ec.gif" src="http://img.e-com-net.com/image/info8/b382ea984dff45babbf94bb96ef7b607.gif" style="width:16px;margin-left:4px;vertical-align:text-bottom;" width="0" height="0"></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1886039148297515008"></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">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <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>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <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>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <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">你可能感兴趣的:(表单提交实战教程：HTML、CSS、JavaScript到Java后端)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1950233167633903616.htm"
                           title="男士护肤品哪个牌子好？十大男士护肤品排行榜" target="_blank">男士护肤品哪个牌子好？十大男士护肤品排行榜</a>
                        <span class="text-muted">高省APP珊珊</span>

                        <div>很多男生意识到护肤的必要性，开始着手护肤，但不知道该选哪个男士护肤品品牌使用好。目前市面上很多男士护肤品品牌，可谓琳琅满目，让人眼花缭乱。男士挑选护肤品时，根据自己皮肤需求去正规渠道挑选合适的知名护肤品比较放心靠谱。高省APP，是2021年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入</div>
                    </li>
                    <li><a href="/article/1950233072825856000.htm"
                           title="三菱PLC全套学习资料及应用手册" target="_blank">三菱PLC全套学习资料及应用手册</a>
                        <span class="text-muted">good2know</span>

                        <div>本文还有配套的精品资源，点击获取简介：三菱PLC作为工业自动化领域的核心设备，其系列产品的学习和应用需要全面深入的知识。本次资料包为学习者提供从基础到进阶的全方位学习资源，包括各种型号PLC的操作手册、编程指南、软件操作教程以及实际案例分析，旨在帮助用户系统掌握PLC的编程语言、指令系统及在各类工业应用中的实施。1.三菱PLC基础知识入门1.1PLC的基本概念可编程逻辑控制器（PLC）是工业自动化</div>
                    </li>
                    <li><a href="/article/1950233040592629760.htm"
                           title="2022-10-20" target="_blank">2022-10-20</a>
                        <span class="text-muted">体力劳动者</span>

                        <div>不因感觉稍纵即逝就不加记录。在女儿睡觉后我记下今天的小故事。接手新班级后，今天是第二次收到家长的感谢信（微信）。是我表扬次数最多的两位学生家长致来的感谢，他们明显感受到孩子自信、阳光了不少，写作业由被动变为了主动，家庭氛围也由鸡飞狗跳变成了其乐融融。在被顽皮的学生气得头晕之后，我感到了久违的价值感，责任感甚至使命感，我回复家长这样一句话：我们也需要家长的反馈好让我们的教育工作更有劲头。我也认识到，</div>
                    </li>
                    <li><a href="/article/1950232820773351424.htm"
                           title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a>
                        <span class="text-muted">good2know</span>

                        <div>本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div>
                    </li>
                    <li><a href="/article/1950232316408295424.htm"
                           title="9、汇编语言编程入门：从环境搭建到简单程序实现" target="_blank">9、汇编语言编程入门：从环境搭建到简单程序实现</a>
                        <span class="text-muted">神经网络酱</span>
<a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96%E8%AF%AD%E8%A8%80/1.htm">汇编语言</a><a class="tag" taget="_blank" href="/search/MEPIS/1.htm">MEPIS</a><a class="tag" taget="_blank" href="/search/GNU%E5%B7%A5%E5%85%B7%E9%93%BE/1.htm">GNU工具链</a>
                        <div>汇编语言编程入门：从环境搭建到简单程序实现1.数据存储介质问题解决在处理数据存储时，若要使用MEPIS系统，需确保有其可访问的存储介质。目前，MEPIS无法向采用NTFS格式（常用于Windows2000和XP工作站）的硬盘写入数据。不过，若硬盘采用FAT32格式，MEPIS就能进行写入操作。此外，MEPIS还能将文件写入软盘和大多数USB闪存驱动器。若工作站连接到局域网，还可通过FTP协议或挂载</div>
                    </li>
                    <li><a href="/article/1950231508648259584.htm"
                           title="三件事—小白猫·雨天·八段锦" target="_blank">三件事—小白猫·雨天·八段锦</a>
                        <span class="text-muted">咸鱼月亮</span>

                        <div>1.最近楼下出现一只非常漂亮的粘人小白猫，看着不像是流浪猫，非常亲人。眼睛比蓝球的还大，而且是绿色的，很漂亮。第一次遇到它，它就跟我到电梯口，如果我稍微招招手，肯定就跟我进电梯了。后来我喂过它几次，好可惜不能养它，一只蓝球就是我的极限了。2.下雨天就心烦，好奇怪。明明以前我超爱看窗外的雨和听雨声，看来近来的心情不够宁静了。3.最近在练八段锦，从第一次就爱上了这个运动，很轻松缓慢，但是却出汗。感觉可</div>
                    </li>
                    <li><a href="/article/1950230678696161280.htm"
                           title="C++ 计数排序、归并排序、快速排序" target="_blank">C++ 计数排序、归并排序、快速排序</a>
                        <span class="text-muted">每天搬一点点砖</span>
<a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
                        <div>计数排序：是一种基于哈希的排序算法。他的基本思想是通过统计每个元素的出现次数，然后根据统计结果将元素依次放入排序后的序列中。这种排序算法适用于范围较小的情况，例如整数范围在0到k之间计数排序步骤：1初始化一个长度为最大元素值加1的计数数组，所有元素初始化为02遍历原始数组，将每个元素值作为索引，在计数数组中对应位置加13将数组清空4遍历计数器数组，按照数组中的元素个数放回到元数组中计数排序的优点和</div>
                    </li>
                    <li><a href="/article/1950230114205757440.htm"
                           title="现在发挥你的优势" target="_blank">现在发挥你的优势</a>
                        <span class="text-muted">爱生活的佑嘉</span>

                        <div>来和我做咨询的一些朋友，涉及到定位的，都会说，我不知道我的优势是什么，你能不能帮我看看？还有一些朋友，喜欢做各种测试来了解自己，测试过后，然并卵。今天，我想来聊聊优势，如何能了解自己的优势是什么。首先，我们要知道，如果要成为“不一般”的人，我们所做的事情，就要基于自身的优势。我做管理者十多年，看到每个员工都有不同的特长，有的擅长数字，有的擅长人际，有的擅长写作。这些知道自己优势并且在这方面刻意练习</div>
                    </li>
                    <li><a href="/article/1950228031117258752.htm"
                           title="深入解析JVM工作原理：从字节码到机器指令的全过程" target="_blank">深入解析JVM工作原理：从字节码到机器指令的全过程</a>
                        <span class="text-muted"></span>

                        <div>一、JVM概述Java虚拟机(JVM)是Java平台的核心组件，它实现了Java"一次编写，到处运行"的理念。JVM是一个抽象的计算机器，它有自己的指令集和运行时内存管理机制。JVM的主要职责：加载：读取.class文件并验证其正确性存储：管理内存分配和垃圾回收执行：解释或编译字节码为机器指令安全：提供沙箱环境限制恶意代码二、JVM架构详解JVM由三个主要子系统组成：1.类加载子系统类加载过程分为</div>
                    </li>
                    <li><a href="/article/1950225530758426624.htm"
                           title="2021-会说话的人运气都不会太差-会说话的人更善于倾听（5）沉默、留白" target="_blank">2021-会说话的人运气都不会太差-会说话的人更善于倾听（5）沉默、留白</a>
                        <span class="text-muted">12_德德</span>

                        <div>21、说话时，如想强调某一部分，一个有效方法是，以沉默留出空白。留出多大空白才好呢？7秒。22、沉默所营造的“空白”长度，说的人感觉到的，是实际长度的3倍，而听的人感觉到的，则只有实际长度的1/3。23、只要善于用“一直”来表达，就不会给人以不过是一时任性之感。能说“一直”的人，会得到周围的支持，在合适的时候想到你。24、要得到“是把好手”的高度评价，就要展示你对公司的热爱。特别是，如能对上司或公</div>
                    </li>
                    <li><a href="/article/1950225381961297920.htm"
                           title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a>
                        <span class="text-muted"></span>

                        <div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，</div>
                    </li>
                    <li><a href="/article/1950222989291220992.htm"
                           title="周日随笔" target="_blank">周日随笔</a>
                        <span class="text-muted">梅子Mey</span>

                        <div>今天心情有点烦燥，但是在看到每天读点故事弹出信息之后，心情瞬间阳光起来。坚持的路上，就是这样，没有容易。你随时可以说暂停，或者放弃。但是，就意味着你看不到未来的果实。但是，坚持的话，真的很难。这次，我想坚持下来。我希望我能在一件事上坚持半年到一年。这次是写作，我希望我能持续地输入和输出。因为这是我的热爱，因为这是我想做一辈子的事，因为，这同样也是有市场的领域。只是，我不够坚持，就看不到成果。我的文</div>
                    </li>
                    <li><a href="/article/1950222852074565632.htm"
                           title="2025年SDK游戏盾终极解析：重新定义手游安全的“隐形护甲”" target="_blank">2025年SDK游戏盾终极解析：重新定义手游安全的“隐形护甲”</a>
                        <span class="text-muted">上海云盾商务经理杨杨</span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
                        <div>副标题：从客户端加密到AI反外挂，拆解全链路防护如何重塑游戏攻防天平引言：当传统高防在手游战场“失效”2025年全球手游市场规模突破$2000亿，黑客单次攻击成本却降至$30——某SLG游戏因协议层CC攻击单日流失37%玩家，某开放世界游戏遭低频DDoS瘫痪6小时损失千万。传统高防IP的致命短板暴露无遗：无法识别伪造客户端流量、难防协议篡改、误杀率超15%。而集成于游戏终端的SDK游戏盾，正以“源</div>
                    </li>
                    <li><a href="/article/1950222601523621888.htm"
                           title="不能随便扔垃圾" target="_blank">不能随便扔垃圾</a>
                        <span class="text-muted">小猪宝贝0905</span>

                        <div>阴雨天的周五，看你生病在家窝了快一周，嚷嚷着要去游乐场，那就决定带你去四海书城；为了不让你被雨淋湿，妈妈准备推个自行车，刚把你放到自行车后座上，你一个喷嚏鼻涕出来了，随手拿出纸巾擦擦鼻涕，妈妈因为嫌把你从座位上抱下来扔纸巾到前面的垃圾桶麻烦，就将纸巾扔进了旁边的树丛里；你却批评了妈妈，“不可以把纸巾扔到地上，应该扔进垃圾桶”；妈妈顿时感觉很羞愧，将你抱下来，重新捡起纸巾，扔进了垃圾桶。</div>
                    </li>
                    <li><a href="/article/1950221840026759168.htm"
                           title="漫游漫川关" target="_blank">漫游漫川关</a>
                        <span class="text-muted">高曾骏骏</span>

                        <div>傍晚时分，夕阳从树的缝隙穿过来撒在我们老老小小一家人身上暖暖的，一抬头映入眼帘的是“朝秦暮楚”四个字挂在山壁上，我知道漫川关到了。90岁的老爸在前面慢悠悠的走着，用浓郁的河南话问正在赶路的几个老人家，：“你们是哪里人呀？”其中一个扛着锄头的老人家声如洪钟的答到：“我们是祖祖辈辈生活在这里的漫川关人。你是河南人吧？”看着老爸点点头老人家继续说，“这里可是一鸡鸣三省的地方，河南，陕西，湖北交界处”。老</div>
                    </li>
                    <li><a href="/article/1950221589622616064.htm"
                           title="EasyPlayer播放器系列开发计划2025" target="_blank">EasyPlayer播放器系列开发计划2025</a>
                        <span class="text-muted">xiejiashu</span>
<a class="tag" taget="_blank" href="/search/EasyPlayer/1.htm">EasyPlayer</a><a class="tag" taget="_blank" href="/search/EasyPlayer/1.htm">EasyPlayer</a><a class="tag" taget="_blank" href="/search/EasyPlayer%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">EasyPlayer播放器</a><a class="tag" taget="_blank" href="/search/RTSP%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">RTSP播放器</a><a class="tag" taget="_blank" href="/search/js%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">js播放器</a><a class="tag" taget="_blank" href="/search/Web%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">Web播放器</a>
                        <div>EasyPlayer系列产品发展至今，已经超过10年，从最早的EasyPlayerRTSP播放器，到如今维护的3条线：EasyPlayer-RTSP播放器：Windows、Android、iOS；EasyPlayerPro播放器：Windows、Android、iOS；EasyPlayer.js播放器：H5；这3个播放器各有各的应用场景，用户量也是巨大，像RTSP版本的播放器，到今天依然还有很多低</div>
                    </li>
                    <li><a href="/article/1950221461255942144.htm"
                           title="你对待万事万物的态度" target="_blank">你对待万事万物的态度</a>
                        <span class="text-muted">行靜</span>

                        <div>昨晚爸爸把洒水壶灌满水，对我说：你也该去浇浇你阳台上的花咯。这么大的天气，几天没浇水都快死了。我才意识到自己容易突然间忽视一些事情。尤其是身旁的一些事，可能它们呆久了，反而习以为常。想想每天的生活状态就是在不断的重复着一些事，有点固定模式。没有什么特别发生。记录我的一天：上班，挤公交，用手机或电脑，吃饭，上课。没有</div>
                    </li>
                    <li><a href="/article/1950220183381536768.htm"
                           title="读张萌萌姐《从受欢迎到被需要》第一章读书总结" target="_blank">读张萌萌姐《从受欢迎到被需要》第一章读书总结</a>
                        <span class="text-muted">韩静_Han</span>

                        <div>我是@张萌-萌姐#从受欢迎到被需要#读书会10班的书记官韩静我们的领读者是@郝美-菱这是今天的读书总结通过第一章的阅读，对高情商和自我介绍有了新的认知。思考题复盘：“我是谁，我需要什么，我能提供什么”【我是谁】我叫韩静，在房地产行业工作5年，现担任行政经理一职，是一位个子小却很坚强很拼的女生。【我能提供什么】️用自己减重26斤的经验帮助需要的人健康减肥️能提供房地产购房等方面的知识和问题️早起陪伴</div>
                    </li>
                    <li><a href="/article/1950219953118441472.htm"
                           title="编程算法：技术创新的引擎与业务增长的核心驱动力" target="_blank">编程算法：技术创新的引擎与业务增长的核心驱动力</a>
                        <span class="text-muted"></span>

                        <div>在数字经济时代，算法已成为推动技术创新与业务增长的隐形引擎。从存内计算突破冯·诺依曼瓶颈，到动态规划优化万亿级金融交易，编程算法正在重塑产业竞争格局。一、存内计算：突破冯·诺依曼瓶颈的算法革命1.1存内计算的基本原理传统计算架构中90%的能耗消耗在数据搬运上。存内计算（Processing-in-Memory）通过直接在存储单元执行计算，实现能效10-100倍提升：#传统计算vs存内计算能耗模型i</div>
                    </li>
                    <li><a href="/article/1950215540215705600.htm"
                           title="JVM 内存分配与回收策略：从对象创建到内存释放的全流程" target="_blank">JVM 内存分配与回收策略：从对象创建到内存释放的全流程</a>
                        <span class="text-muted"></span>

                        <div>在JVM的运行机制中，内存分配与回收策略是连接对象生命周期与垃圾收集器的桥梁。它决定了对象在堆内存中的创建位置、存活过程中的区域迁移，以及最终被回收的时机。合理的内存分配策略能减少GC频率、降低停顿时间，是优化Java应用性能的核心环节。本文将系统解析JVM的内存分配规则、对象晋升机制，以及实战中的内存优化技巧。一、对象优先在Eden区分配：新生代的“临时缓冲区”大多数情况下，Java对象在新生代</div>
                    </li>
                    <li><a href="/article/1950214964396486656.htm"
                           title="js操作样式" target="_blank">js操作样式</a>
                        <span class="text-muted">郝加升</span>

                        <div>DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge</div>
                    </li>
                    <li><a href="/article/1950214205252628480.htm"
                           title="为了在未来的人工智能世界中取得成功，学生们必须学习人类写作的优点" target="_blank">为了在未来的人工智能世界中取得成功，学生们必须学习人类写作的优点</a>
                        <span class="text-muted">睿邸管家</span>

                        <div>澳大利亚各地的学生在新学年开始使用铅笔、钢笔和键盘学习写字。在工作场所，机器也在学习写作，如此有效，几年之内，它们可能会写得比人类更好。有时它们已经做到了，就像Grammarly这样的应用程序所展示的那样。当然，人类现在的日常写作可能很快就会由具有人工智能(AI)的机器来完成。手机和电子邮件软件常用的预测文本是无数人每天都在使用的一种人工智能写作形式。据AI行业研究机构称，到2022年，人工智能及</div>
                    </li>
                    <li><a href="/article/1950212288136933376.htm"
                           title="今日随笔" target="_blank">今日随笔</a>
                        <span class="text-muted">小小林_005b</span>

                        <div>2019.10.21.周一晴全职第436天50+21/day118天【皮皮第118天】1.昨晚闹腾到一点多才安稳入睡，一个晚上一直哭哭闹闹(´;︵;`)，没睡一会儿就会惊吓大哭(´;︵;`)，一直抱着哄，似乎抱着才更加有安全感才能睡得更好。小胖子越来越重，我的手和腰部有些承受不了，经常腰酸痛到直不起来，好在有黑先生和啊影子下班后有空了就帮我抱一会儿。2.今日排便三次，一次偏向绿色，一两次金黄色。3</div>
                    </li>
                    <li><a href="/article/1950209368356089856.htm"
                           title="AI模型训练中过拟合和欠拟合的区别是什么？" target="_blank">AI模型训练中过拟合和欠拟合的区别是什么？</a>
                        <span class="text-muted">workflower</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
                        <div>在AI模型训练中，过拟合和欠拟合是两种常见的模型性能问题，核心区别在于模型对数据的学习程度和泛化能力：欠拟合（Underfitting）-定义：模型未能充分学习到数据中的规律，对训练数据的拟合程度较差，在训练集和测试集上的表现都不好（如准确率低、损失值高）。-原因：-模型结构过于简单（如用线性模型解决非线性问题）；-训练数据量不足或特征信息不充分；-训练时间太短，模型尚未学到有效模式。-表现：训练</div>
                    </li>
                    <li><a href="/article/1950209369144619008.htm"
                           title="全面解读设备状态监测" target="_blank">全面解读设备状态监测</a>
                        <span class="text-muted">xiatianxy</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E5%A4%87%E7%8A%B6%E6%80%81%E7%9B%91%E6%B5%8B/1.htm">设备状态监测</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E5%A4%87%E7%8A%B6%E6%80%81%E7%9B%91%E6%B5%8B/1.htm">设备状态监测</a>
                        <div>长期以来，基于巡检和定期维护维修保养的方式，对电机\泵类\风机等旋转类设备的故障维修，大多都是在设备问题出现之后的事后维护或者定期的预防性维护，前者无法减少或避免设备故障的发生，后者则存在维修不足或维修过剩等问题。另外，日常维护工作严重依赖于人的责任心和经验，一旦出现人员更替，设备的运营管理压力加大，并且现场丰富的维护保养经验也很难传承到新人手中。维护利器——设备状态监测设备状态监测，即对运行中的</div>
                    </li>
                    <li><a href="/article/1950208989954371584.htm"
                           title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a>
                        <span class="text-muted">小馋喵知识杂货铺</span>
<a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a>
                        <div>1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div>
                    </li>
                    <li><a href="/article/1950207589354631168.htm"
                           title="【生活小悟】换牙记" target="_blank">【生活小悟】换牙记</a>
                        <span class="text-muted">薛春霞Cathy</span>

                        <div>这段时间，不知道在忙什么，总感觉时光匆匆。每天浑浑噩噩起床，忙忙碌碌吃饭上班接送娃，不知不觉一日又没了。每天不是在感慨岁月匆匆，就是在埋怨自己又蹉跎了岁月。总感觉这样的日子似乎哪里不对劲，却又无能为力，茫然无措。于是又继续着这样的无奈。昨儿下午，妈妈回来了，接孩子们，然后送回家，自己一个人来学校上自习。这个自习我上的踏实，不用担忧自己在校园玩耍的孩子会磕碰到哪，也不用考虑会不会又玩儿到忘记上厕所，</div>
                    </li>
                    <li><a href="/article/1950207097413103616.htm"
                           title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a>
                        <span class="text-muted">weixin_39607620</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a>
                        <div>1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div>
                    </li>
                    <li><a href="/article/1950205711409541120.htm"
                           title="selenium特殊场景处理" target="_blank">selenium特殊场景处理</a>
                        <span class="text-muted">Monica_ll</span>
<a class="tag" taget="_blank" href="/search/Selenium/1.htm">Selenium</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>文章目录前言一、多窗口处理二、浏览器弹窗处理包含alert、confirm、prompt三、鼠标和键盘事件处理前言在使用selenium操作浏览器的过程中可能需要借助键盘和鼠标功能完成一些操作，或者操作弹窗处理，本文主要是整理自己工作过程中使用过的一些方法一、多窗口处理在实际测试过程中经常会有通过点击或者连接打开新的窗口，这种情况下就需要切换webDriver到对应浏览器对象才能操作新窗口的元素。</div>
                    </li>
                    <li><a href="/article/1950204519233155072.htm"
                           title="旋转" target="_blank">旋转</a>
                        <span class="text-muted">安静的影子</span>

                        <div>图片发自App傍晚你带我们去万象城说是试营业到了大厦底下好家伙这么壮观我望向楼顶直达蓝天白云啊整个大楼似乎在转圈我蒙了又很奇妙的感觉我透过大厦望天空就感觉到在旋转真的感觉到动态的效果很神奇我慌忙叫你看快看快看大厦好像会旋转你说我知道知道知道也不知道你是否感觉到了真的很美妙的体会是天空在转吗我感觉大厦也在旋转很美妙很美妙图片发自App图片发自App</div>
                    </li>
                                <li><a href="/article/47.htm"
                                       title="jdk tomcat 环境变量配置" target="_blank">jdk tomcat 环境变量配置</a>
                                    <span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
                                    <div>Win7 下如何配置java环境变量 
 
1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 
2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 
3。分别配置高级环境变量。 
   电脑-->右击属性-->高级环境变量-->环境变量。 
 
 
分别配置 : 
 
path   
 &nbs</div>
                                </li>
                                <li><a href="/article/174.htm"
                                       title="Spring调SDK包报java.lang.NoSuchFieldError错误" target="_blank">Spring调SDK包报java.lang.NoSuchFieldError错误</a>
                                    <span class="text-muted">bijian1013</span>
<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>        在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l</div>
                                </li>
                                <li><a href="/article/301.htm"
                                       title="LeetCode[位运算] - #136 数组中的单一数" target="_blank">LeetCode[位运算] - #136 数组中的单一数</a>
                                    <span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
                                    <div>原题链接：#136 Single Number 
要求： 
给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 
注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 
难度：中等 
分析： 
题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进</div>
                                </li>
                                <li><a href="/article/428.htm"
                                       title="qq登陆界面开发" target="_blank">qq登陆界面开发</a>
                                    <span class="text-muted">15700786134</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
                                    <div>今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： 
public class First {         public void initul(){        jf=ne</div>
                                </li>
                                <li><a href="/article/555.htm"
                                       title="Linux的程序包管理器RPM" target="_blank">Linux的程序包管理器RPM</a>
                                    <span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                                    <div>在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的</div>
                                </li>
                                <li><a href="/article/682.htm"
                                       title="socket通信遇到EOFException" target="_blank">socket通信遇到EOFException</a>
                                    <span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/EOFException/1.htm">EOFException</a>
                                    <div>java.io.EOFException 
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) 
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:</div>
                                </li>
                                <li><a href="/article/809.htm"
                                       title="基于spring的web项目定时操作" target="_blank">基于spring的web项目定时操作</a>
                                    <span class="text-muted">知了ing</span>
<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>废话不多说，直接上代码，很简单 配置一下项目启动就行 
1，web.xml 
 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="h</div>
                                </li>
                                <li><a href="/article/936.htm"
                                       title="树形结构的数据库表Schema设计" target="_blank">树形结构的数据库表Schema设计</a>
                                    <span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a>
                                    <div>原文地址： 
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488 
 
 
    程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，</div>
                                </li>
                                <li><a href="/article/1063.htm"
                                       title="maven将jar包和源码一起打包到本地仓库" target="_blank">maven将jar包和源码一起打包到本地仓库</a>
                                    <span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository 
 
 
 
<project>
  ...
  <build>
    <plugins>
      <plugin>
        <groupI</div>
                                </li>
                                <li><a href="/article/1190.htm"
                                       title="java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！" target="_blank">java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！</a>
                                    <span class="text-muted">百合不是茶</span>

                                    <div>类 File 
File是指文件和目录路径名的抽象表示形式。 
1，何为文件： 
标准文件（txt doc mp3...） 
目录文件（文件夹） 
虚拟内存文件 
  
2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都</div>
                                </li>
                                <li><a href="/article/1317.htm"
                                       title="Spring注入有继承关系的类（2）" target="_blank">Spring注入有继承关系的类（2）</a>
                                    <span class="text-muted">bijian1013</span>
<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>被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 
package com.bijian.spring.test4;

public class AClass {

    private String a;
    private String b;
   
    public String getA() {
        retu</div>
                                </li>
                                <li><a href="/article/1444.htm"
                                       title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF/1.htm">成长</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a>
                                    <div>        很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人</div>
                                </li>
                                <li><a href="/article/1571.htm"
                                       title="【Velocity四】Velocity与Java互操作" target="_blank">【Velocity四】Velocity与Java互操作</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a>
                                    <div>Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础， 
     POJO 
   
package com.tom.servlets;

public</div>
                                </li>
                                <li><a href="/article/1698.htm"
                                       title="【Hive十一】Hive数据倾斜优化" target="_blank">【Hive十一】Hive数据倾斜优化</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
                                    <div>什么是Hive数据倾斜问题 
  
 
 操作：join,group by,count distinct 
 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 
 原因：key分布不均匀 
 倾斜度衡量：平均记录数超过50w且</div>
                                </li>
                                <li><a href="/article/1825.htm"
                                       title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+lua+csrf/1.htm">nginx lua csrf</a>
                                    <div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com 
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 
location /{</div>
                                </li>
                                <li><a href="/article/1952.htm"
                                       title="java-3.求子数组的最大和" target="_blank">java-3.求子数组的最大和</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>package beautyOfCoding;


public class MaxSubArraySum {

	/**
	 * 3.求子数组的最大和
题目描述：
输入一个整形数组，数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,</div>
                                </li>
                                <li><a href="/article/2079.htm"
                                       title="Netty源码学习-FileRegion" target="_blank">Netty源码学习-FileRegion</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a>
                                    <div>今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 
可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： 
 


		//pipeline（没有诸如“FileRegionEncoder”的handler）：
		public ChannelPipeline ge</div>
                                </li>
                                <li><a href="/article/2206.htm"
                                       title="使用ZeroClipboard解决跨浏览器复制到剪贴板的问题" target="_blank">使用ZeroClipboard解决跨浏览器复制到剪贴板的问题</a>
                                    <span class="text-muted">cngolon</span>
<a class="tag" taget="_blank" href="/search/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">跨浏览器</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6%E5%88%B0%E7%B2%98%E8%B4%B4%E6%9D%BF/1.htm">复制到粘贴板</a><a class="tag" taget="_blank" href="/search/Zero+Clipboard/1.htm">Zero Clipboard</a>
                                    <div>Zero Clipboard的实现原理 
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 
Zero Clipboard的安装方法 
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js </div>
                                </li>
                                <li><a href="/article/2333.htm"
                                       title="单例模式" target="_blank">单例模式</a>
                                    <span class="text-muted">cuishikuan</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a>
                                    <div>第一种（懒汉，线程不安全）： 
public class Singleton {   2     private static Singleton instance;   3     pri</div>
                                </li>
                                <li><a href="/article/2460.htm"
                                       title="spring+websocket的使用" target="_blank">spring+websocket的使用</a>
                                    <span class="text-muted">dalan_123</span>

                                    <div>一、spring配置文件 
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or</div>
                                </li>
                                <li><a href="/article/2587.htm"
                                       title="细节问题：ZEROFILL的用法范围。" target="_blank">细节问题：ZEROFILL的用法范围。</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>   1、zerofill把月份中的一位数字比如1，2，3等加前导0 
 
      
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day</div>
                                </li>
                                <li><a href="/article/2714.htm"
                                       title="Android开发10——Activity的跳转与传值" target="_blank">Android开发10——Activity的跳转与传值</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a>
                                    <div>Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。 
  
一、Activity跳转 
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent) 
  
方法二Intent intent = new Intent();intent.setCla</div>
                                </li>
                                <li><a href="/article/2841.htm"
                                       title="jdbc 得到表结构、主键" target="_blank">jdbc 得到表结构、主键</a>
                                    <span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/jdbc+%E5%BE%97%E5%88%B0%E8%A1%A8%E7%BB%93%E6%9E%84%E3%80%81%E4%B8%BB%E9%94%AE/1.htm">jdbc 得到表结构、主键</a>
                                    <div>转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt</div>
                                </li>
                                <li><a href="/article/2968.htm"
                                       title="Android 应用程序开关GPS" target="_blank">Android 应用程序开关GPS</a>
                                    <span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>要在应用程序中操作GPS开关需要权限： 
 

<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
 
但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 
1、方法一：将项目放到Android源码中编译； 
2、方法二：网上有人说cl</div>
                                </li>
                                <li><a href="/article/3095.htm"
                                       title="Windows上调试MapReduce" target="_blank">Windows上调试MapReduce</a>
                                    <span class="text-muted">zhiquanliu</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a>
                                    <div>1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b</div>
                                </li>
                                <li><a href="/article/3222.htm"
                                       title="如何看待一些知名博客推广软文的行为？" target="_blank">如何看待一些知名博客推广软文的行为？</a>
                                    <span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a>
                                    <div>本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 
互联网上的两种典型心态： 
 
  当初求种像条狗，如今撸完嫌人丑  
  当初搜贴像条犬，如今读完嫌人软  
 
你为啥感觉不舒服呢？ 
难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 
就如同 Google 关闭了 Gooled Reader，那是</div>
                                </li>
                                <li><a href="/article/3349.htm"
                                       title="sql优化总结" target="_blank">sql优化总结</a>
                                    <span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
                                    <div>为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！ 
  
要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。 
  
一、简单的统计语句执行时间 
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id</div>
                                </li>
                                <li><a href="/article/3476.htm"
                                       title="Linux Oracle中常遇到的一些问题及命令总结" target="_blank">Linux Oracle中常遇到的一些问题及命令总结</a>
                                    <span class="text-muted">超声波</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                                    <div>1.linux更改主机名 
  
(1)#hostname oracledb　　　　临时修改主机名 
(2) vi /etc/sysconfig/network 　　修改hostname 
(3) vi /etc/hosts　　　　　　　　修改IP对应的主机名 
  
2.linux重启oracle实例及监听的各种方法 
（注意操作的顺序应该是先监听，后数据库实例） 
&nbs</div>
                                </li>
                                <li><a href="/article/3603.htm"
                                       title="hive函数大全及使用示例" target="_blank">hive函数大全及使用示例</a>
                                    <span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive%E5%87%BD%E6%95%B0/1.htm">hive函数</a>
                                    <div>  
具体说明及示例参 见附件文档。  
  
  
文档目录： 
  
目录 
一、关系运算： 4 
1. 等值比较: = 4 
2. 不等值比较: <> 4 
3. 小于比较: < 4 
4. 小于等于比较: <= 4 
5. 大于比较: > 5 
6. 大于等于比较: >= 5 
7. 空值判断: IS NULL 5</div>
                                </li>
                                <li><a href="/article/3730.htm"
                                       title="Spring 4.2新特性-使用@Order调整配置类加载顺序" target="_blank">Spring 4.2新特性-使用@Order调整配置类加载顺序</a>
                                    <span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a>
                                    <div>4.1 @Order 
 
 Spring 4.2 利用@Order控制配置类的加载顺序 
  
4.2 演示 
 
 两个演示bean 
 
package com.wisely.spring4_2.order;

public class Demo1Service {

}

 
package com.wisely.spring4_2.order;

public class</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <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.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </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>