天天看點

(HP)egg.js簡單了解上手代碼

入門文章:5分鐘上手Egg.js+nunjucks模闆引擎快速開發SEO友好的官網項目 - 掘金

1,是一個類似jsp的老東西,采用模版文法,檔案字尾njk

2,運作項目:

npm install

Npm run dev

Node版本不要太高,10左右

3,檔案的基本作用:

app/router.js路由

app/controller 控制器用來将資料傳遞給dom

app/service 用來擷取資料

App/view 用來編寫模闆dom

4,view模版文法:

{% extends "./base/base.njk" %}

表示要讓目前頁面繼承base.njk模闆

{% block title %}這是一個新的title{% endblock %}

這是一個模版文法,子元素如果不重新定義則使用該title,如果重新寫的話就用新的

{% set navActive = "about" %}設定變量

在目前,以及目前頁面中引入的其他模版都可以用該變量

{% include './base/nav.njk' %}

目前頁面導入nav.njk模闆

'active' if navActive == 'news' else ''

if else的文法,如果navActive == 'news’則取active,否則是空’ ‘

5,注意,該項目端口預設是7001嗷。

6,這裡面有三個層,service,controller和view,如果要進行頁面重定向,需要在controller重定向,使用

ctx.redirect(url);