演習課題「ページを変更しよう」
今、このアプリケーションを起動し、/
にアクセスすると、views/index.pug
を送っているため
Hello World!
みなさんこんにちは
のように表示されています。
新たに
views/profile.pug
が用意されています。/profile
へのアクセスに対し、views/profile.pug
を HTML に変換し、送信するプログラムに変更してください。なお、
views/profile.pug
にはパラメータは用意されていません。views/profile.pug
は HTML に変換すると次のようになるでしょう。自己紹介のページ
みなさんこんにちは、霧島京子です。
この際、
/
での表示を変更してはいけません。アプリケーションを起動した状態で、採点して、ジャッジに正解すれば演習課題クリアです!
期待する出力値
自己紹介のページ
みなさんこんにちは、霧島京子です。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
#07:人気投票を実装しよう
このチャプターでは、人気投票Webアプリケーションの完成に向けた第一段階として、「人気投票トップページを表示する」部分を実装していきます。ルーティングについて学習します。
routes/router.js
const router = require("express").Router();
router.get("/", (req, res) => {
res.render("index", { message: "This is my first Web Application!" });
});
router.get("/votes", (req, res) => {
res.render("votes", { kyokoCount: 0, rioCount: 0, tsubameCount: 0 });
});
module.exports = router;