表单

在React中，HTML表单元素与其他的DOM元素有些不同，因为表单元素会自己保持一些内部状态。举例来说，下面这个简单HTML中的表单，只接收一个名字：


  
    Name:

HTML表单有个默认行为，当用户提交表单时，会打开一个新的页面。在React中，这个行为默认开启。但是大多数情况下，最方便的还是有个JavaScript函数来处理表单的提交，直接访问用户输入到表单的数据。实现这个的标准做法：使用一个称为“受控组件”的技术。

受控组件

在HTML中，诸如，</code>和<code><select></code>的表单元素一般都维护他们自身的状态，根据用户的输入更新这个状态。在React中，可变状态一般保存在组件的状态属性中，只通过<code>setState</code>进行更新。<br> 我们可以通过让React的状态成为"真相的唯一来源"来组合这两者。这样，在用户一系列输入后，渲染表单的React组件会去控制表单中会发生什么。<br> 由React控制input表单元素的值，这就是所谓的“受控组件”：</p> <pre><code class="jsx">class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: ' + this.state.value); event.preventDefault(); } render() { return ( <form onSubmit={this.handleSubmit}> <label> Name: <input type="text" value={this.state.value} onChange={this.handleChange} /> </label> <input type="submit" value="Submit" /> </form> ); } } </code></pre> <p>在CodePen上试一试<br> 由于我们设置了表单元素上的<code>value</code>属性，显示出的值始终是<code>this.state.value</code>，这样React状态就成为了真相的来源。由于每次敲击键盘都会运行<code>handleChange</code>来更新React状态，显示的值就像是由于用户输入而更新的。<br> 受控组件中，每个状态变化都会有个关联处理函数。这样就可以直接修改和验证用户的输入。假如我们想强制名字全部用大写字母，我们可以将<code>handleChange</code>写成：</p> <pre><code class="jsx">handleChange(event) { this.setState({value: event.target.value.toUpperCase()}); } </code></pre> <h2>textarea标签</h2> <p>HTML中，<code><textarea></code>元素通过他的孩子定义自己的文本：</p> <pre><code class="jsx"><textarea> Hello there, this is some text in a text area

而在React中，</code>使用属性<code>value</code>来代替。这样的话，一个使用<code><textarea></code>的表单就可以写成单行的形式：</p> <pre><code class="jsx">class EssayForm extends React.Component { constructor(props) { super(props); this.state = { value: 'Please write an essay about your favorite DOM element.' }; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('An essay was submitted: ' + this.state.value); event.preventDefault(); } render() { return ( <form onSubmit={this.handleSubmit}> <label> Name: <textarea value={this.state.value} onChange={this.handleChange} /> </label> <input type="submit" value="Submit" /> </form> ); } } </code></pre> <p>注意<code>this.state.value</code>在构造函数中被初始化了，所以文本区一开始就有文本。</p> <h2>select标签</h2> <p>HTML中，<code><select></code>创建下拉列表。比如，下面这段HTML创建了一个调味料的下拉列表：</p> <pre><code class="html"><select> <option value="grapefruit">Grapefruit</option> <option value="lime">Lime</option> <option selected value="coconut">Coconut</option> <option value="mango">Mango</option> </select> </code></pre> <p>注意，由于<code>selected</code>属性，Coconut是初始选项。而在React中，使用根节点<code>select</code>标签的<code>value</code>属性来代替<code>selected</code>属性。这在受控组件中更为方便，因为你仅需在一个地方更新它。举个例子：</p> <pre><code class="jsx">class FlavorForm extends React.Component { constructor(props) { super(props); this.state = {value: 'coconut'}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('Your favorite flavor is: ' + this.state.value); event.preventDefault(); } render() { return ( <form onSubmit={this.handleSubmit}> <label> Pick your favorite La Croix flavor: <select value={this.state.value} onChange={this.handleChange}> <option value="grapefruit">Grapefruit</option> <option value="lime">Lime</option> <option value="coconut">Coconut</option> <option value="mango">Mango</option> </select> </label> <input type="submit" value="Submit" /> </form> ); } } </code></pre> <p>在CodePen上试一试<br> 总的来说，这使得<code><input type="text"></code>,<code><textarea></code>, 和<code><select></code>非常类似 - 他们接受一个<code>value</code>属性，使用这个属性就能实现一个受控组件。</p> <h2>处理多个输入</h2> <p>当你需要处理多个受控的<code>input</code>元素，你可以为每个元素添加一个<code>name</code>属性，然后让处理函数根据<code>event.target.name</code>的值选择怎么去做。<br> 举例来说：</p> <pre><code class="jsx">class Reservation extends React.Component { constructor(props) { super(props); this.state = { isGoing: true, numberOfGuests: 2 }; this.handleInputChange = this.handleInputChange.bind(this); } handleInputChange(event) { const target = event.target; const value = target.type === 'checkbox' ? target.checked : target.value; const name = target.name; this.setState({ [name]: value }); } render() { return ( <form> <label> Is going: <input name="isGoing" type="checkbox" checked={this.state.isGoing} onChange={this.handleInputChange} /> </label> <br /> <label> Number of guests: <input name="numberOfGuests" type="number" value={this.state.numberOfGuests} onChange={this.handleInputChange} /> </label> </form> ); } } </code></pre> <p>在CodePen上试一试<br> 注意我们是用ES6的计算属性名语法，根据给定的输入名来更新状态键：</p> <pre><code class="jsx">this.setState({ [name]: value }); </code></pre> <p>这和下面的ES5代码等价：</p> <pre><code class="javascript">var partialState = {}; partialState[name] = value; this.setState(partialState); </code></pre> <p>此外，由于<code>setState()</code>会自动合并部分状态到现有的状态中，我们调用时只需传入改变的部分即可。</p> <h2>受控组件的替代方案</h2> <p>使用受控组件有时可能很繁琐，因为你需要为数据变化的每种可能编写一个事件处理器，并通过React组件传输所有的输入状态。当你需要将已有代码转到React，或将React应用与非React库整合在一起时，这会变得特别烦人。在这些情况中，你可能需要审视下非受控组件，一个实现输入表单的替代技术。</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1280274625468579840"></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">你可能感兴趣的:(表单)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950191208873652224.htm" title="vue element 封装表单" target="_blank">vue element 封装表单</a> <span class="text-muted">影子信息</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进</div> </li> <li><a href="/article/1950169524384886784.htm" title="【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录（三）" target="_blank">【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录（三）</a> <span class="text-muted">笙囧同学</span> <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/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>核心功能设计用户管理系统用户管理是整个系统的基础，我设计了完整的用户生命周期管理：用户注册流程验证失败验证通过验证失败验证通过用户名已存在用户名可用失败成功用户访问注册页面填写注册信息前端表单验证显示错误提示提交到后端后端数据验证返回错误信息用户名唯一性检查提示用户名重复密码加密处理保存用户信息保存成功?显示系统错误注册成功跳转登录页面登录认证机制深度解析我实现了一套企业级的多层次安全认证机制：认</div> </li> <li><a href="/article/1950104854147952640.htm" title="MutationObserver接口性能分析与优化：DOM监控利器背后的性能陷阱与内存危机" target="_blank">MutationObserver接口性能分析与优化：DOM监控利器背后的性能陷阱与内存危机</a> <span class="text-muted">coding随想</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、DOM的“哨兵”：MutationObserver的崛起在Web开发的江湖中，MutationObserver是一个低调却强大的角色。它像一位忠诚的哨兵，时刻监控着DOM树的风吹草动——属性变化、子节点增删、文本内容更新……开发者们用它来实现动态内容监听、表单验证、甚至自动化测试。然而，这位“哨兵”的背后，却隐藏着不容忽视的性能陷阱和内存危机。1.1MutationObserver的诞生背景在</div> </li> <li><a href="/article/1950094638102671360.htm" title="rabbitmq java 乱码,透彻分析和解决一切javaWeb项目乱码问题" target="_blank">rabbitmq java 乱码,透彻分析和解决一切javaWeb项目乱码问题</a> <span class="text-muted"></span> <div>前言乱码是我们在程序开发中经常碰到且让人头疼的一件事，尤其是我们在做javaweb开发，如果我们没有清楚乱码产生的原理，碰到乱码问题了就容易摸不着头脑，无从下手。乱码主要出现在两部分，如下：第一，浏览器通过表单提交到后台，如果表单内容有中文，那么后台收到的数据可能会出现乱码。第二，后端服务器需要返回给浏览器数据，如果数据中带有中文，那么浏览器上可能会显示乱码。接下来我们逐一分析乱码产生的原因，以及</div> </li> <li><a href="/article/1950004999174025216.htm" title="Thymeleaf th:object核心用法精解" target="_blank">Thymeleaf th:object核心用法精解</a> <span class="text-muted">bemyrunningdog</span> <a class="tag" taget="_blank" href="/search/thymeleaf/1.htm">thymeleaf</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一、核心功能作用机制创建局部上下文：th:object="${user}"绑定对象到当前元素及其子元素替代重复写法：*{field}≡${user.field}语法对比场景传统写法th:object写法显示属性${user.name}*{name}表单绑定th:field="${user.email}"th:field="*{email}"嵌套对象${user.address.city}*{add</div> </li> <li><a href="/article/1950004872845783040.htm" title="[JAVAEE] Thymeleaf 基本语法: form相关标签" target="_blank">[JAVAEE] Thymeleaf 基本语法: form相关标签</a> <span class="text-muted">CN-Dust</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/EE/1.htm">EE</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a> <div>th:action指定表单提交地址th:value给value属性赋值th:field能自动生成id、name和value属性form表单示例运行结果更改数据点击保存控制器代码:TestController.javapackagecom.example.demo.controller;importcom.example.demo.bean.Student;importorg.springframe</div> </li> <li><a href="/article/1949996167626551296.htm" title="Thymeleaf语法大全：30个实用示例" target="_blank">Thymeleaf语法大全：30个实用示例</a> <span class="text-muted">bemyrunningdog</span> <a class="tag" taget="_blank" href="/search/thymeleaf/1.htm">thymeleaf</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Thymeleaf语法示例大全下面是一些实用的Thymeleaf语法示例，帮助您更好地理解和使用Thymeleaf：1.基本变量输出用户名:默认用户名欢迎,[[${user.name}]]!邮箱:user@example.com2.条件判断管理员用户账户未激活管理员编辑普通用户3.循环迭代用户名称序号名称邮箱奇数行偶数行4.链接和URL产品列表查看详情5.表单处理用户名邮箱角色普通用户管理员编辑保</div> </li> <li><a href="/article/1949972061094998016.htm" title="flask 表单 flask-wtf" target="_blank">flask 表单 flask-wtf</a> <span class="text-muted">SkTj</span> <div>image.pngfromflaskimportFlaskfromflaskimportrender_templatefromflask_bootstrapimportBootstrapfromflask_wtfimportFormfromwtformsimportStringField,SubmitFieldfromwtforms.validatorsimportRequiredclassNam</div> </li> <li><a href="/article/1949941437495832576.htm" title="SpringMVC" target="_blank">SpringMVC</a> <span class="text-muted">Jonariguez</span> <a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</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>SpringMVC是一个基于Java的实现了MVC设计模式的请求驱动类型的轻量级Web框架，通过把Model，View，Controller分离，将web层进行职责解耦，把复杂的web应用分成逻辑清晰的几部分，简化开发。用于替代servlet（处理响应请求，获取表单参数，表单验证等）MVC设计模式MVC即Model-View-Controller，将应用按照Model（模型）、View（视图）、C</div> </li> <li><a href="/article/1949757350831255552.htm" title="程序代码篇---python获取http界面上按钮或者数据输入" target="_blank">程序代码篇---python获取http界面上按钮或者数据输入</a> <span class="text-muted">Atticus-Orion</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E7%AF%87/1.htm">程序代码篇</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在Python中获取HTTP界面上的按钮点击或数据输入，主要有两种场景：作为客户端：模拟用户在网页上输入数据、点击按钮（比如爬虫自动提交表单）。作为服务端：搭建一个网页服务，接收用户在浏览器中输入的数据和按钮点击（比如自己写一个简单的Web应用）。下面分别用通俗易懂的方式讲解这两种场景的实现方法和代码。一、作为客户端：模拟用户操作网页（自动输入和点击）这种场景常用于自动化测试或数据爬取，需要模拟用</div> </li> <li><a href="/article/1949756465313017856.htm" title="【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程" target="_blank">【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程</a> <span class="text-muted">JosieBook</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Java%E5%85%A8%E6%A0%88/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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92/1.htm">交互</a> <div>文章目录一、系统架构概述二、前端数据交互流程分析1.组件初始化与数据请求2.API请求封装3.查询参数处理三、后端数据处理流程1.控制器接收请求2.分页处理机制3.服务层业务处理四、典型操作的数据流1.查询操作数据流2.新增操作数据流3.删除操作数据流五、关键技术点解析1.前端表单验证2.后端权限控制3.数据导出实现六、完整交互示例：新增课程七、完整代码八、总结与优化建议1.当前实现特点2.可优化</div> </li> <li><a href="/article/1949726580691496960.htm" title="SpringMVC——CharacterEncodingFilter处理获取请求参数的乱码" target="_blank">SpringMVC——CharacterEncodingFilter处理获取请求参数的乱码</a> <span class="text-muted">程序员阿皓</span> <a class="tag" taget="_blank" href="/search/SpringMVC/1.htm">SpringMVC</a><a class="tag" taget="_blank" href="/search/springmvc/1.htm">springmvc</a><a class="tag" taget="_blank" href="/search/%E8%AF%B7%E6%B1%82%E4%B9%B1%E7%A0%81%E9%97%AE%E9%A2%98/1.htm">请求乱码问题</a> <div>在SpringMVC中，处理请求参数的乱码问题通常可以通过配置CharacterEncodingFilter来解决。乱码问题通常出现在GET请求的URL参数或POST请求的表单参数中，特别是涉及到非英文字符时。详细步骤如下：首先，在web.xml中配置CharacterEncodingFilter：encodingFilterorg.springframework.web.filter.Chara</div> </li> <li><a href="/article/1949634169407598592.htm" title="Vue实战：利用Element UI轻松实现动态表单项管理与高效验证" target="_blank">Vue实战：利用Element UI轻松实现动态表单项管理与高效验证</a> <span class="text-muted">征尘bjajmd</span> <a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>在Vue.js项目中，表单是与用户交互的重要部分，特别是在需要动态管理表单项的场景下，如何优雅地实现添加、删除、上移、下移及验证功能变得尤为重要。本文将详细介绍如何使用ElementUI来实现一个包含动态表单项管理以及验证功能的表单。效果图如下一、项目背景假设我们正在开发一个活动管理系统，其中一个功能是为活动添加多条路线信息，每条路线包含路线名称、可参加人数和路线详情。用户需要能够动态地添加、删除</div> </li> <li><a href="/article/1949615132577427456.htm" title="秋招Day19 - 分布式 - 分布式设计" target="_blank">秋招Day19 - 分布式 - 分布式设计</a> <span class="text-muted">Java初学者小白</span> <a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1/1.htm">八股</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>什么是幂等性？多次调用的效果和一次调用的效果一样，比如DELETE操作，执行多次的结果和执行一次的结果对数据库的影响是一样的。有些操作不满足幂等性，比如INSERT操作，用户点击了两次表单，数据库就有两条重复的记录。MQ消费者在读取消息的时候，也有可能读取到重复消息。在分布式系统里，只要下游服务有写操作（插入、更新），就有可能出现幂等性问题。怎么保证接口幂等性？insert前先select在保存数</div> </li> <li><a href="/article/1949602769589563392.htm" title="springboot+elementUI 多文件上传(带表单参数)" target="_blank">springboot+elementUI 多文件上传(带表单参数)</a> <span class="text-muted"></span> <div>springboot+elementUI多文件上传代码htmljs后台图代码下面展示一些内联代码片。html新增修改选取文件上传文件不超过10MB取消确定jsdata(){isInsert:false//是否新增操作files:[],//新增文件fileList:[],//文件列表removeList:[],//删除的文件列表dialogForm:{name:"测试"}}updateFile(){</div> </li> <li><a href="/article/1949600878331752448.htm" title="axios+springboot 文件上传" target="_blank">axios+springboot 文件上传</a> <span class="text-muted">Msr 王</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E5%9D%97/1.htm">代码块</a> <div>思路：客户端通过表单方式上传服务端使用@RequestParam接收注意事项：服务端接收所有表单数据时，只能使用@RequestParam，不能使用@RequestBody前端要把文件代码：@PutMapping(path="/app/questions/{id}")@Transactionalpublicvoidupdate(@PathVariableLongid,@RequestParamSt</div> </li> <li><a href="/article/1949599987641937920.htm" title="阿里云服务器价格计算器使用教程（图文教程）" target="_blank">阿里云服务器价格计算器使用教程（图文教程）</a> <span class="text-muted">阿里云最新优惠和活动汇总</span> <div>大多数用户在购买阿里云服务器前，都需要了解阿里云服务器的价格，一是看下自己想买的云服务器配置需要多少钱，二是看下自己的预算在阿里云可以买到什么实例和配置的云服务器，有部分企业级用户可能还需要先下载价格表单来申请预算等操作。本文将详细介绍如何在阿里云官网上快速查询服务器价格，并提供操作步骤和示例。一、快速查询阿里云服务器价格的步骤进入阿里云官网首先，打开浏览器，访问阿里云官网。进入云服务器ECS产品</div> </li> <li><a href="/article/1949593813479649280.htm" title="携带参数的表单文件上传 axios, SpringBoot" target="_blank">携带参数的表单文件上传 axios, SpringBoot</a> <span class="text-muted">coder__c</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81%E6%8A%80%E5%B7%A7/1.htm">编码技巧</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E6%AE%B5/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> <div>页面上的表单如上图,点击确定按钮需要把参数统一传给后端.前端代码:表单的提交方法constsubmit=async()=>{constformData=newFormData();formData.append("bookName",bookForm.value.bookName);formData.append("author",bookForm.value.author);formData.a</div> </li> <li><a href="/article/1949575414619893760.htm" title="HTML(源码+lw+部署文档+讲解等)" target="_blank">HTML(源码+lw+部署文档+讲解等)</a> <span class="text-muted">青蛙java</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Java%E7%B2%BE%E9%80%89%E6%AF%95%E8%AE%BE/1.htm">Java精选毕设</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%AF%95%E8%AE%BE/1.htm">微信小程序毕设</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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/uni-app/1.htm">uni-app</a> <div>文章目录前言HTML概念结构Body中的重要标签hr:横线标签br：换行符hn:标题标签divp:段落标签a:超链接标签img:图片标签input:输入框:表单元素select:下拉选:表单元素textarea:多文本:表单元素table:表格ol,ul有序和无序列表form表单源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金</div> </li> <li><a href="/article/1949563811635720192.htm" title="本文概括了PHP 的发展历程与核心技术可关键阶段和特性" target="_blank">本文概括了PHP 的发展历程与核心技术可关键阶段和特性</a> <span class="text-muted">jishujiaoliu1682</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>⏳一、发展历程‌起源（1994-1995年）‌由RasmusLerdorf开发，最初用Perl编写个人网站表单工具，后改用C语言重写并加入数据库访问功能，命名为‌PHP1.0‌。此时已支持表单处理和基础数据库操作‌14。‌早期迭代（1997-2000年）‌‌PHP3.0（1997年）‌：引入‌Zend引擎‌（精简脚本解释器），提升性能和稳定性，奠定语言基础架构‌1。‌PHP4.0（2000年）‌：</div> </li> <li><a href="/article/1949558142270500864.htm" title="HTML5：中如何触发按钮点击事件" target="_blank">HTML5：中如何触发按钮点击事件</a> <span class="text-muted">Dy大叔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95/1.htm">前端开发记录</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja</div> </li> <li><a href="/article/1949548048325603328.htm" title="react class和function 如何模拟vue中的双向绑定监听 computed的方式" target="_blank">react class和function 如何模拟vue中的双向绑定监听 computed的方式</a> <span class="text-muted"></span> <div>在React中，类组件和函数组件的写法有所不同。你提到的「双向绑定」、「监听」和「computed（计算属性）」这几个概念，原本来源于Vue，但在React中我们也可以通过特定方式实现类似功能。下面我将分别介绍：1.类组件中的双向绑定在类组件中，要实现双向绑定（如表单输入），我们通常使用state和onChange：importReactfrom'react';classMyFormextends</div> </li> <li><a href="/article/1949440617360715776.htm" title="php入门级基础语法知识" target="_blank">php入门级基础语法知识</a> <span class="text-muted">1ta-chi</span> <a class="tag" taget="_blank" href="/search/php%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">php学习笔记</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>文章目录基础语法php介绍变量常量变量作用域可变变量运算符数组数值数组关联数组多维数组控制语句函数创建PHP函数函数返回值预定义变量及魔术常量php表单PHP表单处理$_POST变量$_GET变量$_COOKIE变量$_SESSION变量文件操作PHP文件处理往文件中追加内容读文件内容基础语法php介绍php是服务器端脚本语言。在学习php之前，您需要对HTML和CSS有一定了解为什么要使用php</div> </li> <li><a href="/article/1949435067214393344.htm" title="英语中因首字母大小写不同而意义不同的单词表" target="_blank">英语中因首字母大小写不同而意义不同的单词表</a> <span class="text-muted">纸上笔下</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/English/1.htm">English</a><a class="tag" taget="_blank" href="/search/%E8%8B%B1%E8%AF%AD/1.htm">英语</a><a class="tag" taget="_blank" href="/search/%E9%A6%96%E5%AD%97%E6%AF%8D/1.htm">首字母</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%B0%8F%E5%86%99/1.htm">大小写</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E8%AF%8D%E8%A1%A8/1.htm">单词表</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E6%AF%8D/1.htm">字母</a><a class="tag" taget="_blank" href="/search/%E8%AF%8D%E6%B1%87/1.htm">词汇</a><a class="tag" taget="_blank" href="/search/%E8%AF%8D%E5%85%B8/1.htm">词典</a> <div>英语中，许多单词的首字母是否大写会直接影响其含义。例如，china（瓷器）和China（中国）虽然拼写相似，但意义完全不同。这类单词在英语学习中容易混淆，因此本文整理了一份详细的对照表，帮助学习者清晰区分它们的用法。单词对照表单词/短语音标词性词根/词缀释义搭配例句china/ˈtʃaɪnə/n.无瓷器finechina,chinaplateShecollectsfinechinafromdiff</div> </li> <li><a href="/article/1949413266472103936.htm" title="Flutter开发实战之网络请求与数据处理" target="_blank">Flutter开发实战之网络请求与数据处理</a> <span class="text-muted">老Lin头</span> <a class="tag" taget="_blank" href="/search/Flutter%E5%BC%80%E5%8F%91/1.htm">Flutter开发</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>第6章：网络请求与数据处理“数据是应用的血液，网络是连接世界的桥梁。”在移动应用开发中，与服务器进行数据交互是必不可少的功能。无论是获取用户信息、提交表单数据，还是上传图片、下载文件，都离不开网络请求。本章将带你深入掌握Flutter中的网络编程技巧。6.1网络请求基础概念6.1.1什么是HTTP请求？想象一下，你走进一家餐厅点餐的过程：你告诉服务员想要什么（发送请求）服务员把你的需求传达给厨房（</div> </li> <li><a href="/article/1949268014910205952.htm" title="【Python练习】060. 编写一个函数，实现简单的SMTP邮件发送功能" target="_blank">【Python练习】060. 编写一个函数，实现简单的SMTP邮件发送功能</a> <span class="text-muted">视睿</span> <a class="tag" taget="_blank" href="/search/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E4%B9%A0%E6%9C%BA%E5%99%A8%E4%BA%BA/1.htm">从零开始学习机器人</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>目录060.编写一个函数，实现简单的SMTP邮件发送功能示例代码代码说明注意事项示例：发送带附件的邮件应用场景自动化通知系统用户注册与验证批量营销与订阅数据报告分发交互式表单反馈060.编写一个函数，实现简单的SMTP邮件发送功能在Python中，可以使用smtplib模块来实现简单的SMTP邮件发送功能。以下是一个示例代码，展示如何编写一个函数来发送邮件。示例代码importsmtplibfro</div> </li> <li><a href="/article/1949247962769059840.htm" title="企业网站管理系统（多语言+多模板）" target="_blank">企业网站管理系统（多语言+多模板）</a> <span class="text-muted"></span> <div>一款基于ThinkPHP+Uniapp开发的企业网站管理系统，支持自定义多语言、自定义模型与字段、自定义表单等功能。提供全部无加密源代码，支持私有化部署。企业网站管理系统（多语言+多模板）产品功能与描述（完整版）多语言建站支持同时创建和管理多语言站点，可为每种语言绑定独立域名、配置独立模板、基础信息及内容，满足全球化展示需求。多条件筛选及搜索后台一键启用多维度属性筛选与全文搜索，帮助访客在海量内容</div> </li> <li><a href="/article/1949091974061551616.htm" title="大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫）" target="_blank">大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫）</a> <span class="text-muted">无·糖</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">Web前端期末大作业</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a> <div>HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图</div> </li> <li><a href="/article/1949059941402734592.htm" title="ASP与Ajax结合实现无刷新登录系统" target="_blank">ASP与Ajax结合实现无刷新登录系统</a> <span class="text-muted"></span> <div>本文还有配套的精品资源，点击获取简介：ASP是一种服务器端脚本技术，用于创建动态网页和处理表单等，而Ajax则是一种在不刷新页面的情况下异步更新网页内容的技术。结合ASP和Ajax可以实现无刷新登录功能，提高用户登录的交互性和响应速度。本技术方案介绍了无刷新登录的设计思路和实现步骤，从前端设计到服务器端处理以及安全性增强措施，确保了登录过程的流畅性和安全性。1.ASP服务器端脚本技术ASP（Act</div> </li> <li><a href="/article/1948999677756108800.htm" title="前端基础知识Vue系列 - 19（Vue常用的修饰符）" target="_blank">前端基础知识Vue系列 - 19（Vue常用的修饰符）</a> <span class="text-muted"></span> <div>一、修饰符是什么在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符二、修饰符的作用表单修饰符在我们填写表单的时候用得最多的是input标签，指令用得最多的是v-mode</div> </li> <li><a href="/article/19.htm" title="解线性方程组" target="_blank">解线性方程组</a> <span class="text-muted">qiuwanchi</span> <div>package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc</div> </li> <li><a href="/article/146.htm" title="在mysql内部存储代码" target="_blank">在mysql内部存储代码</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD/1.htm">性能</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B/1.htm">存储过程</a><a class="tag" taget="_blank" href="/search/%E8%A7%A6%E5%8F%91%E5%99%A8/1.htm">触发器</a> <div> 在mysql内部存储代码在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细</div> </li> <li><a href="/article/273.htm" title="Android使用Asynchronous Http Client完成登录保存cookie的问题" target="_blank">Android使用Asynchronous Http Client完成登录保存cookie的问题</a> <span class="text-muted">hotsunshine</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Asynchronous Http Client是android中非常好的异步请求工具除了异步之外还有很多封装比如json的处理，cookie的处理引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi</div> </li> <li><a href="/article/400.htm" title="java面试题" target="_blank">java面试题</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>java面试题第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能</div> </li> <li><a href="/article/527.htm" title="网站加速" target="_blank">网站加速</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%8A%A0%E9%80%9F/1.htm">网站加速</a> <div>前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩； GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz</div> </li> <li><a href="/article/654.htm" title="正确书写单例模式" target="_blank">正确书写单例模式</a> <span class="text-muted">随意而生</span> <a class="tag" taget="_blank" href="/search/java+%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F+%E5%8D%95%E4%BE%8B/1.htm">java 设计模式单例</a> <div>　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。　　懒汉式，线程不安全　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样</div> </li> <li><a href="/article/781.htm" title="单例模式" target="_blank">单例模式</a> <span class="text-muted">香水浓</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>懒汉调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins</div> </li> <li><a href="/article/908.htm" title="安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"" target="_blank">安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"</a> <span class="text-muted">AdyZhang</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/http+server/1.htm">http server</a> <div>安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它（譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa</div> </li> <li><a href="/article/1035.htm" title="如何在android 文件选择器中选择多个图片或者视频？" target="_blank">如何在android 文件选择器中选择多个图片或者视频？</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传但是android原生态的sdk中，只能一个一个的进行选择和上传。我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个处理方法官方的图片选择器(但是不支持所有版本的androi，只支持API Level </div> </li> <li><a href="/article/1162.htm" title="mysql中查询生日提醒的日期相关的sql" target="_blank">mysql中查询生日提醒的日期相关的sql</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(), dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(</div> </li> <li><a href="/article/1289.htm" title="MongoDB索引文件破坏后导致查询错误的问题" target="_blank">MongoDB索引文件破坏后导致查询错误的问题</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。解决方案：使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name); </div> </li> <li><a href="/article/1416.htm" title="Javascript Promise" target="_blank">Javascript Promise</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a> <div> Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。一.认识Promises “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简</div> </li> <li><a href="/article/1543.htm" title="[Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程" target="_blank">[Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div> Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是 public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea</div> </li> <li><a href="/article/1670.htm" title="【Java命令三】jstack" target="_blank">【Java命令三】jstack</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/jstack/1.htm">jstack</a> <div>jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F </div> </li> <li><a href="/article/1797.htm" title="jboss 5.1启停脚本　动静分离部署" target="_blank">jboss 5.1启停脚本　动静分离部署</a> <span class="text-muted">ronin47</span> <div>以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename -b ip -g clustername -u broatcast jboss.messaging.ServerPeerID=int -Djboss.service.binding.set=p</div> </li> <li><a href="/article/1924.htm" title="UI之如何打磨设计能力?" target="_blank">UI之如何打磨设计能力?</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/ui%E6%95%99%E7%A8%8B/1.htm">ui教程</a><a class="tag" taget="_blank" href="/search/ui%E8%87%AA%E5%AD%A6/1.htm">ui自学</a><a class="tag" taget="_blank" href="/search/ui%E8%B5%84%E6%96%99/1.htm">ui资料</a><a class="tag" taget="_blank" href="/search/ui%E8%A7%86%E9%A2%91/1.htm">ui视频</a> <div> 在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或</div> </li> <li><a href="/article/2051.htm" title="三色旗算法" target="_blank">三色旗算法</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/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div> import java.util.Arrays; /** 问题：假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序，您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳子上进行这个动作，而且一次只能调换两个旗子。网上的解法大多类似：在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来</div> </li> <li><a href="/article/2178.htm" title="警告:No configuration found for the specified action: \'s" target="_blank">警告:No configuration found for the specified action: \'s</a> <span class="text-muted">chiangfai</span> <a class="tag" taget="_blank" href="/search/configuration/1.htm">configuration</a> <div>1.index.jsp页面form标签未指定namespace属性。  <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g</div> </li> <li><a href="/article/2305.htm" title="redis -- hash_max_zipmap_entries设置过大有问题" target="_blank">redis -- hash_max_zipmap_entries设置过大有问题</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/hash/1.htm">hash</a> <div>使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑 #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255 /* Return th</div> </li> <li><a href="/article/2432.htm" title="select into outfile access deny问题" target="_blank">select into outfile access deny问题</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/txt/1.htm">txt</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E5%87%BA%E6%95%B0%E6%8D%AE%E5%88%B0%E6%96%87%E4%BB%B6/1.htm">导出数据到文件</a> <div>本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。授权的语句如下： grant select on armory.* to rn</div> </li> <li><a href="/article/2559.htm" title="phpexcel导出excel表简单入门示例" target="_blank">phpexcel导出excel表简单入门示例</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a><a class="tag" taget="_blank" href="/search/phpexcel/1.htm">phpexcel</a> <div> <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE); if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows</div> </li> <li><a href="/article/2686.htm" title="美国电影超短200句" target="_blank">美国电影超短200句</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%BD%B1/1.htm">电影</a> <div>1. I see．我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too．我也是。5. My god! 天哪!6. No way! 不行!7. Come on．来吧(赶快)8. Hold on．等一等。9. I agree。我同意。10. Not bad．还不错。11. Not yet．还没。12. See you．再见。13. Shut up! </div> </li> <li><a href="/article/2813.htm" title="Java访问远程服务" target="_blank">Java访问远程服务</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/get/1.htm">get</a><a class="tag" taget="_blank" href="/search/post/1.htm">post</a> <div> 随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien</div> </li> <li><a href="/article/2940.htm" title="Maven的settings.xml配置" target="_blank">Maven的settings.xml配置</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/settings.xml/1.htm">settings.xml</a> <div>settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。 </div> </li> <li><a href="/article/3067.htm" title="ubuntu的init与系统服务设置" target="_blank">ubuntu的init与系统服务设置</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>转载自： http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。运行</div> </li> <li><a href="/article/3194.htm" title="跟我学Nginx+Lua开发目录贴" target="_blank">跟我学Nginx+Lua开发目录贴</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a> <div>使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。目录第一章安装Nginx+Lua开发环境第二章 Nginx+Lua开发入门第三章 Redis/SSDB+Twemproxy安装与使用第四章 L</div> </li> <li><a href="/article/3321.htm" title="php位运算符注意事项" target="_blank">php位运算符注意事项</a> <span class="text-muted">home198979</span> <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/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%26/1.htm">&</a> <div>$a = $b = $c = 0; $a & $b = 1; $b | $c = 1 问a,b,c最终为多少? 当看到这题时，我犯了一个低级错误，误以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b; 这样a,b的值不会有任何改变 </div> </li> <li><a href="/article/3448.htm" title="Linux shell数组建立和使用技巧" target="_blank">Linux shell数组建立和使用技巧</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.数组定义　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。　　 2.数组读取与赋值　　得到长度：　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或</div> </li> <li><a href="/article/3575.htm" title="hotspot源码(JDK7)" target="_blank">hotspot源码(JDK7)</a> <span class="text-muted">ol_beta</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>源码结构图，方便理解： ├─agent Serviceab</div> </li> <li><a href="/article/3702.htm" title="Oracle基本事务和ForAll执行批量DML练习" target="_blank">Oracle基本事务和ForAll执行批量DML练习</a> <span class="text-muted">vipbooks</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>基本事务的使用：从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam</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.  </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>