Web家計簿を、CakePHP3 Webサーバー環境構築で構築した環境にアップすることを目標に、複数回に分けてWeb家計簿を作って行きます。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
CakePHP3でWeb家計簿 記事一覧
③Security.saltの変更～DebugKitの非表示
⑧トップページ表示機能の作成 ←現在の記事
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
今回は、トップページ表示機能の作成を行います。
手順1.トップページ画面の編集
作成したプロジェクト\src\Template\Users に『top.ctp』を作成します。日本語でメッセージを出力するため、ファイルをUTF-8で保存します。
<?php
//ページタイトル変更
$this->assign('title', 'トップページ - オンライン家計簿');
?>
<!-- ページナビの生成 -->
<nav class="top-bar expanded" data-topbar role="navigation">
<ul class="title-area large-3 medium-4 columns">
<li class="name">
<h1><a href="/PROJECTNAME/users/top">オンライン家計簿 <?=$this->Html->image('imgchar.png',array('width'=>'20','height'=>'20')); ?></a></h1>
</li>
</ul>
<div class="top-bar-section">
<ul class="right">
<li><a href="/PROJECTNAME/users/login">ログイン</a></li>
<li><a href="/PROJECTNAME/users/entry">ユーザー登録</a></li>
</ul>
</div>
</nav>
<div class="top page large-12 medium-12 columns content">
<h3>オンライン家計簿</h3>
</div>
手順2.トップページ表示メソッドの作成
作成したプロジェクト\src\Controller にある『UsersController.php』を編集します。
class UsersController extends AppController
{
//他の処理・・・・・
//トップページ
public function top()
{
}
//他の処理・・・・・
}
次回記事では、マイページ（ユーザー情報閲覧）機能の作成を行います。