Egg 中的控制器继承与兼容

1. 控制器的继承

项目中多个控制器使用公共的方法时,可以将这些方法写在一个基类控制器中,其它的控制器全部继承于这个基类控制器,这样基类中的方法就可以在其它的控制器中使用了。

定义基类控制器。

// app/core/base.js
'use strict';
const Controller = require('egg').Controller;
// 所有控制器的基类
class BaseController extends Controller {
    // 全局的获取用户信息方法
    async getUserInfo() {
        // 模拟数据
        return {
            name: '张三',
            age: 20
        }
    }
    // 全局的请求成功跳转,成功后跳转到首页
    async success(redirectUrl) {
        // 渲染成功提示页面
        await this.ctx.render('public/success', {
            // 指定成功提示页面3秒后的跳转地址
            redirectUrl: redirectUrl || '/index'
        });
    }
    // 全局的请求失败跳转,失败后进入登录页
    async error(redirectUrl) {
        // 渲染失败提示页面
        await this.ctx.render('public/error', {
            // 指定失败提示页面3秒后的跳转地址
            redirectUrl: redirectUrl || '/login'
        });

    }
}

module.exports = BaseController;

定义子类控制器,继承于基类控制器。

// app/controller/user.js
'use strict';
const BaseController = require('../core/base.js');
// 其它控制器继承基类控制器
class UserController extends BaseController {
    // 登录页面
    async login() {
        await this.ctx.render('login');
    }
    // 注册页面
    async register() {
        await this.ctx.render('register');
    }
    // 提交登录信息
    async doLogin() {
        // 调用基类控制器中的方法
        await this.success('/index');
    }
    // 提交注册信息
    async doRegister() {
        // 调用基类控制器中的方法
        await this.error('/login');
    }
}

module.exports = UserController;

定义基类控制器中需要渲染的公共模板文件success.html。

<!-- /app/view/public/success.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 3秒后自动跳转 -->
    <meta http-equiv="refresh" content="3;url=<%=redirectUrl%>"> 
</head>
<body>
    <h1 style="font-size: 60px;">
        请求成功! 3秒后自动跳转。。。
    </h1>
</body>
</html>

定义基类控制器中需要渲染的公共模板文件error.html。

<!-- /app/view/public/error.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 3秒后自动跳转 -->
    <meta http-equiv="refresh" content="3;url=<%=redirectUrl%>"> 
    
</head>
<body>
    <h1 style="font-size: 60px; color:red;">
        请求失败!3秒后自动跳转。。。
    </h1>
</body>
</html>

2. 控制器的兼容写法

// app/controller/home.js
'use strict';
const Controller = require('egg').Controller;
class HomeController extends Controller {
    // 控制器兼容写法,ctx通过传参获取
    // 不推荐使用,只是为了兼容
    async index(ctx) {      
        await ctx.render('index');
    }
    // 正常的写法,ctx通过this调用
    async login() {      
        await this.ctx.render('login');
    }
}

module.exports = HomeController;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

aiguangyuan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值