Chapter4-12 Webアプリを実感しよう!実践

目次

管理メニューを作る

$ cp hina.html menu.html

iで編集モードに入り編集。例によってHTMLは変更してあります。

<body>
<h1>管理メニュー</h1>
<ul>
<li><a href="ichiran.php">アンケート一覧</a></li>
<li><a href="kensaku.html">アンケート検索</a></li>
</ul>
</body>

esc→:wで保存。

$ vim ichiran.php

iで編集モードに入り編集。

<ul>
<li><a href="menu.html">メニューに戻る</a></li>
</ul>
</body>

esc→:wで保存。

$ vim kensaku.html

iで編集モードに入り編集。

<ul>
<li><a href="menu.html">メニューに戻る</a></li>
</ul>
</body>

esc→:wで保存。

$ vim kensaku.php

iで編集モードに入り編集。

<ul>
<li><a href="kensaku.html">検索結果に戻る</a></li>
</ul>
</body>

esc→:wで保存。

menu.htmlにアクセスすると、以下のような画面を行き来できるようになっているはずです。

f:id:nagimini:20200206195447p:plain

f:id:nagimini:20200206195504p:plain

f:id:nagimini:20200206200032p:plain

f:id:nagimini:20200206200047p:plain

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

CAPTCHA


目次