庚中
庚中

React-表单(受控组件和非受控组件)

一,受控组件

在HTML当中，像input,textarea和select这类表单元素会维持自身状态，并根据用户输入进行更新。
在React中，可变的状态通常保存在组件的state中，并且只能用 setState() 方法进行更新.
React根据初始状态渲染表单组件，接受用户后续输入，改变表单组件内部的状态。
因此，将那些值由React控制的表单元素称为：受控组件。

代码演示如下:

1.input文本标签的受控方法

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});
    this.setState({value: event.target.value.trim()});//这可以去除首尾空格
  }

  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>
    );
  }
}

ReactDOM.render(
  <NameForm />,
  document.getElementById('root')
);

效果:
React-表单(受控组件和非受控组件)_第1张图片
当你有处理多个受控的input元素时，你可以通过给每个元素添加一个name属性，来让处理函数根据 event.target.name的值来选择做什么。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
 
<div id="root"></div>
<script type="text/babel">
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>
    );
  }
}


ReactDOM.render(
    <Reservation/>,
    document.getElementById('root')
);
</script>
 
</body>
</html>

效果:
React-表单(受控组件和非受控组件)_第2张图片

2.textarea多文本输入标签的受控方法

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
 
<div id="root"></div>
<script type="text/babel">

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>
    );
  }
}


ReactDOM.render(
    <EssayForm/>,
    document.getElementById('root')
);
</script>
 
</body>
</html>

效果:
React-表单(受控组件和非受控组件)_第3张图片

3.select选择标签的受控方法

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 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>
    );
  }
}

ReactDOM.render(
  <FlavorForm />,
  document.getElementById('root')
);

效果:
React-表单(受控组件和非受控组件)_第4张图片

总结受控组件的特点:

1 表单元素
2 由React通过JSX渲染出来
3 由React控制值的改变，也就是说想要改变元素的值，只能通过React提供的方法来修改
注意：只能通过setState来设置受控组件的值。

二.非受控组件

在大多数情况下，我们推荐使用 受控组件 来处理表单数据。在一个受控组件中，表单数据是由 React 组件来管理的。另一种替代方案是使用非受控组件，这时表单数据将交由 DOM 节点来处理。
因为非受控组件将真实数据储存在 DOM 节点中，所以再使用非受控组件时，有时候反而更容易同时集成 React 和非 React 代码。如果你不介意代码美观性，并且希望快速编写代码，使用非受控组件往往可以减少你的代码量。否则，你应该使用受控组件。
input标签也可以变成非受控组件,方法如下:
React-表单(受控组件和非受控组件)_第5张图片

默认值:
React-表单(受控组件和非受控组件)_第6张图片
input file始终是一个非受控组件:
React-表单(受控组件和非受控组件)_第7张图片

你可能感兴趣的:(十七.React)

  • 日常 黄梅飘香
    这几天，没有写文。不过也一直关注，关注上好友的文章。最近看小红书看到邓为，又看了长相思。看了杨紫演的小六。邓为演的叶十七。还挺好。杨紫还挺让人开心，喜欢的。可爱。邓为演的也很迷人。很温顺。最近小孩高三，开始返校上课了。我也决定每天晚上老早睡，不拖到十一点，或更晚。早起，锻炼也行，下地刨地种菜要紧。说的容易，做起来难。前两天下雨，我净在家玩了。看手机没够。拼多多一看就想买。想给小孩买件新衣服。又想买
  • 《家庭教育促进法》解读（14）落到实处方是真 愿我们顺利平安
    点击上方蓝字，关注我们吧！坚持写作第七十七天今天继续为大家解读和普及我国首部家庭类法律——《家庭教育促进法》的第四章“社会协同”。这一章是上一章“国家支持”的落脚点。第三十八条居民委员会、村民委员会可以依托城乡社区公共服务设施，设立社区家长学校等家庭教育指导服务站点，配合家庭教育指导机构组织面向居民、村民的家庭教育知识宣传，为未成年人的父母或者其他监护人提供家庭教育指导服务。个人认为这一点非常必要
  • 19.0-《超越感觉》-说服他人 SAM52
    Becausethoughtfuljudgmentsdeservetobeshared,andthewaytheyarepresentedcanstronglyinfluencethewayothersreacttothem.因为经过深思熟虑的判断值得分享，而这些判断的呈现方式会强烈影响其他人对它们的反应。Bylearningtheprinciplesofpersuasionandapplying
  • 全面解析：Spring Gateway如何优雅处理微服务的路由转发？ 万猫学社 gatewayjavaspring
    SpringGateway简介SpringGateway，这是一个基于Spring5、SpringBoot2和ProjectReactor的API网关。它旨在为微服务架构提供一个简单、有效的统一的API路由、限流、熔断等功能。在微服务的世界里，SpringGateway就像一个交通警察，负责指挥和引导各个微服务之间的交通。相较于其他的网关技术，比如Nginx、Zuul等，SpringGateway
  • 从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战
    作者简介：笙囧同学，中科院计算机大模型方向硕士，全栈开发爱好者联系方式：[email protected]各大平台账号：笙囧同学座右铭：偷懒是人生进步的阶梯前言在AI技术飞速发展的今天，如何将前沿的大模型技术与实际应用相结合，一直是我们开发者关注的焦点。今天，笙囧同学将带大家从零开始，构建一个基于GigaChatAI的艺术创作平台，实现React前端+Django后端的完整全栈解决方案。这不仅仅是
  • 成长日记2022年6月1日 易如人生
    今天是儿童节，儿子可是阔了，舅妈、妈妈、爷爷奶奶、姐姐和长辈们都给送来了礼物，可把这小子高兴坏了，早晨去市场吃早点顺带买了一袋鸡爪子，回到家就做了虎皮鸡爪，十点开始和儿子过幼儿园开展的网上六一联欢会，孩子们可兴奋了，中午把闺女送去四十七中学附近和闺蜜汇合，回到家儿子还没睡，把他弄到我们屋里哭了两声才睡着，晚上老姑老姑父也来了，一家人一起欢度六一儿童节
  • 第六十七章 受刑 一指弹江南
    黑影从床边直起了身子，我朝他一瞧，个头不高，还是个驼子，心里顿时一跳，难道真是疤脸？我想动身子，却发现身子居然已经给捆的结结实实，感觉全身上下都给捆上了。黑影这时候一转身，从他那里传来“吧嗒”一声，房间里顿时有了光亮，借着光亮我朝那黑影一看，脑袋当即“嗡”了一声，完了，彻底完了，躲躲藏藏提心吊胆这么些天，还是没能躲过去，心一下子沉到了谷底，不知道接下来该咋办了。房间里这条黑影，正是疤脸，这时候他一
  • 77《卡萨尔新娘的回忆》篇章八 危机 第七十七节 空间科学 菟奶奶
    引：“小米辣这样一个厉害的女孩儿，为什么死心塌地待在洪少身边？”黄衣女子愤愤地说。卡萨尔：“说起来她也是不容易，出生没落世家，家里人在近几十年的各种灾难中陆续遇害。过程里还有不少人落井下石，让她不得不依附新兴财阀洪氏，而洪氏刚好需要她家族留下的一些无形资产做基石……”（谜团越来越多，陈克被传身亡究竟是自身原因还是有他人加害，是谁限制了空间范围，凤女和鲲鹏中途出去做了什么？）第二天，我从进入大楼开始
  • 1022.与喵共舞496~周末颐和园 摹喵居士
    2018.11.25周日啦，天气没有完全转差，正好户外户外活动一下。来到了颐和园，现在已经是淡季了，没想到6岁还能免票。进入新建宫门。迎面就是十七孔桥。一起拍照，来的游客很少。远处的西堤，还没有游客。据说有五百多个石狮子。一只小狗出场了。兴高采烈地跑来跑去。树木已经光秃秃了。亲一下吧。远处的石舫，雾蒙蒙的。外面的树，好像一团烟雾。文昌阁，有点破落。万寿山上。落叶缤纷。这个小样子还挺标志。扑在妈妈身
  • Vue3组合API初体验 DTcode7 Vue实战指南VUEHTMLwebvue框架前端
    Vue3组合API初体验基本概念与作用说明示例一：使用ref创建响应式数据示例二：使用reactive创建响应式对象示例三：使用computed计算属性示例四：使用watch监听数据变化示例五：使用provide/inject进行父子组件间通信功能使用思路与实际开发技巧1.何时使用ref与reactive？2.如何在组合式API中保持逻辑的清晰？3.如何处理异步操作？随着Vue3的发布，组合式AP
  • 道德经 若齐
    第十七章悠兮贵言，功成事遂太上，下知有之。其次，亲而誉之。其次，畏之。其次，侮之。信不足焉，有不信焉。悠兮其贵言，功成事遂，百姓皆谓：我自然。译文最高明的统治者，人民只知道他的存在。次一等的统治者，人民尊重称赞他。再次一等的，人民畏惧他。更次一等的，人民轻视他。统治者的诚信不足，人民自然不信服他。统治者悠闲自在，不随意发号施令，等到事情办成功了，百姓都会说：“我们本来就是这样的。”解读心得1．本章
  • 空传说1（斗战猩猿）第九十七章、幻猴露面 贪玩猴头
    肖勇等人在树屋之中研究了没一会就感觉到树屋一阵晃动，要说地球上一些土木建筑存在年久失修，便成危房倒是有可能，但这可是一棵树啊，虽然没有住人了，但树木本身可还是绿葱葱的，生机盎然，不应该存在这种问题啊。咣咣的拍打树木的声音传出，从声音上似乎是有什么庞然大物在玩弄这棵树木，“嘿！”肖勇猛力将树屋的一面墙壁踹倒，飞速冲了出去，先弄清楚对手是什么人再考虑态度。这不是敌人！巨大的猴身已经证明了他的身份，幻猴
  • 读《黄帝内经》素问 离合真邪论篇第二十七 1——邪气侵入经脉时怎么治疗 刘俊和和
    （原文）黄帝问曰：余闻九针九篇，夫子乃因而九之，九九八十一篇，余尽通其意矣。经言气之盛衰，左右倾移，以上调下，以左调右，有余不足，补泻于荥输；余知之矣。此皆荣卫之倾移，虚实之所生，非邪气从外入于经也。余愿闻邪气之在经也，其病人何如？取之奈何？岐伯对曰：夫圣人之起度数，必应于天地，故天有宿度，地有经水，人有经脉。天地温和，则经水安静；天寒地冻，则经水凝泣；天暑地热，则经水沸溢；卒风暴起，则经水波涌而
  • 少说大话，多做小事 过河小卒2008
    我是去年四月十七日开始启用我的新日记本的。那次开笔我搞得很有仪式感：一是用了我库存的最好的笔记本；二用了学校刚发的烂笔头钢笔书写；三时间选择在一个阳光和煦，从容闲适的午后。这是一个开端，我希望这样的写作能够善始善终的。可是孰料呢，今天依然是个悠闲的下午，盘点一年的写作收获，实在乏善可陈呢。也就是刚写的那一周做到了日日更新，后来就不能坚持了。九个月时间仅仅写了不到七十页。有段时间日记之间的间隔居然有
  • 《九鼎风水师》第一千零一十七章 九大守护家族齐聚 先峰老师
    自己放在体内润养也就是润养器灵。一个原本沉睡的器灵，这个时候，突然冒出了意识。这种情况的出现，让尚文龙有点怔然。当然，尚文龙只是出神了瞬间。这石碑和天囹至宝有联系，那么如果两者真的触碰会有什么样的反应。想到就做。尚文龙眯着个双眼，将天囹至宝轻轻的放到了这石碑上面。“轰”的一声突然爆发开来。空气中并没有什么实质的声音爆发开来，只是如同一道神念在尚文龙的脑海之中爆发开来。这道神念爆发之后，一切再次恢复
  • 第七篇 快速开始-序 深圳都这么冷
    快速开始欢迎使用React文档！本页将向您介绍您每天会用到的80%的React概念。本章内容预告如何创建和嵌套组件如何添加标记和样式如何显示数据如何渲染条件表达式和列表表达式如何响应事件和更新屏幕如何在组件之间共享数据创建和嵌套组件React应用程序由组件组成。组件是UI（用户界面）的一部分，具有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。React组件是返回标记的JavaScri
  • 华杉版资治通鉴【1997】贤相裴度。2023-07-29 华杉2009
    11、皇上想要前往骊山温泉，左仆射李绛、谏议大夫张仲方等屡谏不听，拾遗张权舆跪伏在紫宸殿下，叩头进谏说：“当年周幽王前往骊山，为犬戎所杀；秦始皇葬在骊山，国亡；玄宗在骊山修筑宫殿，而安禄山乱；先帝前往骊山，而享年不长。”皇上说：“骊山如此凶险吗？我应该去一趟，以验证你的话。”十一月二十一日，前往骊山温泉，即日还宫，对左右说：“那些叩头的人说的话，怎么能信！”12、十一月二十七日，立皇子李普为晋王。
  • 许清如顾裴生《月亮若不来，就等晚风吹入怀》全本免费在线阅读_(许清如顾裴生)最新章节在线阅读_月亮若不来，就等晚风吹入怀(许清如顾裴生)完结版免费阅读_月亮若不来，就等晚风吹入怀全文免费阅读_许... 全本全集小说
    许清如顾裴生《月亮若不来，就等晚风吹入怀》全本免费在线阅读_(许清如顾裴生)最新章节在线阅读_月亮若不来，就等晚风吹入怀(许清如顾裴生)完结版免费阅读_月亮若不来，就等晚风吹入怀全文免费阅读_许清如顾裴生《月亮若不来，就等晚风吹入怀》全文免费阅读_月亮若不来，就等晚风吹入怀全集在线阅读主角配角：许清如顾裴生简介：中秋节，老公陪小青梅回家吃饭凌晨小青梅更新了动态二十七岁的我们还和小时候一样睡在一起，
  • maven指定子项目打包
    Maven多个mudule只编译、打包指定module在多module的maven项目中，如果每次打包整个工程显得有些冗余和笨重。例如A,B,P的继承关系为P|—–A|—–B即P包含A,B的module，每次打包P都会将A,B都打包。假如我只修改了A模块，那么每次都要将B都一块打包吗？当然不是，maven提供了自定义参数：-pl,--projectsBuildspecifiedreactorpro
  • React组件中的this指向问题
    在React组件中，函数定义方式影响this指向的核心原因是箭头函数与普通函数的作用域绑定规则不同，具体差异如下：1.普通函数（function定义）需要手动bind(this)的原因当用function在组件内定义方法时：classMyComponentextendsReact.Component{handleClick(){console.log(this);//若未绑定，此处this为und
  • 2021-01-28 量子之爱
    身，我也；躬也；伸也。第十七章身（上）"Andrew，你回来了，情况怎么样？”Sue站在我的对面，关切地看着我。我去哪儿了？什么情况怎么样？我们当然再一次打败了天魔，解救了鼓肚子的族人。我看向Sue，我怔住了。我去哪儿了？我不知道。“Andrew，你没事儿吧？你看上去……”我的手机信息铃声响起，我低头看是NHS：“由于您存在的健康风险，请速到皇家自由医院检查。”“是NHS，让我去检查。”我对Sue
  • 2022年第十七次一周小结（11.27-12.03） 龚宇佳
    上周总结：1.阅读21h。第一，精读《态度改变与社会影响》。难啃的感觉消失了，甚至觉得很有趣，虽然有做笔记，但没有及时整理。第二，精读罗杰.道森的《优势谈判》。上周阅读了六节，阅读体验相当顺畅，预计本月可以阅读完成。第三，翻看《明朝那些事儿》、《康熙大帝》与《当呼吸华为空气》（完）。2.写作3.1h。继续保持日更，有时一篇会写两三篇用于日更的文字，不过哪怕有了日更的文字，自己还是会强制自己每天再写
  • 观宋填词143｜皇帝驾崩，程珌入宫参与矫诏，作词却有辛稼轩风范 老街味道
    前言嘉定十七年(1224年)八月，宋宁宗驾崩。本来应该由济国公赵竑继位，但是这个言行不谨慎的赵竑得罪了权臣史弥远，结果掌控局势的史弥远逼迫杨太后妥协，矫诏拥立了沂王之子赵昀，是为宋理宗。这个事件中，有一个人也出力不小，他被史弥远深夜招入皇宫负责草诏，据说“一夕为制诰二十有五”，可见文才之强。这个人就是今天介绍的程珌。一、莫言此物浑无用，曾向滹沱渡汉兵。程珌（1164—1242）宋史有传，其字怀古，
  • 山河令结局篇 第二十七章 两难抉择 月下浓
    第二十七章两难抉择此前，曹蔚宁被叫回清风剑派，阿湘无心紫煞的身份已被莫怀阳得知。莫怀阳觉得阿湘出身鬼谷，正邪不两立，不同意曹蔚宁娶阿湘，为此曹蔚宁在莫怀阳门前跪了两天两夜都没让莫怀阳改变主意。范怀空知道后阿湘的真实身份后，一开始难以接受，但是很快就想通了。阿湘在清风剑派的那几日，范怀空经常见到阿湘，虽然她出身鬼谷，但是本性善良，天真可爱，绝非嗜杀之人，最难得的就是对曹蔚宁情深义重。世间最难得的便是
  • 随记│开学17日 Silence的小茶馆
    开学第十七天呀，今天也需要好好学习二级嗷，学习是学习了就是时间不是很长诶，这样不好，要想办法多多学习吖！做了点Word的题，诶原本还觉得进度也还算行，努努力应该也还是可以拉通搞一遍，结果捏！呜，高估了自己的能耐哇！做了一道Word真题，咋说捏，其实也还算不错吧，就没有想象中的错的多，但是！还是需要再接再厉！还有好多的题需要做呢！不可以慢吞吞，自己也真是浪费了好些时间，原本是可以多用来备考的，结果睡
  • Rust 全栈应用框架 Dioxus：从前端到桌面再到 WASM 的统一开发体验 掘金安东尼 字节阿里rust前端wasm
    如果你正在寻找一个能用Rust写前端、桌面应用、移动应用甚至WebAssembly的统一框架，Dioxus是目前生态中最具潜力的选择之一。为什么需要Dioxus？随着WebAssembly（WASM）与Rust的发展，越来越多开发者开始思考：Rust是否能做“全栈”？是否能有像React一样的组件模型？是否可以用Rust写桌面GUI，甚至Web前端？Dioxus正是这个愿景下的产物。它是一个受Re
  • 2023-04-10 快乐鱼啊快乐鱼
    智慧家长之我的家教好故事-----62级14班亓怡然家长谷燕燕孩子，是希望与温暖的代名词。她犹如一颗种子，父母既要做辛勤的耕耘者，也要努力给种子创造肥沃舒适的生长环境。不知不觉女儿十七岁了，在祖国繁荣昌盛、日新月异的大环境下，我跟孩子爸爸努力的培育着她，如今亭亭玉立，阳光明媚，乐观擅学，温暖可人，不仅知书达礼，低调谦逊，而且成绩优异，多才多艺。下面，借助家教好故事这个活动，总结一下我们十七年来与我
  • 2023-02-03 我_4b6f
    保定影像之街道（一〇六三）2019年3月3日，星期日。农历己亥年丙寅月己亥日（猪年）一月（正月）二十七。河北省保定市：盛兴路。保定市，古称清苑、上谷、保州、保府。因城池似靴，又称靴城。保定与北京相伴而生，保定之名取自“保卫大都、安定天下”之意。盛兴路，东西街道。新规划道路，建设之中。2003年5月21日，国务院办公厅批准修订后的《保定市城市总体规划(2001至2020年)》，规范道路命名，将纸厂路
  • 我都说爱你了，你还生气（二十七） 初陌雨
    图片发自App我正在厨房摘豆角，你过来了，说：“妈妈，我也想帮帮你！”我很开心的把豆角递给你告诉你怎么摘，我就出去了。等我回来，你已经把豆角摘好放在小筐里了。我让你顺便帮我剥点蒜，你就一心一意蹲在那里对付大蒜了。看着你那专注的深情，我就会瞬间忘记前一秒钟我们还在吵架。难道你语言的高速发展得益于吵架吗？突然想起今天中午，你从外面回来，穿着鞋就踩在我刚拖好的地板上，我提醒了三次依然不管不顾，我声音立马
  • 第八十七章他们来了 将故事进行到底
    在等我好一些时，他让玲玲出去门口守住，他一脸严肃的，问道：“夏夏，你是怎么受伤的？”我仔细回想了当时的情景，我极力压制住我有些后怕的情绪，说道：“当是我正在路上走着，突然觉得胸口有些湿湿的，我根本不知道是怎么了，在看到我血越来越多，就全身无力的倒下去了。至于其他的我真的什么也不知道。”我越说语气变得有些激动，他抓住我的手，紧紧握着我的手，说道：“没事的，不记得也不要紧的，好在你没事，那些事我会处理
  • 算法 单链的创建与删除 换个号韩国红果果 c算法
    先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student *next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student *addone(struct student *h,int x){ if(h==NULL) //??????
  • 《大型网站系统与Java中间件实践》第2章读后感 白糖_ java中间件
           断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。          看完整章内容，
  • zeus持久层spring事务单元测试 deng520159 javaDAOspringjdbc
    今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试   package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import
  • Rss 订阅 开发 周凡杨 htmlxml订阅rss规范
                    RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。   RSS
  • 分页查询实现 g21121 分页查询
    在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。 按实现形式分前台分页和服务器分页： 前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。 服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据
  • spring jms异步消息处理 510888780 jms
    spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下：
  • highCharts柱状图 布衣凌宇 hightCharts柱图
    第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller   @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController {  private UserServi
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans springmvcSpring 教程spring3 教程Spring 入门
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • TLS java简单实现 antlove javasslkeystoretlssecure
      1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import
  • Zip解压压缩文件 百合不是茶 Zip格式解压Zip流的使用文件解压
       ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));     &n
  • underscore.js 学习（一） bijian1013 JavaScriptunderscore
            工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。       学
  • java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon) bijian1013 javajvmjstatd
    1.介绍         jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。         jstatd是基于RMI的，所以在运行jstatd的服务
  • 【Spring框架三】Spring常用注解之Transactional bit1129 transactional
    Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义：   /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version
  • 我(程序员)的前进方向 bitray 程序员
    作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
  • nginx lua开发经验总结 ronin47
    使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa
  • java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶 bylijinnan java
    import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 *1. Pop the top element *2. Revers
  • 正确理解Linux内存占用过高的问题 cfyme linux
    Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem:   3889836k total,  3341868k used,   547968k free,   286044k buffers Swap:  6127608k total,&nb
  • [JWFD开源工作流]当前流程引擎设计的一个急需解决的问题 comsci 工作流
         当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。       而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。
  • 自定义类的equals函数 dai_lm equals
    仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI
  • Linux下安装R语言 datageek R语言 linux
    命令如下：sudo gedit  /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
  • 如何修改mysql 并发数(连接数)最大值 dcj3sjt126com mysql
    MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了   方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可 　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass
  • 单一功能原则 dcj3sjt126com 面向对象的程序设计软件设计编程原则
    单一功能原则[ 编辑]     SOLID 原则 单一功能原则 开闭原则 Liskov代换原则 接口隔离原则 依赖反转原则 查   论   编 在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有
  • POJO、VO和JavaBean区别和联系 fanmingxing VOPOJOjavabean
    POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被
  • SpringSecurity3.X--LDAP：AD配置 hanqunfeng SpringSecurity
    前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。   将配置文件中的如下部分删除： <!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密-->
  • mac mysql 修改密码 IXHONG mysql
    $ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-
  • 设计模式--抽象工厂模式 kerryg 设计模式
    抽象工厂模式：     工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。     总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，
  • 评"高中女生军训期跳楼” nannan408
       首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。    孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军
  • scala如何读取和写入文件内容？ qindongliang1922 javajvmscala
    直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/
  • C语言算法之百元买百鸡 qiufeihu c算法
    中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？ 代码如下： #include <stdio.h> int main() { int cock,hen,chick; /*定义变量为基本整型*/ for(coc
  • Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode wyz2009107220 NameNode
    正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他