facebook twitter hatena line email

「Php/codeigniter/helloworld」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内、 検索
(ページの作成:「==ダウンロード== wget http://codeigniter.com/download.php ==インストール== unzip CodeIgniter_2.1.3.zip ドキュメントルートをCodeIgniter/index.php...」)
 
 
(同じ利用者による、間の8版が非表示)
行1: 行1:
−
==ダウンロード==
+
==helloworld==
−
wget http://codeigniter.com/download.php
+
以下がデフォルトで作られてる。
 +
===controller===
 +
application/controllers/welcome.php
 +
<pre>
 +
<?php
 +
defined('BASEPATH') OR exit('No direct script access allowed');
  
−
==インストール==
+
class Welcome extends CI_Controller {
−
unzip CodeIgniter_2.1.3.zip
+
−
ドキュメントルートをCodeIgniter/index.phpに合わせる
+
  
−
==helloworld==
+
    public function index()
−
*controller
+
    {
−
  application/controllers/welcome.php
+
        $this->load->view('welcome_message');
−
*view
+
    }
−
application/views/welcome_message.php
+
}
 +
</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が設定されていることが確認できる。

「http://wiki.nonip.net/index.php?title=Php/codeigniter/helloworld&oldid=19236」から取得