13 ~ express ~ 后台页面的搭建

时间：2019-06-12 11:23:04 阅读：91 评论：0 收藏：0 [点我收藏+]

标签：输出 data dev 不能 false script 前台 use 视图

一，后台路由文件 /router/admin.js

var express = require(‘express‘)

var router = express.Router()

/**

* 验证用户是否为管理员，防止其他用户通过 /admin 路径访问

router.use((req,res,next)=>{

　　console.log( req.userInfo.isAdmin)

　　if(!req.userInfo.isAdmin){

　　　　res.send(‘对不起，你不是管理员，不能进入‘)

　　　　return

　　}

　　next()

})

router.get(‘/‘,(req,res,next)=>{

　　console.log((‘admin ---- req.userInfo 数据 :‘+JSON.stringify(req.userInfo)).yellow)

　　res.render(‘admin/index‘,{

　　userInfo:req.userInfo

})

module.exports = router

二，后台视图文件 /views/admin/index.html ，

　　运用了模块的调用，嵌套，继承重写等语法

1，前台页面对其他页面的调用： {% extends ‘layout.html‘ %} // 调用当前目录下的 layout.html 页面，实现对模板的继承

2，调用完其他页面，本页面将不能直接写代码。

3，要先被调用的模板里通过定义 block 区块进行占位。 // 例如，定义一个main的block区块： {% block main %} {% endblock %}

4，在调用者的模板里通过重新定义block区块的内容进行重写输出（相当于面向对象中的继承和重写）

{% extends ‘layout.html‘ %}

{% block main %}

　　　　<h1>Hello, {{userInfo.username}}!</h1>

　　　　<p>欢迎进入系统后台</p>

　　</div>

{% endblock %}

三，被视图主页文件 /views/admin/index.html 调用的视图文件 /views/admin/layout.html

<!DOCTYPE html>

<head>

</head>

<body>

　　</div>

</ul>

</a>

</ul>

　　</li>

</ul>

</div>

</nav>

　　{% block main %}123{% endblock %}

</div>

</body>

</html>

13 ~ express ~ 后台页面的搭建

标签：输出 data dev 不能 false script 前台 use 视图

原文地址：https://www.cnblogs.com/500m/p/11008041.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行