/m1/index.js

  1. const Router = require("koa-router");
  2. const router = new Router();
  3. const MembersModel  = require("../models/Members");
  4. // 查询数据库
  5. router.get("/m1",async ctx=>{
  6.     var data = await MembersModel.find({});
  7.     await ctx.render("index",{arr:data});
  8. })
  9. module.exports = router;

index.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  10.     <style>
  11.         img {
  12.             width: 40px;
  13.         }
  14.     </style>
  15. </head>
  17. <body>
  18.     <h1>数据展示</h1>
  19.     <a style="float: right;" type="button" class="btn btn-warning" href="/m1/logout">退出登录</a>
  20.     <a href="/m1/add" type="button" class="btn btn-success">添加成员</a>
  22.     <table class="table table-bordered table-hover">
  23.         <thead>
  24.             <tr>
  25.                 <th>编号</th>
  26.                 <th>姓名</th>
  27.                 <th>年龄</th>
  28.                 <th>头像</th>
  29.                 <th>点赞</th>
  30.                 <th>是否交好友</th>
  31.                 <th>操作</th>
  32.             </tr>
  33.         </thead>
  34.         <tbody>
  35.             {{each arr}}
  36.             <tr>
  37.                 <td>{{$value._id}}</td>
  38.                 <td>{{$value.name}}</td>
  39.                 <td>{{$value.age}}</td>
  40.                 <td><img src="{{$value.avatar}}" alt=""></td>
  41.                 <td>
  42.                     <img src="{{$value.like?'dianzan-after.png':'dianzan.png'}}" alt="">
  43.                 </td>
  44.                 <td>
  45.                     {{if $value.friend}}
  46.                     <p>是</p>
  47.                     {{else}}
  48.                     <p>否</p>
  49.                     {{/if}}
  50.                 </td>
  51.                 <td>
  52.                     <!-- a标签只支持get方式 -->
  53.                     <a   href="/m1/doDelete?id={{@ $value._id}}"  type="button" class="btn btn-danger">删除</a>        
  54.                     <a   href="/edit?id={{@ $value._id}}"  type="button" class="btn btn-warning">修改</a>        
  55.                 </td>
  56.             </tr>
  57.             {{/each}}
  58.         </tbody>
  59.     </table>
  61. </body>
  63. </html>