Egg.js 中 Service 的使用

Service 服务

Service是用来编写和数据库直接交互的业务逻辑代码。Service就是在复杂业务场景下用于做业务逻辑封装的一个抽象层。

简单来说，就是把业务逻辑代码进一步细化和分类，所以和数据库交互的代码都放到Service中。这样作有三个明显的好处。

保持Controller中的逻辑更加简介，
保持业务逻辑的独立性，抽象出来的Service可以被多个Controller调用。
将逻辑和展现分离，更容易编写测试用例。

只要是和数据库的交互操作，都写在Service里，用了Egg框架，就要遵守它的约定。

在/app/service目录下新建一个zhuba.js文件，编写自己的服务：

'use strict'
const Service = require("egg").Service
class zhuBaService extends Service {
async getGirl(id) (// 模拟数据
  return{
    id: id,
    name: 'kunkun',
    age: 28
  }
}
module.exports = zhuBaService;

// 调用service
async getGir12() {
  const {ctx} = this;
  const res = await ctx.service.zhuba.getGirl('18');
  ctx.body = res
}

service方法的可调用性

一个service方法完成后，可以在其它的Controller里进行使用。比如在home.js中进行使用。打开/app/controller/home.js文件下，新建一个testGetGirl( )方法，然后新增好路由，这样id即可被数据库得到

async testGetGir1() (
  const ctx = this.ctx;
  let id = ctx.query.id;
  const res = await ctx.service.zhuba.getGirl(id)
  ctx.body = res;
}

起名的时候最好和Controller对应起来。写法和Controller类似，并且在任何Controller下都可以得到Service提供的数据。

View中使用EJS模板引擎

模板引擎

可选的模板不少，具体参考官方文档。

服务端渲染的好处

对SEO非常友好，单页应用，比如Vue是到客户端才生成的。这种应用对于国内的搜索引擎是没办法爬取的，这样SEO就不会有好的结果。所以如果是官网、新闻网站、博客这些展示类、宣传类的网址，必须要使用服务端渲染技术。
后端渲染是老牌开发模式，渲染性能也是得到一致认可的。在PHP时代，这种后端渲染的技术达到了顶峰。
对前后端分离开发模式的补充，并不是所有的功能都可以实现前后端分离的。特别现在流行的中台系统，有很多一次登录，处处可用的原则。这时候就需要服务端渲染来帮忙。

EJS1

在plugin.js中编写：

'use strict' 
/**@type Egg.EggPLugin */

module.exports = {
  // had enabLed by egg
  //static: {
  //   enable: true,
  //}
  ejs: {
   enable: true,
   package: "egg-view-ejs"
  }
}

在config.default.js中

'use strict';
const path = require('path');

/**
 * @param {Egg.EggAppInfo} appInfo app info
 */
module.exports = appInfo => {
  /**
   * built-in config
   * @type {Egg.EggAppConfig}
   **/
  const config = exports = {};

  // use for cookie sign key, should change to your own and keep security
  config.keys = appInfo.name + '_1575812978932_7706';

  // add your middleware config here
  config.middleware = [];

  config.security = {
    csrf: {
      enable: false,
    },
  };

  config.view = {
    mapping: {
      ".html": "ejs"
    },
    root: [
      path.join(appInfo.baseDir, "app/html"),
      path.join(appInfo.baseDir, "app/view")
    ].join(",")
  };

  config.ejs = {
    delimiter: "%"
  };

  config.static = {
    prefix: "/assets/",
    dir: path.join(appInfo.baseDir, "app/assets")
  };

  config.session = {
    key: "MUKE_SESS",
    httpOnly: true,
    maxAge: 1000 * 50,
    renew: true
  };

  // add your user config here
  const userConfig = {
    // myAppName: 'egg',
  };

  return {
    ...config,
    ...userConfig,
  };
};

在zhuba.js中

class zhubaController extends Controller (
async index() {
  const ctx = this.ctx;
  await ctx.render('zhuba.html' )
}

/app/view/下新建 zhuba.html文件即可被渲染，访问该路由地址即可

EJS2

显示controller中数据（<%= 参数 %>）

class zhubaController extends Controller{
async index() {
  const {ctx} = this;
  await ctx.render('zhuba.html',{
    id: 2001,
    name: 'kunkun',
    age: 18,
    skills: ['唱'，"跳'，'Rap'，'篮球']
  })
}

数据的循环显示（for）

<h1>Hello ZhuBa!</h1>
<h2>id: <%= id%>,name: <%= name%>, age: <%= age%>
</h2>
<br />
<ul>
  <% for(let i=; i < skills.length; i++)( %>
    <li>
      <%= skills[i] %>
    </li>
    <%}%>
</ul>

修改默认分隔符

config.ejs={
  delimiter: "$"
}

EJS3

公共代码片段的使用只需要写一些代码片段，即抽离公共部分（组件思想）

<%- include('header.html') %>

配置静态资源：/app/public目录下，可以直接访问，不需配置路由，直接显示文件内容，因为Egg使用了egg-static插件

修改config.default.js可以将访问public变成assets，当然此时使用public会404

onfig.static = {
  prefix:"/assets/"
}

使用静态资源在.html中<link rel="stylesheet"type="text/css"href=“public/css/default.css” />

和正常使用一致

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>user</title>
  <link rel="stylesheet" type="text/css" href="assets/css/user.css"/>
</head>
<body>
  <h2>
    id: <%= id%>,name: <%= name%>,age: <%= age%>
  </h2>
  <script src="assets/js/user.js"></script>
</body>
</html>