egg的resful风格

Method Path Route Name Controller.Action
GET /posts posts app.controllers.posts.index
GET /posts/new new_post app.controllers.posts.new
GET /posts/:id post app.controllers.posts.show
GET /posts/:id/edit edit_post app.controllers.posts.edit
POST /posts posts app.controllers.posts.create
PUT /posts/:id post app.controllers.posts.update
DELETE /posts/:id post app.controllers.posts.destroy

以vue + axios的技术基础做比较

业务层

  1. <script>
  2. import * as HomeAction from '@/api/home'
  3. export default {
  4.   name: 'Home',
  5.   created () {
  6.   },
  7.   methods: {
  8.     fetchModel () {
  9.       HomeAction.fetchModel({ method: 'get' }).then(res => {
  10.         console.log(res)
  11.       }).catch(err => console.error(err))
  12.     },
  13.     update () {
  14.       HomeAction.update({ id: 15 }).then(res => {
  15.         console.log(res)
  16.       }).catch(err => console.error(err))
  17.     },
  18.     deleteModel () {
  19.       HomeAction.destroy(15).then(res => {
  20.         console.log(res)
  21.       }).catch(err => console.error(err))
  22.     },
  23.     fetchList () {
  24.       HomeAction.fetchList({ method: 'post' }).then(res => {
  25.         console.log(res)
  26.       }).catch(err => console.error(err))
  27.     }
  28.   }
  29. }
  30. </script>

API层

  1. import fly from '@/utils/axios'
  3. // 获取用户信息
  4. export function fetchModel (params) {
  5.   return fly.get('/test/show', { params })
  6. }
  8. // 增加
  9. export function fetchList (params) {
  10.   return fly.post('/test', params)
  11. }
  13. // 修改
  14. export function update (params) {
  15.   return fly.put('/test/' + params.id, params)
  16. }
  18. // 删除
  19. export function destroy (id) {
  20.   return fly.delete('/test/' + id)
  21. }

以Egg + mongodb为后端技术架构为基础比较

业务层

  1. 'use strict';
  2. const Controller = require('egg').Controller;
  4. class TestController extends Controller {
  6.   constructor(ctx) {
  7.     super(ctx);
  8.     this.indexRule = {
  9.       page: { type: 'int?' },
  10.       page_size: { type: 'int?' },
  11.     };
  12.   }
  14.   async index() {
  15.     const { ctx } = this;
  16.     ctx.body = 'test resful 接口风格测试';
  17.   }
  19.   // 增加
  20.   async create() {
  21.     const { ctx } = this;
  22.     const res = ctx.request.body;
  23.     ctx.body = { status: 200, data: res, msg: '增加' };
  24.   }
  25.   // 改
  26.   async update() {
  27.     const { ctx } = this;
  28.     const res = ctx.params;
  29.     ctx.body = { status: 200, data: res, msg: '改' };
  30.   }
  32.   //  查
  33.   async show() {
  34.     const { ctx } = this;
  35.     const res = ctx.query;
  36.     ctx.body = { status: 200, data: res, msg: '查' };
  38.   }
  40.   // 删
  41.   async destroy() {
  42.     const { ctx } = this;
  43.     const res = ctx.params;
  44.     console.log(res, 2);
  45.     ctx.body = { status: 200, data: res, msg: '删' };
  46.   }
  48. }
  50. module.exports = TestController;

接口定义

  1. 'use strict';
  3. /**
  4.  * @param {Egg.Application} app - egg application
  5.  */
  6. module.exports = app => {
  7.   const { router, controller } = app;
  8.   router.get('/', '/api/', controller.home.index);
  9.   router.resources('test', '/api/test', controller.test);
  10.   router.resources('post', '/api/post', controller.post);
  11. };