このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
apricot:app:home [2020/05/09 09:02] y2sunlight [ホームコントローラ] |
apricot:app:home [2020/05/23 16:18] y2sunlight [ホームコントローラ] |
||
---|---|---|---|
行 1: | 行 1: | ||
- | > 編集中 | ||
- | |||
- | ----- | ||
- | |||
====== Apricot ホーム画面 ====== | ====== Apricot ホーム画面 ====== | ||
--- // | --- // | ||
行 18: | 行 14: | ||
* [[apricot: | * [[apricot: | ||
* [[apricot: | * [[apricot: | ||
- | * [[apricot: | + | * [[apricot: |
* [[apricot: | * [[apricot: | ||
* [[apricot: | * [[apricot: | ||
- | * [[apricot: | + | * [[apricot: |
- | \\ | ||
- | アプリのホーム画面を作ります。画面の作り方の基本は[[apricot: | + | アプリのホーム画面を作ります。\\ |
+ | 画面の作り方の基本は[[apricot: | ||
---- | ---- | ||
行 77: | 行 73: | ||
/** | /** | ||
- | | + | |
*/ | */ | ||
class HomeController extends Controller | class HomeController extends Controller | ||
行 85: | 行 81: | ||
* @return \Core\Foundation\Response | * @return \Core\Foundation\Response | ||
*/ | */ | ||
- | function index() | + | |
{ | { | ||
+ | $message = __(' | ||
return render(' | return render(' | ||
} | } | ||
行 92: | 行 89: | ||
</ | </ | ||
+ | * ''< | ||
+ | * '' | ||
* ボイラープレートのrender()関数を呼び出してレスポンスをレンダリングしています | * ボイラープレートのrender()関数を呼び出してレスポンスをレンダリングしています | ||
* **render(string $view=null, array $variables=[])** | * **render(string $view=null, array $variables=[])** | ||
行 100: | 行 99: | ||
===== HTMLテンプレート ===== | ===== HTMLテンプレート ===== | ||
- | > TODO: | ||
- | === 画像ファイル === | + | 以下にホームコントローラのindexアクションでレンダリングしているHTMLテンプレートを示します。 |
+ | |||
+ | {{fa> | ||
+ | <code php home.blade.php> | ||
+ | {{-- 親レイアウト --}} | ||
+ | @extends(' | ||
+ | |||
+ | {{-- 追加スクリプト --}} | ||
+ | @push(' | ||
+ | @endpush | ||
+ | |||
+ | {{-- タイトル --}} | ||
+ | @section(' | ||
+ | @endsection | ||
+ | |||
+ | {{-- コンテンツ --}} | ||
+ | @section(' | ||
+ | <h1 class=" | ||
+ | <div class=" | ||
+ | <img src=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | @endsection | ||
+ | </ | ||
+ | |||
+ | * '' | ||
+ | * ボイラープレート'' | ||
+ | |||
+ | \\ | ||
+ | |||
+ | ==== 画像ファイル ==== | ||
+ | |||
+ | HTMLテンプレートで使用している画像 apricot.jpg は apricot/ | ||
{{fa> | {{fa> | ||
行 108: | 行 138: | ||
{{: | {{: | ||
+ | \\ | ||
+ | ===== 翻訳テキスト ===== | ||
+ | ホーム画面用の翻訳テキストを言語ファイル( messages.php )に追加します。 | ||
+ | {{fa> | ||
+ | <code php messages.php> | ||
+ | <?php | ||
+ | return [ | ||
+ | |||
+ | ... | ||
+ | |||
+ | ' | ||
+ | ' | ||
+ | ' | ||
+ | ], | ||
+ | ]; | ||
+ | </ | ||
+ | |||
+ | \\ | ||
===== テスト実行 ===== | ===== テスト実行 ===== | ||
- | > TODO: | + | |
+ | ホーム画面を表示してみましょう。ブラウザ上で以下のURLにアクセスしてみて下さい。 | ||
+ | |||
+ | <code> | ||
+ | http:// | ||
+ | </ | ||
+ | |||
+ | 次の画面が表示されます | ||
+ | |||
+ | [{{apricot: | ||
+ | ■ [menu1], | ||
+ | ■ [About Me]を押すと [[http:// | ||
+ | |||
+ | \\ | ||