[CI框架01]Hello,CodeIgniter!

時間  2021-08-14
標籤 php css html web apache app 框架 ide codeigniter 學習 欄目 Apache 简体版
原文   原文鏈接

 介紹不寫了，懶的寫。既然讀者看到這篇文章，你就知道CI是幹嗎的了。php

開始吧:css

1.去官網下載框架代碼html

咱們到中文站下個2.1的穩定版本web

http://codeigniter.org.cn/downloadsapache

Over了，下載完解壓壓縮包到你的站點目錄，學習的話基本都是在本地，咱們這裏放到以下子目錄dayup裏了，框架文件夾我重命名成ci2了：app

$$根目錄$$\dayup\ci2框架

好了訪問以下地址，我把apache配置在了82端口，因此是ide

http://localhost:82/dayup/ci2codeigniter

看到一個歡迎界面學習

Welcome to CodeIgniter!

2.看下ci的目錄

user_guide 用戶指南(用戶文檔，幫助文檔之類的，這個開發時很重要！）

system 是ci的代碼啦，必須的。

application 這個嘛就是放你應用代碼的地方啦

3.看下應用的子目錄

controllers 這個是放控制器的地方

好比裏面的welcome.php就是咱們看到的那個歡迎界面的。

welcome.php:

  
  
           
  
  
    
   
   
            
   
   
  1. class Welcome extends CI_Controller { 
    2. 
   
   
            
   
   
  2.  
    3. 
   
   
            
   
   
  3.     /** 
    4. 
   
   
            
   
   
  4.      * Index Page for this controller. 
    5. 
   
   
            
   
   
  5.      * 
    6. 
   
   
            
   
   
  6.      * Maps to the following URL 
    7. 
   
   
            
   
   
  7.      *      http://example.com/index.php/welcome 
    8. 
   
   
            
   
   
  8.      *  - or -   
    9. 
   
   
            
   
   
  9.      *      http://example.com/index.php/welcome/index 
    10. 
   
   
            
   
   
  10.      *  - or - 
    11. 
   
   
            
   
   
  11.      * Since this controller is set as the default controller in  
    12. 
   
   
            
   
   
  12.      * config/routes.php, it's displayed at http://example.com/ 
    13. 
   
   
            
   
   
  13.      * 
    14. 
   
   
            
   
   
  14.      * So any other public methods not prefixed with an underscore will 
    15. 
   
   
            
   
   
  15.      * map to /index.php/welcome/<method_name> 
    16. 
   
   
            
   
   
  16.      * @see http://codeigniter.com/user_guide/general/urls.html 
    17. 
   
   
            
   
   
  17.      */ 
    18. 
   
   
            
   
   
  18.     public function index() 
    19. 
   
   
            
   
   
  19.     { 
    20. 
   
   
            
   
   
  20.         $this->load->view('welcome_message'); 
    21. 
   
   
            
   
   
  21.     } 
    22. 
   
   
            
   
   
  22. } 
    23.

咱們看到代碼裏是如何調用的view

咱們去找下view目錄裏面確實有這麼個頁面:welcome_message.php

 

  
  
           
  
  
    
   
   
            
   
   
  1. <!DOCTYPE html> 
    2. 
   
   
            
   
   
  2. <html lang="en"> 
    3. 
   
   
            
   
   
  3. <head> 
    4. 
   
   
            
   
   
  4.     <meta charset="utf-8"> 
    5. 
   
   
            
   
   
  5.     <title>Welcome to CodeIgniter</title> 
    6. 
   
   
            
   
   
  6.  
    7. 
   
   
            
   
   
  7.     <style type="text/css"> 
    8. 
   
   
            
   
   
  8.  
    9. 
   
   
            
   
   
  9.     ::selection{ background-color: #E13300; color: white; } 
    10. 
   
   
            
   
   
  10.     ::moz-selection{ background-color: #E13300; color: white; } 
    11. 
   
   
            
   
   
  11.     ::webkit-selection{ background-color: #E13300; color: white; } 
    12. 
   
   
            
   
   
  12.  
    13. 
   
   
            
   
   
  13.     body { 
    14. 
   
   
            
   
   
  14.         background-color: #fff; 
    15. 
   
   
            
   
   
  15.         margin: 40px; 
    16. 
   
   
            
   
   
  16.         font: 13px/20px normal Helvetica, Arial, sans-serif; 
    17. 
   
   
            
   
   
  17.         color: #4F5155; 
    18. 
   
   
            
   
   
  18.     } 
    19. 
   
   
            
   
   
  19.  
    20. 
   
   
            
   
   
  20.     a { 
    21. 
   
   
            
   
   
  21.         color: #003399; 
    22. 
   
   
            
   
   
  22.         background-color: transparent; 
    23. 
   
   
            
   
   
  23.         font-weight: normal; 
    24. 
   
   
            
   
   
  24.     } 
    25. 
   
   
            
   
   
  25.  
    26. 
   
   
            
   
   
  26.     h1 { 
    27. 
   
   
            
   
   
  27.         color: #444; 
    28. 
   
   
            
   
   
  28.         background-color: transparent; 
    29. 
   
   
            
   
   
  29.         border-bottom: 1px solid #D0D0D0; 
    30. 
   
   
            
   
   
  30.         font-size: 19px; 
    31. 
   
   
            
   
   
  31.         font-weight: normal; 
    32. 
   
   
            
   
   
  32.         margin: 0 0 14px 0; 
    33. 
   
   
            
   
   
  33.         padding: 14px 15px 10px 15px; 
    34. 
   
   
            
   
   
  34.     } 
    35. 
   
   
            
   
   
  35.  
    36. 
   
   
            
   
   
  36.     code { 
    37. 
   
   
            
   
   
  37.         font-family: Consolas, Monaco, Courier New, Courier, monospace; 
    38. 
   
   
            
   
   
  38.         font-size: 12px; 
    39. 
   
   
            
   
   
  39.         background-color: #f9f9f9; 
    40. 
   
   
            
   
   
  40.         border: 1px solid #D0D0D0; 
    41. 
   
   
            
   
   
  41.         color: #002166; 
    42. 
   
   
            
   
   
  42.         display: block; 
    43. 
   
   
            
   
   
  43.         margin: 14px 0 14px 0; 
    44. 
   
   
            
   
   
  44.         padding: 12px 10px 12px 10px; 
    45. 
   
   
            
   
   
  45.     } 
    46. 
   
   
            
   
   
  46.  
    47. 
   
   
            
   
   
  47.     #body{ 
    48. 
   
   
            
   
   
  48.         margin: 0 15px 0 15px; 
    49. 
   
   
            
   
   
  49.     } 
    50. 
   
   
            
   
   
  50.      
    51. 
   
   
            
   
   
  51.     p.footer{ 
    52. 
   
   
            
   
   
  52.         text-align: right; 
    53. 
   
   
            
   
   
  53.         font-size: 11px; 
    54. 
   
   
            
   
   
  54.         border-top: 1px solid #D0D0D0; 
    55. 
   
   
            
   
   
  55.         line-height: 32px; 
    56. 
   
   
            
   
   
  56.         padding: 0 10px 0 10px; 
    57. 
   
   
            
   
   
  57.         margin: 20px 0 0 0; 
    58. 
   
   
            
   
   
  58.     } 
    59. 
   
   
            
   
   
  59.      
    60. 
   
   
            
   
   
  60.     #container{ 
    61. 
   
   
            
   
   
  61.         margin: 10px; 
    62. 
   
   
            
   
   
  62.         border: 1px solid #D0D0D0; 
    63. 
   
   
            
   
   
  63.         -webkit-box-shadow: 0 0 8px #D0D0D0; 
    64. 
   
   
            
   
   
  64.     } 
    65. 
   
   
            
   
   
  65.     </style> 
    66. 
   
   
            
   
   
  66. </head> 
    67. 
   
   
            
   
   
  67. <body> 
    68. 
   
   
            
   
   
  68.  
    69. 
   
   
            
   
   
  69. <div id="container"> 
    70. 
   
   
            
   
   
  70.     <h1>Welcome to CodeIgniter!</h1> 
    71. 
   
   
            
   
   
  71.  
    72. 
   
   
            
   
   
  72.     <div id="body"> 
    73. 
   
   
            
   
   
  73.         <p>The page you are looking at is being generated dynamically by CodeIgniter.</p> 
    74. 
   
   
            
   
   
  74.  
    75. 
   
   
            
   
   
  75.         <p>If you would like to edit this page you'll find it located at:</p> 
    76. 
   
   
            
   
   
  76.         <code>application/views/welcome_message.php</code> 
    77. 
   
   
            
   
   
  77.  
    78. 
   
   
            
   
   
  78.         <p>The corresponding controller for this page is found at:</p> 
    79. 
   
   
            
   
   
  79.         <code>application/controllers/welcome.php</code> 
    80. 
   
   
            
   
   
  80.  
    81. 
   
   
            
   
   
  81.         <p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p> 
    82. 
   
   
            
   
   
  82.     </div> 
    83. 
   
   
            
   
   
  83.  
    84. 
   
   
            
   
   
  84.     <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p> 
    85. 
   
   
            
   
   
  85. </div> 
    86. 
   
   
            
   
   
  86.  
    87. 
   
   
            
   
   
  87. </body> 
    88. 
   
   
            
   
   
  88. </html> 
    89.

MVC嘛，前面是controller和view了，再看還有個models模型目錄。

固然如今尚未用的模型。

4.如今咱們依葫蘆畫個瓢吧，來個hello，world。

咱們在controllers目錄裏面建個hello.php文件：

 

  
  
           
  
  
    
   
   
            
   
   
  1. <?php 
    2. 
   
   
            
   
   
  2. class Hello extends CI_Controller 
    3. 
   
   
            
   
   
  3. { 
    4. 
   
   
            
   
   
  4.     function index() 
    5. 
   
   
            
   
   
  5.     { 
    6. 
   
   
            
   
   
  6.         echo "Hello,World!"; 
    7. 
   
   
            
   
   
  7.     } 
    8. 
   
   
            
   
   
  8. } 
    9. 
   
   
            
   
   
  9. ?> 
    10.

問:控制器名字和文件名必須一致嗎?

這裏咱們直接在控制器裏echo輸出的，沒有使用View視圖.

換成中文試試：

  
  
           
  
  
    
   
   
            
   
   
  1. <?php 
    2. 
   
   
            
   
   
  2. class Hello extends CI_Controller 
    3. 
   
   
            
   
   
  3. { 
    4. 
   
   
            
   
   
  4.     function index() 
    5. 
   
   
            
   
   
  5.     { 
    6. 
   
   
            
   
   
  6.         echo "你好,世界!"; 
    7. 
   
   
            
   
   
  7.     } 
    8. 
   
   
            
   
   
  8. } 
    9. 
   
   
            
   
   
  9. ?> 
    10.

訪問http://localhost:82/dayup/ci2/index.php/Hello/index

和默認頁面相似，控制器方法index也能夠省略

http://127.0.0.1:82/dayup/ci2/index.php/Hello/

這樣和上面等價，若是其餘方法就須要明確指明瞭。

 

  
  
           
  
  
    
   
   
            
   
   
  1. <?php 
    2. 
   
   
            
   
   
  2. class Hello extends CI_Controller 
    3. 
   
   
            
   
   
  3. { 
    4. 
   
   
            
   
   
  4.     function index() 
    5. 
   
   
            
   
   
  5.     { 
    6. 
   
   
            
   
   
  6.         echo "你好,世界!"; 
    7. 
   
   
            
   
   
  7.     } 
    8. 
   
   
            
   
   
  8.     function other() 
    9. 
   
   
            
   
   
  9.     { 
    10. 
   
   
            
   
   
  10.         echo "另外一個."; 
    11. 
   
   
            
   
   
  11.     } 
    12. 
   
   
            
   
   
  12. } 
    13. 
   
   
            
   
   
  13. ?> 
    14.

http://127.0.0.1:82/dayup/ci2/index.php/Hello/other

這些方法也能夠帶參數：

 

  
  
           
  
  
    
   
   
            
   
   
  1. <?php 
    2. 
   
   
            
   
   
  2. class Hello extends CI_Controller 
    3. 
   
   
            
   
   
  3. { 
    4. 
   
   
            
   
   
  4.     function index() 
    5. 
   
   
            
   
   
  5.     { 
    6. 
   
   
            
   
   
  6.         echo "你好,世界!"; 
    7. 
   
   
            
   
   
  7.     } 
    8. 
   
   
            
   
   
  8.     function other($id,$name) 
    9. 
   
   
            
   
   
  9.     { 
    10. 
   
   
            
   
   
  10.         echo "ID=>{$id},Name=>{$name}"; 
    11. 
   
   
            
   
   
  11.     } 
    12. 
   
   
            
   
   
  12. } 
    13. 
   
   
            
   
   
  13. ?> 
    14.

測試下，http://127.0.0.1:82/dayup/ci2/index.php/Hello/other/1/Jack

輸出:

 

  
  
           
  
  
    
   
   
            
   
   
  1. ID=>1,Name=>Jack 
    2.

完畢! 

 

缺省控制器能夠修改經過配置路由

application\config裏面的routes.php

 

  
  
           
  
  
    
   
   
            
   
   
  1. $route['default_controller'] = "welcome"; 
    2.

改爲

  
  
           
  
  
    
   
   
            
   
   
  1. $route['default_controller'] = "hello"; 
    2.

這樣訪問

http://127.0.0.1:82/dayup/ci2/index.php

就至關於

http://127.0.0.1:82/dayup/ci2/index.php/Hello/index

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程