1.views/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.         #login{
  15.             float: right;
  16.         }
  17.     </style>
  18. </head>
  20. <body>
  21.     <h1>数据展示</h1>
  22.    <a href="/add" type="button" class="btn btn-success">添加商品</a>
  23.    <a href="/logout" type="button" class="btn btn-success" id="login">退出登录</a>
  25.     <table class="table table-bordered table-hover">
  26.         <thead>
  27.             <tr>
  28.                 <th>编号</th>
  29.                 <th>服装名称</th>
  30.                 <th>服装价格</th>
  31.                 <th>服装销量</th>
  32.                 <th>服装图片</th>
  33.                 <th>操作</th>
  34.             </tr>
  35.         </thead>
  36.         <tbody>
  37.             {{each arr}}
  38.             <tr>
  39.                 <td>{{$value._id}}</td>
  40.                 <td>{{$value.shopname}}</td>
  41.                 <td>{{$value.price}}</td>
  42.                 <td>{{$value.shopNumber}}</td>
  43.                 <td><img src="{{$value.avatar}}" alt=""></td>
  44.                 <!-- a标签只支持get方式 -->
  45.                 <td><a href="/doDelete?id={{@$value._id}}" type="button" class="btn btn-success">删除</a>
  46.                 <a href="/edit?id={{@$value._id}}" type="button" class="btn btn-warning">修改</a></td>
  47.             </tr>
  48.             {{/each}}
  49.         </tbody>
  50.     </table>
  51. </body>                                                                                                        
  52. </html>

2.routers/index.js

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