create_news_items.html 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="utf-8" lang="utf-8">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
  6. <title>创建新闻条目 - CodeIgniter 中文手册|用户手册|用户指南|Wiki文档</title>
  7. <link rel="shortcut icon" href="http://codeigniter.org.cn/user_guide/../images/design/favicon.ico" type="image/x-icon" />
  8. <link rel="stylesheet" type="text/css" media="all" href="../userguide.css" />
  9. <link rel="search" href="http://codeigniter.org.cn/user_guide/../CodeIgniterSearch.xml" type="application/opensearchdescription+xml" title="CodeIgniter 搜索"/>
  10. <link rel="canonical" href="http://codeigniter.org.cn/user_guide/tutorial/create_news_items.html" />
  11. <script type="text/javascript" src="../nav/mootools.js-ver=20130324.js"></script>
  12. <script type="text/javascript" src="../nav/mootools-more.js-ver=20130324.js"></script>
  13. <script type="text/javascript" src="../nav/nav.js-ver=20130324.js"></script>
  14. <script type="text/javascript" src="../nav/user_guide_menu.js-ver=20130324.js"></script>
  15. <meta name="robots" content="all" />
  16. <meta name="author" content="ExpressionEngine Dev Team" />
  17. <meta name="description" content="CodeIgniter 中文手册, CodeIgniter 用户指南, CodeIgniter User Guide, Wiki 文档" />
  18. </head>
  19. <body>
  20. <!-- START NAVIGATION -->
  21. <div id="nav">
  22. <div id="nav_inner">
  23. <script type="text/javascript">create_menu('../');</script>
  24. </div>
  25. </div>
  26. <script type="text/javascript">_setNavigation();</script>
  27. <div id="nav2"><a name="top"></a><a href="javascript:void(0);" onclick="myHeight.toggle();"><img src="../images/nav_toggle_darker.jpg" width="154" height="43" border="0" title="切换目录" alt="切换目录" /></a></div>
  28. <div id="masthead" class="clearfix">
  29. <div class="topbar-hd"><h1>CodeIgniter 用户指南 版本 2.2.0</h1></div>
  30. <div class="topbar-tip">编辑文档、查看近期更改请 <a href="#">登录</a> 或 <a href="#">注册</a>  <a href="#">找回密码</a></div> <div id="breadcrumb_right"><a href="../toc.html">目录页</a></div>
  31. </div>
  32. <!-- END NAVIGATION -->
  33. <!-- START BREADCRUMB -->
  34. <table cellpadding="0" cellspacing="0" border="0" style="width:100%">
  35. <tr>
  36. <td id="breadcrumb">
  37. <a href="#" target="_blank">CodeIgniter 中国首页</a>&nbsp;&#8250;&nbsp;
  38. <a href="../index.html">用户指南首页</a>&nbsp;&#8250;&nbsp;<a href="index.html">教程</a>&nbsp;&#8250;&nbsp;创建新闻条目 </td>
  39. <td id="searchbox">
  40. <form method="get" action="http://www.google.com.hk/search" target="google_window">
  41. <input type="hidden" name="client" value="pub-0176846097796333"></input>
  42. <input type="hidden" name="forid" value="1"></input>
  43. <input type="hidden" name="ie" value="UTF-8"></input>
  44. <input type="hidden" name="oe" value="UTF-8"></input>
  45. <input type="hidden" name="as_sitesearch" id="as_sitesearch" value="codeigniter.org.cn/user_guide/" />
  46. 搜索用户指南&nbsp;
  47. <input type="text" class="input" style="width:200px;" name="q" id="q" size="31" maxlength="255" value="" />
  48. &nbsp;
  49. <input type="submit" class="submit" name="sa" value="Go" />
  50. </form>
  51. </td>
  52. </tr>
  53. </table>
  54. <!-- END BREADCRUMB -->
  55. <div style="clear:both;text-align:right;padding: 6px 40px 0 0;">
  56. <a href="#" target="_blank">查看原文</a>
  57. </div>
  58. <!--<br clear="all" />--><!-- START CONTENT -->
  59. <div id="content">
  60. <h1>教程 - 创建新闻条目</h1>
  61. <p>现在你已经知道了怎样用CodeIgniter从数据库中读取数据,但还不知道怎样往数据库中写入数据。在这一节中,你将学到通过怎么扩展之前写过的新闻控制器和数据模型来实现这一功能。</p>
  62. <h2>创建一个表单</h2>
  63. <p>为了向数据库里输入数据,你需要创建一个表单来输入需要被存储的信息。这就是说你需要一个带两个输入域的表单,一个用来输入标题,一个用来输入内容。另外,你可以通过数据模型中的标题来取得slug。在 <dfn>application/views/news/create.php</dfn> 创建一个新的视图。</p>
  64. <textarea class="textarea" style="width:100%" cols="50" rows="16">
  65. <h2>Create a news item</h2>
  66. &lt;?php echo validation_errors(); ?&gt;
  67. &lt;?php echo form_open('news/create') ?&gt;
  68. <label for="title">Title</label>
  69. &lt;input type="input" name="title" /&gt;&lt;br />
  70. <label for="text">Text</label>
  71. <textarea name="text">&lt;/textarea><br />
  72. &lt;input type="submit" name="submit" value="Create news item" /&gt;
  73. &lt;/form>
  74. </textarea>
  75. <p>这里只有两个东西可能你不熟悉,一个是 <dfn>form_open()</dfn> 函数,一个是 <dfn>validation_errors()</dfn> 函数。</p>
  76. <p>第一个由 <a href="../helpers/form_helper.html">表单辅助函数</a> 提供,用来提供表单元素和一些额外功能,例如添加隐藏的 <a href="../libraries/security.html">安全类</a>。第二个用来报告表单验证中出现的错误信息。</p>
  77. <p>回到新闻控制器,在这里你需要做两件事,一件是检查表单是否被提交了,另一件是检查提交的数据是否能够通过验证规则。你需要用到 <a href="../libraries/form_validation.html">表单验证</a> 库来做这些。</p>
  78. <pre>
  79. public function create()
  80. &#123;
  81. $this-&gt;load-&gt;helper('form');
  82. $this-&gt;load-&gt;library('form_validation');
  83. $data['title'] = 'Create a news item';
  84. $this-&gt;form_validation-&gt;set_rules('title', 'Title', 'required');
  85. $this-&gt;form_validation-&gt;set_rules('text', 'text', 'required');
  86. if ($this-&gt;form_validation-&gt;run() === FALSE)
  87. &#123;
  88. $this-&gt;load-&gt;view('templates/header', $data);
  89. $this-&gt;load-&gt;view('news/create');
  90. $this-&gt;load-&gt;view('templates/footer');
  91. &#125;
  92. else
  93. &#123;
  94. $this-&gt;news_model-&gt;set_news();
  95. $this-&gt;load-&gt;view('news/success');
  96. &#125;
  97. &#125;
  98. </pre>
  99. <p>上面的代码中添加了一些功能,前几行载入了表单辅助函数和表单验证库,这样,表单验证的规则就被设定好了。 <var>set_rules()</var> 方法包含三个参数,第一个是输入域的名称,第二个是错误信息的名称,第三个是错误信息的规则——在这里的规则是输入内容的文本域必填。</p>
  100. <p>正如上面所展示的,CodeIgniter拥有一个强大的表单验证库。你可以 <a href="../libraries/form_validation.html">从这里了解到这个库的更多内容</a>。</p>
  101. <p>继续,你会看到一个用来检查表单验证是否运行成功的条件。如果没有成功,显示表单,如果提交成功<strong>并且</strong>通过了验证,则会调用数据模型。这之后会加载一个显示成功信息的视图。在这里 <dfn>application/view/news/success.php</dfn> 创建一个新的视图用来显示成功信息。</p>
  102. <h2>数据模型</h2>
  103. <p>现在只剩一件事要做了,那就是写一个方法用来向数据库中写入数据。你将用到Acitve Record类来插入信息,并用到输入类来获得post数据。打开之前创建的数据模型加入下面的代码:</p>
  104. <pre>
  105. public function set_news()
  106. &#123;
  107. $this-&gt;load-&gt;helper('url');
  108. $slug = url_title($this-&gt;input-&gt;post('title'), 'dash', TRUE);
  109. $data = array(
  110. 'title' => $this-&gt;input-&gt;post('title'),
  111. 'slug' => $slug,
  112. 'text' => $this-&gt;input-&gt;post('text')
  113. );
  114. return $this-&gt;db-&gt;insert('news', $data);
  115. &#125;
  116. </pre>
  117. <p>这个新的方法是用来维护向数据库插入新闻条目的。第三行包含了一个新的函数<dfn>url_title()</dfn>。这个函数是由 <a href="../helpers/url_helper.html">URL辅助函数</a> 提供的,用来组织(strips down)你输入的字符串,将空格的地方替换成横线(-),确保其中全都是小写字母。这样之后剩下的就是一个漂亮的slug,可以很好地用来创建URI。</p>
  118. <p>我们来继续准备一会儿要向<var>$data</var>数组输入的记录。这里的每个元素都对应着早前创建的数据表中的每一列。你可能注意到了这里有个新的方法叫 <dfn>post()</dfn> ,它是由 <a href="../libraries/input.html">输入类</a>提供的。这个方法可以确保数据是被过滤过(sanitized)的,从而保护你不被其他人恶意攻击。这个输入类是默认加载的。最后,就是将 <var>$data</var> 数组插入到我们的数据库。</p>
  119. <h2>设置路由</h2>
  120. <p>在你向你的CI程序添加新闻条目之前,你还要向 <dfn>config/routes.php</dfn> 里添加一个额外的规则。确保你的文件包含下列代码。这样可以保证CodeIginter将“create”看做一个方法来正确显示,而不是把它显示成一个slug为“create”的新闻页面。</p>
  121. <pre>
  122. $route['news/create'] = 'news/create';
  123. $route['news/(:any)'] = 'news/view/$1';
  124. $route['news'] = 'news';
  125. $route['(:any)'] = 'pages/view/$1';
  126. $route['default_controller'] = 'pages/view';
  127. </pre>
  128. <p>现在在你的浏览器输入你本地CI程序的地址并在后面加上 <dfn>index.php/news/create</dfn> 。恭喜你,你刚刚完成了你的第一个CI程序!添加些新闻来看看其他你创造的其他页面吧!</p><p>&nbsp;</p>
  129. <div id="Contributors">
  130. 翻译贡献者:
  131. cinewer, Hex, irini</div>
  132. <div id="DocDate">
  133. 最后修改: 2012-06-13 16:09:43</div>
  134. </div>
  135. <!-- END CONTENT -->
  136. <div id="footer">
  137. <p>
  138. 上一个主题:&nbsp;&nbsp;<a href="news_section.html">读取新闻条目</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="#top">页首</a>
  139. &nbsp;&middot;&nbsp;&nbsp;<a href="../index.html">用户指南首页</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;下一个主题:&nbsp;&nbsp;<a href="conclusion.html">结束语</a> </p>
  140. <p><a href="#">CodeIgniter</a> &nbsp;&middot;&nbsp; 版权所有 &#169; 2006-2013 &nbsp;&middot;&nbsp; <a href="#">Ellislab, Inc.</a></p>
  141. <p>中文化: <a href="#">CodeIgniter 中国</a> &nbsp;&middot;&nbsp; 制作: Hex &nbsp;&middot;&nbsp; 版本: 1.30 &nbsp;&middot;&nbsp; 鸣谢: 子非鱼</p>
  142. </div>
  143. </body>
  144. </html>