eggjs(json文件读取)

最新推荐文章于 2022-08-08 12:04:20 发布

guo_aries

最新推荐文章于 2022-08-08 12:04:20 发布

阅读量2.8k

点赞数

分类专栏： eggjs 文章标签： nodejs

本文链接：https://blog.csdn.net/guo_1991/article/details/106671226

版权

eggjs 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.ejs模板引擎配置
config/plugin.js
在这里插入图片描述
config/config.default.js

2.service编写
service/user.js

const Service = require('egg').Service;
const fs = require('fs');

class UserService extends Service {
     list() {
        const data = fs.readFileSync('./app/data/user.json');

        let res = data.toString();
        const userList = JSON.parse(res);

        return userList;
    }
}

module.exports = UserService;

3.controller层编写
controller/home.js

'use strict';

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

class HomeController extends Controller {
  async index() {
    const { ctx } = this;
    const data = ctx.service.user.list();
    await ctx.render('list.ejs', data);
  }
}

module.exports = HomeController;

4.view层编写

<html>
    <head>
        <title>list</title>
        <link rel="stylesheet" href="../public/assets/style/index.css">
    </head>
    <body>
    <div class="list">
        <div class="list-title">
            <div class="th">姓名</div>
            <div class="th">年龄</div>
            <div class="th">性别</div>
        </div>
        <% for(var i=0;i<data.length;i++) {%>
            <div class="list-item">
                <div class="td"><%=data[i].name%></div>
                <div class="td"><%=data[i].age%></div>
                <div class="td"><%=data[i].sex === 0?'男':'女'%></div>
            </div>
        <% } %>
    </div>
    </body>
</html>