剧场模式
首页Nodejs + Express 实现多用户博客系统

Node.js + Express 实现多用户博客系统 #3 pug 模板引擎

下载发布于798 次观看播放时长:09:46
3

https://github.com/pugjs/pug

https://pugjs.org/language/includes.html

$ npm install pug --save

app.js

const express = require('express');
const path = require('path');

const app = express();

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.get('/', function(req, res) {
  let articles = [
    {
      id: 1,
      title: 'Title One',
      author: 'hfpp2012'
    },
    {
      id: 2,
      title: 'Title Two',
      author: 'hfpp2012'
    },
    {
      id: 3,
      title: 'Title Three',
      author: 'hfpp2012'
    }
  ]
  res.render('index', {
    articles: articles
  });
})

app.get('/articles/new', function(req, res) {
  res.render('new', {
    title: 'Add Article'
  });
})

app.listen(5000, function() {
  console.log("Server started on port 5000...");
})

views/layout.pug

doctype html
html(lang="en")
  head
  body
    block content
    br
    hr
    footer
      p Copyright © 2018

views/index.pug

extends layout

block content
  ul
    each article, i in articles
      li= article.title

views/new.pug

extends layout

block content
  h1 #{title}
0 条回复
暂无回复~~
扫码打赏 16.8 元起加我微信拉入微信群

加我微信:15014006126

打赏的朋友或 Pro 学员获得特权

  • 加我微信拉你进微信群,享有更多互动和人脉资源;

  • 和程序员老兵我成为微信好友;

  • 不定期技术分享和视频问题解答

相似的视频
Node.js + Express 实现多用户博客系统 #1 课程介绍

Node.js + Express 实现多用户博客系统 #1 课程介绍

免费播放时长:03:48

1054 次观看

Node.js + Express 实现多用户博客系统 #2 搭建项目代码

Node.js + Express 实现多用户博客系统 #2 搭建项目代码

免费播放时长:04:40

1216 次观看

Node.js + Express + MongoDB 基础篇 #7 板模引擎介绍

Node.js + Express + MongoDB 基础篇 #7 板模引擎介绍

免费播放时长:05:41

1410 次观看

友情提示
热门播放列表 love

© Rails365 | 隐私条款 | 服务条款 | 粤ICP备15004902号

Top