??xml version="1.0" encoding="utf-8" standalone="yes"?>久久人人爽人人爽,亚洲精品黑牛一区二区三区,国内自拍欧美http://www.aygfsteel.com/jacky9881/zh-cnSat, 17 May 2025 22:22:05 GMTSat, 17 May 2025 22:22:05 GMT60Backbone学习W记?/title><link>http://www.aygfsteel.com/jacky9881/archive/2016/04/04/429958.html</link><dc:creator>W看人生</dc:creator><author>W看人生</author><pubDate>Mon, 04 Apr 2016 09:40:00 GMT</pubDate><guid>http://www.aygfsteel.com/jacky9881/archive/2016/04/04/429958.html</guid><wfw:comment>http://www.aygfsteel.com/jacky9881/comments/429958.html</wfw:comment><comments>http://www.aygfsteel.com/jacky9881/archive/2016/04/04/429958.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jacky9881/comments/commentRss/429958.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jacky9881/services/trackbacks/429958.html</trackback:ping><description><![CDATA[q部分介l如何分视图昄前面讲的表格内容QBackbone中视囑֏以嵌套显C,例如前面例子中整个页面可以用一个视图来渲染Qtable表格可以用一个视图来渲染Q表g的一行可以用一个视图来渲染Q这样就用三层视图,只要在以前的例子上稍作修改就可以实现q效果? <div><br />   <div>首先定义最里层的视图,表格中的行。通过tagName成员变量指定该视囑֯应的html元素QrenderҎ中指定tr元素中显C的内容。当然也可以指定成员变量className的|来指定tr元素昄的式栗?/div> <div><br /> </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->     var StudentView = Backbone.View.extend({<br />          <br />          tagName: 'tr',<br />          <br />          render: function() {<br />              $(this.el).html(_.map([<br />                  this.model.get('id'),<br />                 this.model.get('name'),<br />                 this.model.get('age')<br />              ],function(val, key){<br />                  return '<span style="color: #0000FF; "><</span><span style="color: #800000; ">td</span><span style="color: #0000FF; ">></span>' + val + '<span style="color: #0000FF; "></</span><span style="color: #800000; ">td</span><span style="color: #0000FF; ">></span>';<br />              }))<br />             <br />             return this;<br />          }<br />      })</div> </div> <div><br /> </div> <div>其次昄表格的视图?/div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->     var StudnetCollectionView = Backbone.View.extend({<br />          <br />          tagName: 'table',<br />          <br />          render: function() {<br />             $(this.el).empty();<br />             <br />               $(this.el).append($('<span style="color: #0000FF; "><</span><span style="color: #800000; ">tr</span><span style="color: #0000FF; ">></</span><span style="color: #800000; ">tr</span><span style="color: #0000FF; ">></span>')).html(_.map([<br />                   '学号','姓名','q龄'<br />               ],function(val, key){<br />                   return '<span style="color: #0000FF; "><</span><span style="color: #800000; ">th</span><span style="color: #0000FF; ">></span>' + val + '<span style="color: #0000FF; "></</span><span style="color: #800000; ">th</span><span style="color: #0000FF; ">></span>';<br />               }));<br />             <br />               $(this.el).append(_.map(this.collection.models,<br />                 function(model, key){<br />                       return new StudentView({<br />                           model: model<br />                       }).render().el;<br />               }));<br />             <br />             return this;<br />          }<br />      });</div> </div> <div><br /> </div> <div>最后显C整个页面的视图?/div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->     var StudnetPageView = Backbone.View.extend({<br />          render: function() {<br />              $(this.el).html(new StudnetCollectionView({<br />                  collection: this.collection<br />              }).render().el);<br />          }<br />      })</div> </div> <div><br /> </div> <div>同时修改一下显C部分的代码?/div> <div><br /> </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->    var studentPageView = new StudnetPageView({<br />              collection: studentCollection,<br />              el: 'body'<br />          });<br />  <br />          studentPageView.render();</div> </div> <div><br /> </div> <div>整个main.js的代码如下:</div> <div><br /> </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->  (function($){<br />       $(document).ready(function(){<br />           <br />           var student1 = new Student({<br />               id: 10000,<br />               name: '王小?,<br />               age: 30<br />           });<br />           <br />          var student2 = new Student({<br />              id: 20000,<br />              name: '姚敏',<br />              age: 26<br />          });<br />          <br />          var student3 = new Student({<br />              id: 30000,<br />              name: 'U比',<br />              age: 24<br />          });<br />          <br />          var studentCollection = new StudentCollection([<br />              student1,<br />              student2,<br />              student3<br />          ]);<br />          <br />          var studentPageView = new StudnetPageView({<br />              collection: studentCollection,<br />              el: 'body'<br />          });<br />  <br />          studentPageView.render();<br />          <br />      });<br />      <br />      //set model<br />      var Student = Backbone.Model.extend({<br />          //set default values.<br />          defaults: {<br />              id: 0,<br />              name: '',<br />              age: 0<br />          }<br />      });<br />      <br />      var StudentCollection = Backbone.Collection.extend({<br />          model: Student<br />      });<br />      <br />      var StudentView = Backbone.View.extend({<br />          <br />          tagName: 'tr',<br />          <br />          render: function() {<br />              $(this.el).html(_.map([<br />                  this.model.get('id'),<br />                 this.model.get('name'),<br />                 this.model.get('age')<br />              ],function(val, key){<br />                  return '<span style="color: #0000FF; "><</span><span style="color: #800000; ">td</span><span style="color: #0000FF; ">></span>' + val + '<span style="color: #0000FF; "></</span><span style="color: #800000; ">td</span><span style="color: #0000FF; ">></span>';<br />              }))<br />             <br />             return this;<br />          }<br />      })<br /> <br />      //set view<br />      var StudnetCollectionView = Backbone.View.extend({<br />          <br />          tagName: 'table',<br />          <br />          render: function() {<br />             $(this.el).empty();<br />             <br />               $(this.el).append($('<span style="color: #0000FF; "><</span><span style="color: #800000; ">tr</span><span style="color: #0000FF; ">></</span><span style="color: #800000; ">tr</span><span style="color: #0000FF; ">></span>')).html(_.map([<br />                   '学号','姓名','q龄'<br />               ],function(val, key){<br />                   return '<span style="color: #0000FF; "><</span><span style="color: #800000; ">th</span><span style="color: #0000FF; ">></span>' + val + '<span style="color: #0000FF; "></</span><span style="color: #800000; ">th</span><span style="color: #0000FF; ">></span>';<br />               }));<br />             <br />               $(this.el).append(_.map(this.collection.models,<br />                 function(model, key){<br />                       return new StudentView({<br />                           model: model<br />                       }).render().el;<br />               }));<br />             <br />             return this;<br />          }<br />      });<br />      <br />      var StudnetPageView = Backbone.View.extend({<br />          render: function() {<br />              $(this.el).html(new StudnetCollectionView({<br />                  collection: this.collection<br />              }).render().el);<br />          }<br />      })<br />      <br />  })(jQuery);<br /> </div> </div> <div><br /> </div> </div><img src ="http://www.aygfsteel.com/jacky9881/aggbug/429958.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jacky9881/" target="_blank">W看人生</a> 2016-04-04 17:40 <a href="http://www.aygfsteel.com/jacky9881/archive/2016/04/04/429958.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Backbone学习W记?/title><link>http://www.aygfsteel.com/jacky9881/archive/2016/04/02/429942.html</link><dc:creator>W看人生</dc:creator><author>W看人生</author><pubDate>Sat, 02 Apr 2016 04:06:00 GMT</pubDate><guid>http://www.aygfsteel.com/jacky9881/archive/2016/04/02/429942.html</guid><wfw:comment>http://www.aygfsteel.com/jacky9881/comments/429942.html</wfw:comment><comments>http://www.aygfsteel.com/jacky9881/archive/2016/04/02/429942.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jacky9881/comments/commentRss/429942.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jacky9881/services/trackbacks/429942.html</trackback:ping><description><![CDATA[@import url(http://www.aygfsteel.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 在学习笔C中,一个视图渲染一个Sudent对象Q如果存在多个Student对象怎么办, <div>在java中可以通过ArrayList来保存,比如List<Student> students = new ArrayList<>();</div> <div>在Backbone中,也有cM于ArrayList的实玎ͼ只需要新Z个类Q承Collection可以了Q实C码如下:</div> <div>成员变量model指定集合中存攑֯象的cdQ类gjava中范型?/div> <div><br /> </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #008080; ">1</span>     var StudentCollection = Backbone.Collection.extend({<br /> <span style="color: #008080; ">2</span>         model: Student<br /> <span style="color: #008080; ">3</span>     });</div> </div> <div><br /> </div> <div>对学习笔CU代码稍加修改,修改代码如下Q?/div> <div>新徏三个Student对象Q把q三个对象加?span style="font-size: 13px; background-color: #eeeeee;">studentCollection对象中?/span></div> <div><span style="font-size: 13px; background-color: #eeeeee;"><br /> </span></div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #008080; "> 1</span>         var student1 = new Student({<br /> <span style="color: #008080; "> 2</span>             id: 10000,<br /> <span style="color: #008080; "> 3</span>             name: '王小?,<br /> <span style="color: #008080; "> 4</span>             age: 30<br /> <span style="color: #008080; "> 5</span>         });<br /> <span style="color: #008080; "> 6</span>         <br /> <span style="color: #008080; "> 7</span>         var student2 = new Student({<br /> <span style="color: #008080; "> 8</span>             id: 20000,<br /> <span style="color: #008080; "> 9</span>             name: '姚敏',<br /> <span style="color: #008080; ">10</span>             age: 26<br /> <span style="color: #008080; ">11</span>         });<br /> <span style="color: #008080; ">12</span>         <br /> <span style="color: #008080; ">13</span>         var student3 = new Student({<br /> <span style="color: #008080; ">14</span>             id: 30000,<br /> <span style="color: #008080; ">15</span>             name: 'U比',<br /> <span style="color: #008080; ">16</span>             age: 24<br /> <span style="color: #008080; ">17</span>         });<br /> <span style="color: #008080; ">18</span>         <br /> <span style="color: #008080; ">19</span>         var studentCollection = new StudentCollection([<br /> <span style="color: #008080; ">20</span>             student1,<br /> <span style="color: #008080; ">21</span>             student2,<br /> <span style="color: #008080; ">22</span>             student3<br /> <span style="color: #008080; ">23</span>         ]);</div> </div> <div><br /> </div> <div>x集合模型已经新徏完毕Q那么如何通过视图来显C个集合模型?/div> <div><br /> </div> <div>学习W记一中新建的StudentViewcȝrenderҎ做修改,同时在构个类对象ӞE作修改Q修改如下:</div> <div>把原来绑定model的代码改成绑定collection?/div> <div><br /> </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #008080; ">1</span> var studentCollectionView = new StudnetCollectionView ({<br /> <span style="color: #008080; ">2</span>             collection: studentCollection<br /> <span style="color: #008080; ">3</span>  });</div> </div> <div><br /> </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #008080; "> 1</span>     var StudnetCollectionView = Backbone.View.extend({<br /> <span style="color: #008080; "> 2</span>         <br /> <span style="color: #008080; "> 3</span>         el: 'body',<br /> <span style="color: #008080; "> 4</span>         <br /> <span style="color: #008080; "> 5</span>         render:function(){<br /> <span style="color: #008080; "> 6</span>             var html = '';<br /> <span style="color: #008080; "> 7</span>             _.each(this.collection.models,function(model,index,obj){<br /> <span style="color: #008080; "> 8</span>                 var tmp = '学号: ' + model.get('id') + '.' +<br /> <span style="color: #008080; "> 9</span>                           '姓名: ' + model.get('name') + '.' +<br /> <span style="color: #008080; ">10</span>                           'q龄: ' + model.get('age');<br /> <span style="color: #008080; ">11</span>                 <br /> <span style="color: #008080; ">12</span>                 html = html + '<span style="color: #0000FF; "><</span><span style="color: #800000; ">li</span><span style="color: #0000FF; ">></span>' + tmp + '<span style="color: #0000FF; "></</span><span style="color: #800000; ">li</span><span style="color: #0000FF; ">></span>'; <br /> <span style="color: #008080; ">13</span>             });<br /> <span style="color: #008080; ">14</span>             <br /> <span style="color: #008080; ">15</span>             html = '<span style="color: #0000FF; "><</span><span style="color: #800000; ">ul</span><span style="color: #0000FF; ">></span>' + html + '<span style="color: #0000FF; "></</span><span style="color: #800000; ">ul</span><span style="color: #0000FF; ">></span>';<br /> <span style="color: #008080; ">16</span>             $(this.el).html(html);<br /> <span style="color: #008080; ">17</span>         }<br /> <span style="color: #008080; ">18</span>     });</div> </div> <div><br /> </div> <div>完整的main.js内容如下Q? </div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #008080; "> 1</span> (function($){<br /> <span style="color: #008080; "> 2</span>     $(document).ready(function(){<br /> <span style="color: #008080; "> 3</span>         <br /> <span style="color: #008080; "> 4</span>         var student1 = new Student({<br /> <span style="color: #008080; "> 5</span>             id: 10000,<br /> <span style="color: #008080; "> 6</span>             name: '王小?,<br /> <span style="color: #008080; "> 7</span>             age: 30<br /> <span style="color: #008080; "> 8</span>         });<br /> <span style="color: #008080; "> 9</span>         <br /> <span style="color: #008080; ">10</span>         var student2 = new Student({<br /> <span style="color: #008080; ">11</span>             id: 20000,<br /> <span style="color: #008080; ">12</span>             name: '姚敏',<br /> <span style="color: #008080; ">13</span>             age: 26<br /> <span style="color: #008080; ">14</span>         });<br /> <span style="color: #008080; ">15</span>         <br /> <span style="color: #008080; ">16</span>         var student3 = new Student({<br /> <span style="color: #008080; ">17</span>             id: 30000,<br /> <span style="color: #008080; ">18</span>             name: 'U比',<br /> <span style="color: #008080; ">19</span>             age: 24<br /> <span style="color: #008080; ">20</span>         });<br /> <span style="color: #008080; ">21</span>         <br /> <span style="color: #008080; ">22</span>         var studentCollection = new StudentCollection([<br /> <span style="color: #008080; ">23</span>             student1,<br /> <span style="color: #008080; ">24</span>             student2,<br /> <span style="color: #008080; ">25</span>             student3<br /> <span style="color: #008080; ">26</span>         ]);<br /> <span style="color: #008080; ">27</span>         <br /> <span style="color: #008080; ">28</span>         var studentCollectionView = new StudnetCollectionView({<br /> <span style="color: #008080; ">29</span>             collection: studentCollection<br /> <span style="color: #008080; ">30</span>         });<br /> <span style="color: #008080; ">31</span> <br /> <span style="color: #008080; ">32</span>         studentCollectionView.render();<br /> <span style="color: #008080; ">33</span>         <br /> <span style="color: #008080; ">34</span>     });<br /> <span style="color: #008080; ">35</span>     <br /> <span style="color: #008080; ">36</span>     //set model<br /> <span style="color: #008080; ">37</span>     var Student = Backbone.Model.extend({<br /> <span style="color: #008080; ">38</span>         //set default values.<br /> <span style="color: #008080; ">39</span>         defaults: {<br /> <span style="color: #008080; ">40</span>             id: 0,<br /> <span style="color: #008080; ">41</span>             name: '',<br /> <span style="color: #008080; ">42</span>             age: 0<br /> <span style="color: #008080; ">43</span>         }<br /> <span style="color: #008080; ">44</span>     });<br /> <span style="color: #008080; ">45</span>     <br /> <span style="color: #008080; ">46</span>     var StudentCollection = Backbone.Collection.extend({<br /> <span style="color: #008080; ">47</span>         model: Student<br /> <span style="color: #008080; ">48</span>     });<br /> <span style="color: #008080; ">49</span>     <br /> <span style="color: #008080; ">50</span>     //set view<br /> <span style="color: #008080; ">51</span>     var StudnetCollectionView = Backbone.View.extend({<br /> <span style="color: #008080; ">52</span>         <br /> <span style="color: #008080; ">53</span>         el: 'body',<br /> <span style="color: #008080; ">54</span>         <br /> <span style="color: #008080; ">55</span>         render:function(){<br /> <span style="color: #008080; ">56</span>             var html = "<table border='1'><tr><th>学号</th><th>姓名</th><th>q龄</th></tr>";<br /> <span style="color: #008080; ">57</span>             _.each(this.collection.models, function(model,index,obj){<br /> <span style="color: #008080; ">58</span>                 var tmp = '<tr><td>' + model.get('id') + '</td>' +<br /> <span style="color: #008080; ">59</span>                           '<td>' + model.get('name') + '</td>' +<br /> <span style="color: #008080; ">60</span>                           '<td> ' + model.get('age') + '</td></tr>';<br /> <span style="color: #008080; ">61</span>                           <br /> <span style="color: #008080; ">62</span>                           <br /> <span style="color: #008080; ">63</span>                 html = html = html + tmp;<br /> <span style="color: #008080; ">64</span>             });<br /> <span style="color: #008080; ">65</span>             <br /> <span style="color: #008080; ">66</span>             html = html + '</table>';<br /> <span style="color: #008080; ">67</span>             $(this.el).html(html);<br /> <span style="color: #008080; ">68</span>         }<br /> <span style="color: #008080; ">69</span>     });<br /> <span style="color: #008080; ">70</span>     <br /> <span style="color: #008080; ">71</span> })(jQuery);<br /> <span style="color: #008080; ">72</span> </div> </div> <div><br /> </div> <div><br /> </div><img src ="http://www.aygfsteel.com/jacky9881/aggbug/429942.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jacky9881/" target="_blank">W看人生</a> 2016-04-02 12:06 <a href="http://www.aygfsteel.com/jacky9881/archive/2016/04/02/429942.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Backbone学习W记一http://www.aygfsteel.com/jacky9881/archive/2016/04/02/429941.htmlW看人生W看人生Sat, 02 Apr 2016 02:06:00 GMThttp://www.aygfsteel.com/jacky9881/archive/2016/04/02/429941.htmlhttp://www.aygfsteel.com/jacky9881/comments/429941.htmlhttp://www.aygfsteel.com/jacky9881/archive/2016/04/02/429941.html#Feedback0http://www.aygfsteel.com/jacky9881/comments/commentRss/429941.htmlhttp://www.aygfsteel.com/jacky9881/services/trackbacks/429941.html学习体会ȝ一下,以便后面查询?/div>

Backbone是一个基于MVC模式的前端JavaScript框架Q用于前端页面开发?/div>
可以从http://backbone.js上下载对应的版本?/div>

使用BackboneQ需要依赖其他一些js库?/div>
jQuery  http://jquery.com
Underscore http://underscorejs.org

面的head元素内容大体如下Q?/div>
1 <script src="lib/jquery-2.2.2.js"></script>
2 <script src="lib/underscore-2.js"></script>
3 <script src="lib/backbone.js"></script>

Backbone是一个MVC框架Q通过V来展CM的内容,C接受用户的请求,更新模型Q然后刷新V?/div>

下面以一个例子,来说明怎么建立一个简单的Backbone应用?/div>

首先定义一个ModelcStudent, 需要?span style="font-size: 13px; background-color: #eeeeee;">Backbone.ModelQ这个类有三个成员变量,idQnameQageQ套用java中的叫法Q其实可?/span>
不应该这么称呹{?/span>

1     var Student = Backbone.Model.extend({
2         //set default values.
3         defaults: {
4             id: 0,
5             name: '',
6             age: 0
7         }
8     });


然后定义一个ViewcStudentViewQ需要?span style="font-size: 13px; background-color: #eeeeee;">Backbone.View, l这个类的成员变量el赋?bodyQ指明在面的body元素中渲染视图,
同时重写了渲染方法renderQ指明如何渲染,以下代码应用jQuery的语法,在el指定的元素内Q显C指定的内容?/span>
每个视图l定一个ModelQ在View的所有方法中可以直接调用this.model获取当前Viewl定的Model对象Q如下例?/span>
this.model.get('id'),注意获取model属性值时Q不能直接用thi.model.id

 1     var StudnetView = Backbone.View.extend({
 2         
 3         el: 'body',
 4         
 5         render:function(){
 6             var html = '学号: ' + this.model.get('id') + '.' +
 7                        '姓名: ' + this.model.get('name') + '.' +
 8                        'q龄: ' + this.model.get('age');
 9     
10             $(this.el).html(html);
11         }
12     });

定义完模型和视图cMc,接下来就是创建模型类和视囄对象Q创建方法类gjava中创建对象?
新徏一个model对象studentQ给对象属性指定倹{?/div>
新徏一个view对象Qƈ且指定该viewl定的model对象?/div>
调用view的渲染方法?/div>

 1     var student = new Student({
 2             id: 10000,
 3             name: '王小?,
 4             age: 30
 5      });
 6         
 7         
 8     var studnetView = new StudnetView({
 9             model: student
10     });
11 
12     studnetView.render();

xBackbone的代码就全部写完了,只要把这些新建Model和View的代码放到自定义的js文g中,
在页面加载时调用卛_Q这里自定义js文g名ؓmain.js,内容如下Q?/div>

 1 (function($){
 2     $(document).ready(function(){
 3         
 4         var student = new Student({
 5             id: 10000,
 6             name: '王小?,
 7             age: 30
 8         });
 9         
10         
11         var studnetView = new StudnetView({
12             model: student
13         });
14 
15         studnetView.render();
16         
17     });
18     
19     //set model
20     var Student = Backbone.Model.extend({
21         //set default values.
22         defaults: {
23             id: 0,
24             name: '',
25             age: 0
26         }
27     });
28     
29     //set view
30     var StudnetView = Backbone.View.extend({
31         
32         el: 'body',
33         
34         render:function(){
35             var html = '学号: ' + this.model.id + '.'
36                        '姓名: ' + this.model.name + '.'
37                        'q龄: ' + this.model.age;
38     
39             $(this.el).html(html);
40         }
41     });
42     
43 })(jQuery);

然后再新Z个index.html,内容如下Q?/div>

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>Backbone.js 1</title>
 6         <script src="lib/jquery-2.2.2.js"></script>
 7         <script src="lib/underscore-2.js"></script>
 8         <script src="lib/backbone.js"></script>
 9         <script src="js/main.js"></script>
10     </head>
11     <body>
12         
13     </body>
14 </html>

最后,在浏览器中打开q个文gQ就可以看到效果了?



W看人生 2016-04-02 10:06 发表评论
]]>配置Nginx ~存服务?/title><link>http://www.aygfsteel.com/jacky9881/archive/2016/03/08/429552.html</link><dc:creator>W看人生</dc:creator><author>W看人生</author><pubDate>Tue, 08 Mar 2016 12:29:00 GMT</pubDate><guid>http://www.aygfsteel.com/jacky9881/archive/2016/03/08/429552.html</guid><wfw:comment>http://www.aygfsteel.com/jacky9881/comments/429552.html</wfw:comment><comments>http://www.aygfsteel.com/jacky9881/archive/2016/03/08/429552.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jacky9881/comments/commentRss/429552.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jacky9881/services/trackbacks/429552.html</trackback:ping><description><![CDATA[@import url(http://www.aygfsteel.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); @import url(http://www.aygfsteel.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); <br /> <div><br /> </div> 参照以下|址Q在CentOS上安装Nginx<br /> <div>http://www.aygfsteel.com/jacky9881/archive/2016/02/19/429375.html</div> <div><br /> </div> <div>1.首先新徏以下两个目录Q用于存攄存文Ӟ</div> <div>   [root@localhost nginx]# mkdir -p /data/nginx/proxy_temp_path</div> <div>   [root@localhost nginx]# mkdir -p /data/nginx/proxy_cache_path</div> <div><br /> </div> <div>2.~辑nginx.conf文g</div> <div>  在http模块增加如下内容Q指定缓存文件的存放路径Q?/div> <div>  <span style="font-size: 13px; background-color: #eeeeee;">proxy_temp_path /data/nginx/proxy_temp_path;</span></div> <div><span style="font-size: 13px; background-color: #eeeeee;">  proxy_cache_path /data/nginx/proxy_cache_path levels=1:2 keys_zone=cache_one:20m inactive=1d max_size=3g ;</span>  </div> <div><br /> </div> <div>注:通过<span style="font-size: 13px; background-color: #eeeeee;">keys_zone来指定缓存区的名字,在接下来的location模块配置中需要用刎ͼ</span></div> <div><span style="font-size: 13px; background-color: #eeeeee;">      20m是指定用于缓存的内存大小Q由于本拟机内存原因Q设|了20MQ生产环境中可以讄大一些,比如1GQ;</span></div> <div><span style="font-size: 13px; background-color: #eeeeee;">      </span><span style="font-size: 13px; background-color: #eeeeee;">inactive=1d,代表~存的数据如果超q一天没有被讉K的话Q则自动清除Q?/span></div> <div><span style="font-size: 13px; background-color: #eeeeee;">      max_size=3g是指定用于缓存的盘大小</span><span style="font-size: 13px; background-color: #eeeeee;">Q由于本拟机内存原因Q设|了3gQ生产环境中可以讄大一些,比如50GQ;</span></div> <div>      <span style="font-size: 13px; background-color: #eeeeee;">levels=1:2 </span><span style="color: #333333; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-color: #ffffff;">指定该缓存目录中有两层hash目录Q第一层目录ؓ1个字母,W二层ؓ2个字母,其中W一层目录名为缓存数据MD5~码的倒数W一?/span></div> <div><span style="color: #333333; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-color: #ffffff;">     字母Q第二层目录名ؓ~存数据MD5~码的倒数2Q?两个字母Q?/span></div> <div><span style="color: #333333; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-color: #ffffff;"><br /> </span></div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --> upstream local_tomcats {<br />        server 192.168.8.132:8080;<br />        server 192.168.8.130:8080;<br /> }</div> </div> <div><br /> </div> <div> 修改location模块</div> <div> <span style="font-size: 13px; background-color: #eeeeee;"> location ~ \.(jsp|do)$ {</span></div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;">            proxy_pass http://local_tomcats;<br />  }        <br />         <br />   location / {<br /> <br />             proxy_cache cache_one;</div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;">            Q定义httpq回gؓ200?04Q缓存时?2时Q如?2时后,没有被访问,则自动被删除Q?/div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;">            Q?00表示 <span style="color: #333333; font-family: Arial; font-size: 14px; line-height: 26px; background-color: #ffffff;">服务器已成功处理了请求,304表示 </span><span style="color: #333333; font-family: Arial; font-size: 14px; line-height: 26px; background-color: #ffffff;">自从上次h后,h的网|修改q?/span><br />             proxy_cache_valid 200 304 12h ;<br />             proxy_cache_valid 301 302 1m ;<br />             proxy_cache_valid any 10m ;<br />            <span style="color: red;"> proxy_cache_key $host$uri$is_args$args;</span><br /> <br />             proxy_ignore_headers X-Accel-Expires Expires  Set-Cookie Cache-Control;<br />             proxy_hide_header Cache-Control;<br />             proxy_hide_header Set-Cookie;               <br />             <span style="color: red;">proxy_pass http://local_tomcats; Q这个要讑֮Q否则好像生成不了缓存文?/span><br /> <br />     }<br /> Q用于清除缓?br />  location ~ /purge(/.*) {<br />             allow 127.0.0.1;<br />             allow 192.168.8.132;<br />             deny all ;<br />             proxy_cache_purge cache_one $host$1$is_args$args ;<br /> </div> <div><span style="font-size: 13px; background-color: #eeeeee;">   }</span>  </div> <div><br /> </div> <div>在浏览器地址栏输入:http://www.hw.com/tomcat.png </div> <div>查看~存目录</div> <div> <div>[root@localhost nginx]# ls /data/nginx/proxy_cache_path/7/8a</div> <div>b12ee1366ed4307aa6408a16286658a7</div> </div> <div><br /> </div> <div>可以看到Q缓存文件已l生成,注意~存文g名最后三位和~存文g夹的关系?/div> <div><br /> </div> <div>在浏览器地址栏输入:http://www.hw.com/purge/tomcat.png</div> <div>面昄如下信息Q提C缓存文件已l被清除?/div> <div><br /> </div> <div> <div>Successful purge</div> <div><br /> </div> <div><span style="color: red;">Key : www.hw.com/tomcat.png</span></div> <div>Path: /data/nginx/proxy_cache_path/<span style="color: red;">7/8a</span>/b12ee1366ed4307aa6408a1628665<span style="color: red;">8a7 </span></div> </div> <div><br /> </div> <div>注意q里的KeyQ就是配|文件中定义 <span style="font-size: 13px; background-color: #eeeeee;">proxy_cache_key </span> </div> <div><br /> </div> <div>查看~存命中? </div> <div>?span style="font-size: 13px; background-color: #eeeeee;">location / 模块Q增加如下代?/span></div> <div><span style="font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px; background-color: #fafafa;">add_header  Nginx-Cache </span><span id="wmqeeuq" class="string" style="color: red; font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px;">"$upstream_cache_status"</span><span style="font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px; color: red;">; </span></div> <div><span style="font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px;"><br /> </span></div> <div><span style="font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px;">同时在http模块打开ngnix的日志功能,默认是关闭状态?/span></div> <div><span style="font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px;"><br /> </span></div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '<br />                       '$status $body_bytes_sent "$http_referer" '<br />                       '"$http_user_agent" "$http_x_forwarded_for"'</div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;">                       <span style="color: red;">'"</span><span style="color: red; font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px;">$upstream_cache_status</span><span style="color: red;">"';</span><br />     access_log  logs/access.log  main;</div> </div> <div><span style="font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace; font-size: 12px; line-height: 18px;"> </span></div> <div><span style="font-size: 13px; background-color: highlight;"><br /> </span></div> <div>[root@localhost nginx]# ./sbin/nginx -s reload</div> <div><br /> </div> <div>在浏览器地址栏输入:http://www.hw.com/tomcat.png</div> <div>重复h几次Q打开日志文g logs/access.log,可以看到HIT的字P意味着~存命中?/div> <div><span style="font-size: 13px; background-color: highlight;"><br /> </span></div> <div> <div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->192.168.8.132 - - [08/Mar/2016:20:48:38 +0800] "GET /tomcat.png HTTP/1.1" 304 0 "-" "Mozilla/5.0 (X11; Linux x86_64; rv:38.0) Gecko/20100101 Firefox/38.0" "-""<span style="color: red;">HIT"</span><br /> 192.168.8.132 - - [08/Mar/2016:20:48:40 +0800] "GET /tomcat.png HTTP/1.1" 304 0 "-" "Mozilla/5.0 (X11; Linux x86_64; rv:38.0) Gecko/20100101 Firefox/38.0" "-""<span style="color: red;">HIT"</span><br /> 192.168.8.132 - - [08/Mar/2016:20:48:42 +0800] "GET /tomcat.png HTTP/1.1" 304 0 "-" "Mozilla/5.0 (X11; Linux x86_64; rv:38.0) Gecko/20100101 Firefox/38.0" "-""<span style="color: red;">HIT"</span></div> </div> <div><span style="font-size: 13px; background-color: highlight;"><br /> </span></div> <div><span style="font-size: 13px; background-color: highlight;"><br /> </span></div><img src ="http://www.aygfsteel.com/jacky9881/aggbug/429552.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jacky9881/" target="_blank">W看人生</a> 2016-03-08 20:29 <a href="http://www.aygfsteel.com/jacky9881/archive/2016/03/08/429552.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>使用MyCat实现MySQL的分片处理和d分离http://www.aygfsteel.com/jacky9881/archive/2016/02/27/429458.htmlW看人生W看人生Sat, 27 Feb 2016 07:28:00 GMThttp://www.aygfsteel.com/jacky9881/archive/2016/02/27/429458.htmlhttp://www.aygfsteel.com/jacky9881/comments/429458.htmlhttp://www.aygfsteel.com/jacky9881/archive/2016/02/27/429458.html#Feedback1http://www.aygfsteel.com/jacky9881/comments/commentRss/429458.htmlhttp://www.aygfsteel.com/jacky9881/services/trackbacks/429458.html阅读全文

W看人生 2016-02-27 15:28 发表评论
]]>
MySQLM复制配置http://www.aygfsteel.com/jacky9881/archive/2016/02/23/429403.htmlW看人生W看人生Tue, 23 Feb 2016 12:41:00 GMThttp://www.aygfsteel.com/jacky9881/archive/2016/02/23/429403.htmlhttp://www.aygfsteel.com/jacky9881/comments/429403.htmlhttp://www.aygfsteel.com/jacky9881/archive/2016/02/23/429403.html#Feedback0http://www.aygfsteel.com/jacky9881/comments/commentRss/429403.htmlhttp://www.aygfsteel.com/jacky9881/services/trackbacks/429403.html L务器  OSQCentOS   IPQ?92.168.8.130
 从服务器  OSQCentOS   IPQ?92.168.8.131

在主Q从服务器上安装MySQLQ安装方法如下:
[root@localhost Desktop]$ rpm -qa | grep mysql
   mysql-libs-5.1.73-5.el6_6.x86_64
[root@localhost Desktop]# rpm -e mysql-libs-5.1.73-5.el6_6.x86_64 --nodeps
[root@localhost Desktop]# yum -y install mysql-server mysql mysql-devel

启动MySQL
[root@localhost Desktop]# service mysqld start

Q可以设|MySQL开机启动,q行命ochkconfig mysqld on

#lroot账号讄密码
[root@localhost Desktop]# mysqladmin -u root password 'root'
[root@localhost Desktopps]# mysql -u root -p
l从服务?192.168.8.131)授权Qƈ且给从服务器创徏讉KL务器的̎号和密码 admin
mysql> grant replication slave on *.* to 'admin'@'192.168.8.131' identified by 'admin';
创徏数据库contract
mysql> create database contract;
mysql>quitQ?/div>

复制MySQL数据库配|模版覆?etc/my.cnf
[root@localhost Desktopps]# cp /usr/share/mysql/my-medium.cnf /etc/my.cnf   
[root@localhost Desktopps]#vi /etc/my.cnf
讄以下三个?/div>

log-bin=mysql-bin   Q指定从服务器读取的日志文g
server-id = 1        Q主服务器必设定ؓ1Q从服务器的?gt;1
binlog-do-db=contract Q对contract数据库的操作日志会记录到mysql-bin

Q原理:MySQLM复制的原理是L务器把对指定数据库操作的日志写到指定的日志文件中Q从服务?/div>
            dq个日志文gQ写C服务器的指定日志文g中,然后在从服务器重新执行日志文件?/div>

配置完之后,重启MySQL
[root@localhost Desktopps]#service mysqld restart
Stopping mysqld:                                          [  OK  ]
Starting mysqld:                                           [  OK  ]

[root@localhost Desktopps]# mysql -u root -p
查看L务器的状?/div>
mysql> show master status\G;
*************************** 1. row ***************************
                    File: mysql-bin.000005
              Position: 106
     Binlog_Do_DB: contract
Binlog_Ignore_DB: 
1 row in set (0.00 sec)

q里记好File和Position的|配置从服务器的时候需要用到。File是从服务器需要读取的日志文gQPosition表示从日志文件的什么位|开始读赗?/div>

 下面开始配|从服务?/div>
[root@localhost Desktop]# mysqladmin -u root password 'root'
[root@localhost Desktopps]# mysql -u root -p
创徏数据库contract
mysql> create database contract;
mysql>quitQ?/div>
[root@localhost Desktopps]# cp /usr/share/mysql/my-medium.cnf /etc/my.cnf   
[root@localhost Desktopps]#vi /etc/my.cnf
讄以下两个?/div>

log-bin=mysql-bin   Q指定主服务器读取的日志文g
server-id = 2       Q主服务器必设定ؓ1Q从服务器的?gt;1

[root@localhost Desktopps]# mysql -u root -p
mysql> CHANGE MASTER TO MASTER_HOST='192.168.8.130', MASTER_PORT=3306,
            MASTER_USER='admin', MASTER_PASSWORD='admin',
            MASTER_LOG_FILE='mysql-bin.000005'MASTER_LOG_POS=106; 
启动从服务器同步
mysql>start slave;
mysql>show slave status\G;

Slave_IO_Running: YES
Slave_SQL_Running: YES

如果输出以上内容Q则表示MySQLM复制配置成功?/div>

验证
在主服务器上q行 
[root@localhost Desktopps]# mysql -u root -p
mysql> use contract;
Database changed
mysql> show tables;
Empty set (0.04 sec)

在从服务器上q行
[root@localhost Desktopps]# mysql -u root -p
mysql> use contract;
Database changed
mysql> show tables;
Empty set (0.04 sec)

定M服务器的数据库contract的下面都没有表?/div>
在主服务器上q行命oQƈ往表里插入一条记录:
 mysql> create table `user` (`id` int not null auto_increment,`name` varchar (60),`password` varchar (20),`role` int not null,`email` varchar (30),`alertday` int,primary key (`id`));
Query OK, 0 rows affected (0.36 sec)
 mysql> insert into `user` (`name`,`password`,`role`,`email`,`alertday`) values('admin','admin',0,'xxxx@xxx.com',30);
Query OK, 1 row affected (0.08 sec)

在从服务器上q行查询语句?/div>
mysql> select * from user;
+----+-------+----------+------+--------------+----------+
| id | name  | password | role | email        | alertday |
+----+-------+----------+------+--------------+----------+
|  1 | admin | admin    | 0    | xxxx@xxx.com |       30 |
+----+-------+----------+------+--------------+----------+
1 row in set (0.01 sec)

从输出结果可以看出,L务器上的数据被同步到从服务器上了?/div>

通过搭徏MySQLM复制l构Q可以提高数据的安全性,同时可以实现d分离Q让写操作在L务器上进行,
L作在从服务器上进行,可以分担L务器的负担。但是如果当L务器宕机之后Q数据库只能提?/div>
L作了Q不能做到故障{U,q时候,M复制应q而生了,有时间整理一下主d制的配置?/div>




@import url(http://www.aygfsteel.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

W看人生 2016-02-23 20:41 发表评论
]]>centOS上安装JDKQTomcat和Nginxhttp://www.aygfsteel.com/jacky9881/archive/2016/02/19/429375.htmlW看人生W看人生Fri, 19 Feb 2016 11:43:00 GMThttp://www.aygfsteel.com/jacky9881/archive/2016/02/19/429375.htmlhttp://www.aygfsteel.com/jacky9881/comments/429375.htmlhttp://www.aygfsteel.com/jacky9881/archive/2016/02/19/429375.html#Feedback0http://www.aygfsteel.com/jacky9881/comments/commentRss/429375.htmlhttp://www.aygfsteel.com/jacky9881/services/trackbacks/429375.html在CentOS上安装JDK7QTomcat7和Nginx1.9手顺

1.下蝲 jdk-7u79-linux-x64.rpmQ下载地址如下Q?/div>
  http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk7-downloads-1880260.html

  [root@localhost java]#rpm -qa | grep jdk
  [root@localhost java]#cp /home/huangwei/Downloads/jdk-7u79-linux-x64.rpm .
  [root@localhost java]# chmod 755 jdk-7u79-linux-x64.rpm 
  [root@localhost java]# rpm -ivh jdk-7u79-linux-x64.rpm 
  [root@localhost java]# vi /etc/profile

       #set java enviromet
       JAVA_HOME=/usr/java/jdk1.7.0_79
       PATH=$PATH:$JAVA_HOME/bin
       CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
       export JAVA_HOME PATH CLASSPATH
  [root@localhost java]# source /etc/profile
  [root@localhost java]# java -version
       java version "1.7.0_79"
       Java(TM) SE Runtime Environment (build 1.7.0_79-b15)
       Java HotSpot(TM) 64-Bit Server VM (build 24.79-b02, mixed mode)
  [root@localhost lib]# rpm -qa | grep jdk
       jdk-1.7.0_79-fcs.x86_64



2.下蝲 apache-tomcat-7.0.68.zipQ下载地址如下Q?/div>
  http://tomcat.apache.org/download-70.cgi
  unzip apache-tomcat-7.0.68.zip to /usr/
  [root@localhost bin]# cd /usr/apache-tomcat-7.0.68/bin
  [root@localhost bin]# chmod +x *.sh
  [root@localhost bin]# ./startup.sh 
Using CATALINA_BASE:   /usr/apache-tomcat-7.0.68
Using CATALINA_HOME:   /usr/apache-tomcat-7.0.68
Using CATALINA_TMPDIR: /usr/apache-tomcat-7.0.68/temp
Using JRE_HOME:        /usr/java/jdk1.7.0_79
Using CLASSPATH:       /usr/apache-tomcat-7.0.68/bin/bootstrap.jar:/usr/apache-tomcat-7.0.68/bin/tomcat-juli.jar
Tomcat started.

  在浏览器中输入http://localhost:8080/ Q如果能正常打开Tomcat的主,说明Tomcat安装成功?/div>

3.下蝲 nginx-1.9.11.tar.gzQ下载地址如下Q?/div>
  http://nginx.org/en/download.html
  [root@localhost usr]# rpm -qa | grep gcc
gcc-4.4.7-16.el6.x86_64
libgcc-4.4.7-16.el6.x86_64
  [root@localhost usr]# rpm -qa | grep openssl
openssl-1.0.1e-42.el6.x86_64
  [root@localhost usr]# rpm -qa | grep zlib
zlib-1.2.3-29.el6.x86_64
  [root@localhost usr]# rpm -qa | grep pcre
pcre-7.8-7.el6.x86_64
  [root@localhost usr]# tar -zxvf nginx-1.9.11.tar.gz 
  [root@localhost usr]# cd nginx-1.9.11/
  [root@localhost nginx-1.9.11]# yum -y install pcre-devel
  [root@localhost nginx-1.9.11]# yum -y install zlib-devel
  [root@localhost nginx-1.9.11]# ./configure --prefix=/usr/nginx
  [root@localhost nginx-1.9.11]# make && make install
  [root@localhost nginx-1.9.11]# cd /usr/nginx/sbin/
  [root@localhost sbin]# ./nginx -t
nginx: the configuration file /usr/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/nginx/conf/nginx.conf test is successful
  [root@localhost sbin]# ./nginx

  
在浏览器中输入http://localhost/ Q如果能正常打开Nginx的主,说明Nginx安装成功?/div> @import url(http://www.aygfsteel.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

W看人生 2016-02-19 19:43 发表评论
]]>使用Redis实现session׃nhttp://www.aygfsteel.com/jacky9881/archive/2016/01/31/429261.htmlW看人生W看人生Sun, 31 Jan 2016 05:10:00 GMThttp://www.aygfsteel.com/jacky9881/archive/2016/01/31/429261.htmlhttp://www.aygfsteel.com/jacky9881/comments/429261.htmlhttp://www.aygfsteel.com/jacky9881/archive/2016/01/31/429261.html#Feedback0http://www.aygfsteel.com/jacky9881/comments/commentRss/429261.htmlhttp://www.aygfsteel.com/jacky9881/services/trackbacks/429261.html阅读全文

W看人生 2016-01-31 13:10 发表评论
]]>
nginx tomcat环境session不共享场?/title><link>http://www.aygfsteel.com/jacky9881/archive/2016/01/28/429243.html</link><dc:creator>W看人生</dc:creator><author>W看人生</author><pubDate>Thu, 28 Jan 2016 12:13:00 GMT</pubDate><guid>http://www.aygfsteel.com/jacky9881/archive/2016/01/28/429243.html</guid><wfw:comment>http://www.aygfsteel.com/jacky9881/comments/429243.html</wfw:comment><comments>http://www.aygfsteel.com/jacky9881/archive/2016/01/28/429243.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jacky9881/comments/commentRss/429243.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jacky9881/services/trackbacks/429243.html</trackback:ping><description><![CDATA[     摘要: @import url(http://www.aygfsteel.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 参照一下地址Q搭建nginx tomcat的负载均衡环? Nor...  <a href='http://www.aygfsteel.com/jacky9881/archive/2016/01/28/429243.html'>阅读全文</a><img src ="http://www.aygfsteel.com/jacky9881/aggbug/429243.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jacky9881/" target="_blank">W看人生</a> 2016-01-28 20:13 <a href="http://www.aygfsteel.com/jacky9881/archive/2016/01/28/429243.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Ngnix+Tomcat配置负蝲均衡http://www.aygfsteel.com/jacky9881/archive/2016/01/28/429242.htmlW看人生W看人生Thu, 28 Jan 2016 11:45:00 GMThttp://www.aygfsteel.com/jacky9881/archive/2016/01/28/429242.htmlhttp://www.aygfsteel.com/jacky9881/comments/429242.htmlhttp://www.aygfsteel.com/jacky9881/archive/2016/01/28/429242.html#Feedback0http://www.aygfsteel.com/jacky9881/comments/commentRss/429242.htmlhttp://www.aygfsteel.com/jacky9881/services/trackbacks/429242.html阅读全文

W看人生 2016-01-28 19:45 发表评论
]]>
վ֩ģ壺 Ϫ| Ԫı| | | | ɽ| | | | | | | dz| | | ͤ| »| | | ̩| | | | | | | Ϫ| | ɽ| ϲ| | | Ϫ| | ƽ| Ȫ| | | ɳ| ϰ| |