「Php/codeigniter/helloworld」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→helloworld) |
|||
(同じ利用者による、間の7版が非表示) | |||
行1: | 行1: | ||
− | == | + | ==helloworld== |
− | + | 以下がデフォルトで作られてる。 | |
+ | ===controller=== | ||
+ | application/controllers/welcome.php | ||
+ | <pre> | ||
+ | <?php | ||
+ | defined('BASEPATH') OR exit('No direct script access allowed'); | ||
− | + | class Welcome extends CI_Controller { | |
− | + | ||
− | + | ||
− | == | + | public function index() |
− | + | { | |
− | application/controllers/ | + | $this->load->view('welcome_message'); |
− | + | } | |
− | + | } | |
+ | </pre> | ||
+ | ===view=== | ||
+ | application/views/welcome_message.php | ||
+ | <pre> | ||
+ | <?php | ||
+ | defined('BASEPATH') OR exit('No direct script access allowed'); | ||
+ | ?><!DOCTYPE html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>Welcome to CodeIgniter</title> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | ::selection { background-color: #E13300; color: white; } | ||
+ | ::-moz-selection { background-color: #E13300; color: white; } | ||
+ | |||
+ | body { | ||
+ | background-color: #fff; | ||
+ | margin: 40px; | ||
+ | font: 13px/20px normal Helvetica, Arial, sans-serif; | ||
+ | color: #4F5155; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #003399; | ||
+ | background-color: transparent; | ||
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #97310e; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | color: #444; | ||
+ | background-color: transparent; | ||
+ | border-bottom: 1px solid #D0D0D0; | ||
+ | font-size: 19px; | ||
+ | font-weight: normal; | ||
+ | margin: 0 0 14px 0; | ||
+ | padding: 14px 15px 10px 15px; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | font-family: Consolas, Monaco, Courier New, Courier, monospace; | ||
+ | font-size: 12px; | ||
+ | background-color: #f9f9f9; | ||
+ | border: 1px solid #D0D0D0; | ||
+ | color: #002166; | ||
+ | display: block; | ||
+ | margin: 14px 0 14px 0; | ||
+ | padding: 12px 10px 12px 10px; | ||
+ | } | ||
+ | |||
+ | #body { | ||
+ | margin: 0 15px 0 15px; | ||
+ | min-height: 96px; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 10px; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | p.footer { | ||
+ | text-align: right; | ||
+ | font-size: 11px; | ||
+ | border-top: 1px solid #D0D0D0; | ||
+ | line-height: 32px; | ||
+ | padding: 0 10px 0 10px; | ||
+ | margin: 20px 0 0 0; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | margin: 10px; | ||
+ | border: 1px solid #D0D0D0; | ||
+ | box-shadow: 0 0 8px #D0D0D0; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div id="container"> | ||
+ | <h1>Welcome to CodeIgniter!</h1> | ||
+ | |||
+ | <div id="body"> | ||
+ | <p>The page you are looking at is being generated dynamically by CodeIgniter.</p> | ||
+ | |||
+ | <p>If you would like to edit this page you'll find it located at:</p> | ||
+ | <code>application/views/welcome_message.php</code> | ||
+ | |||
+ | <p>The corresponding controller for this page is found at:</p> | ||
+ | <code>application/controllers/Welcome.php</code> | ||
+ | |||
+ | <p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="userguide3/">User Guide</a>.</p> | ||
+ | </div> | ||
+ | |||
+ | <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
+ | </pre> | ||
+ | |||
+ | ==controllerからviewへ値を渡す== | ||
+ | application/controllers/Hello.php | ||
+ | <pre> | ||
+ | <?php | ||
+ | defined('BASEPATH') OR exit('No direct script access allowed'); | ||
+ | |||
+ | class Hello extends CI_Controller { | ||
+ | public function index() | ||
+ | { | ||
+ | $data = [ | ||
+ | 'title' => 'hello!', | ||
+ | 'message' => 'helloworld!!', | ||
+ | ]; | ||
+ | $this->load->view('hello', $data); | ||
+ | } | ||
+ | } | ||
+ | </pre> | ||
+ | |||
+ | application/views/hello.php | ||
+ | <pre> | ||
+ | <?php | ||
+ | defined('BASEPATH') OR exit('No direct script access allowed'); | ||
+ | ?><!DOCTYPE html> | ||
+ | <html lang="ja"> | ||
+ | <head> | ||
+ | <title><?php echo $title;?></title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="container"> | ||
+ | <h1><?php echo $title;?></h1> | ||
+ | <div id="body"> | ||
+ | <?php echo $message;?> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | </pre> | ||
+ | |||
+ | アクセス | ||
+ | ttp://ci3app.localhost/index.php/hello | ||
− | + | titleとmessageが設定されていることが確認できる。 | |
− | + | ||
− | + |
2024年11月1日 (金) 01:05時点における最新版
helloworld
以下がデフォルトで作られてる。
controller
application/controllers/welcome.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Welcome extends CI_Controller { public function index() { $this->load->view('welcome_message'); } }
view
application/views/welcome_message.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Welcome to CodeIgniter</title> <style type="text/css"> ::selection { background-color: #E13300; color: white; } ::-moz-selection { background-color: #E13300; color: white; } body { background-color: #fff; margin: 40px; font: 13px/20px normal Helvetica, Arial, sans-serif; color: #4F5155; } a { color: #003399; background-color: transparent; font-weight: normal; text-decoration: none; } a:hover { color: #97310e; } h1 { color: #444; background-color: transparent; border-bottom: 1px solid #D0D0D0; font-size: 19px; font-weight: normal; margin: 0 0 14px 0; padding: 14px 15px 10px 15px; } code { font-family: Consolas, Monaco, Courier New, Courier, monospace; font-size: 12px; background-color: #f9f9f9; border: 1px solid #D0D0D0; color: #002166; display: block; margin: 14px 0 14px 0; padding: 12px 10px 12px 10px; } #body { margin: 0 15px 0 15px; min-height: 96px; } p { margin: 0 0 10px; padding:0; } p.footer { text-align: right; font-size: 11px; border-top: 1px solid #D0D0D0; line-height: 32px; padding: 0 10px 0 10px; margin: 20px 0 0 0; } #container { margin: 10px; border: 1px solid #D0D0D0; box-shadow: 0 0 8px #D0D0D0; } </style> </head> <body> <div id="container"> <h1>Welcome to CodeIgniter!</h1> <div id="body"> <p>The page you are looking at is being generated dynamically by CodeIgniter.</p> <p>If you would like to edit this page you'll find it located at:</p> <code>application/views/welcome_message.php</code> <p>The corresponding controller for this page is found at:</p> <code>application/controllers/Welcome.php</code> <p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="userguide3/">User Guide</a>.</p> </div> <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p> </div> </body> </html>
controllerからviewへ値を渡す
application/controllers/Hello.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Hello extends CI_Controller { public function index() { $data = [ 'title' => 'hello!', 'message' => 'helloworld!!', ]; $this->load->view('hello', $data); } }
application/views/hello.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?><!DOCTYPE html> <html lang="ja"> <head> <title><?php echo $title;?></title> </head> <body> <div id="container"> <h1><?php echo $title;?></h1> <div id="body"> <?php echo $message;?> </div> </div> </body> </html>
アクセス ttp://ci3app.localhost/index.php/hello
titleとmessageが設定されていることが確認できる。