egg =＞路由router与控制器controller

1.创建一个新的Controller-fruits.js

1.fruits.js文件

'use strict';// 严格模式


const Controller = require('egg').Controller;

class FruitsController extends Controller {

  async index() {
    const query = this.ctx.request.query;
    console.log(query);
    this.ctx.body = `我是一个水果列表页面${query.index}`; // 上下文对象
  }

  async getId() {
    const id = this.ctx.params.id;
    this.ctx.body = `我的params参数id${id}`; // 上下文对象
  }
}

module.exports = FruitsController;

2.然后再router.js文件里面添加路由

'use strict';

/**
 * @param {Egg.Application} app - egg application
 */
module.exports = app => {
  const { router, controller } = app;
  router.get('/', controller.home.index);
  router.get('/fruits', controller.fruits.index);
  router.get('/fruits/:id', controller.fruits.getId);
};

3.get请求里面获取query里面的参数

 1.没有参数的情况下

const query = this.ctx.request.query;
    console.log(query);
    this.ctx.body = `我是一个水果列表页面${query.index}`;

	1.1可以看到没有参数的时候。显示的是undefined

2.有query参数index的时候
显示query.index在页面上

3.在有params参数id的时候

async getId() {
    const id = this.ctx.params.id;
    this.ctx.body = `我的params参数id${id}`; // 上下文对象
  }

这样写多个touter很麻烦！

Restul风格的URL定义

改写完后，就只用写一个router了

这里我们用new和create方法重写了新增页面和新增操作
注意：post请求的create，刷新页面会重新去请求一次，也就是会请求两次。

async index() {
    const query = this.ctx.request.query;
    console.log(query);
    // this.ctx.body = `我是一个水果列表页面${query.index}`; // 上下文对象
    this.ctx.body = fruitList; // 替换成新创建的fruits_list
  }

  async new() {
    this.ctx.body = `
      <form action='/fruits' method='post'>
        <input name='fruitname'></input>
        <button>添加</button>
      </form> `;
  }

  async create() {
    const fruit = this.ctx.request.body;
    fruitList.push(fruit.fruitname);
    this.ctx.body = '添加数据成功';
  }