zoukankan      html  css  js  c++  java
  • 全栈项目|小书架|服务器端-NodeJS+Koa2 实现书籍详情接口

    通过上篇文章 全栈项目|小书架|微信小程序-首页水平轮播实现 我们实现了前端(小程序)效果图的展示,这篇文章来介绍服务器端的实现。

    书籍详情分析

    书籍详情页面如下:
    在这里插入图片描述
    从上图可以分析出详情页面大概有以下几个接口:

    • 获取书籍详情信息
    • 获取用户对书籍的喜欢状态接口
    • 喜欢/不喜欢书籍接口
    • 获取评论列表
    • 写评论接口

    以上的接口,有的数据可以直接从已存在的数据表中去获取,比如:书籍详情信息,而其他新接口就需要创建对应的model,然后根据model创建相应的数据表。

    比如 用户对书籍的喜欢操作,可以创建like表去存储:
    like 表
    评论列表用comment表存储:
    在这里插入图片描述

    而这两个表格分别对应着两个功能:点赞功能、评论功能。后续文章会进行详细介绍,这里先暂时介绍详情页面的书籍接口。

    接口实现

    书籍详情页面的数据有两种方式获取:

    • 首页点击书籍的时候将书籍相关信息传递给详情页面
    • 通过接口的方式从服务器获取具体id的书籍。

    传递数据的方式数据会同步及时,比如详情页面中有书籍的点赞数量,
    如果其他用户这时候也点赞该文章,最新的点赞数量是+1的,但是目前传递到详情的点赞数量还是原始的数量。

    而通过接口方式去查询数据的方式则不会出现这个问题。
    因此正常情况下是点击首页的书籍后将书籍id传递给详情页面,在详情页面通过调用书籍详情接口获取最新的数据。

    通过接口的方式,首先需要有接口路由,然后通过路由去查询数据返回相关的数据。

    接口路由如下:

    	// 获取书籍详情
    	router.get('/', async ctx => {
    	    const v = await new PositiveIntegerValidator().validate(ctx)
    	    ctx.body = await Book.detail(v.get('query.id'))
    	})
    

    从数据库查询具体书籍的伪代码:

        static async detail(bkid) {
            const book =await Book.findOne({
                where: {
                    bkid
                }
            })
            if (!book) {
                throw new global.errs.NotFound()
            }
            return book
        }
    

    参考

    • 全栈项目|小书架|微信小程序-首页水平轮播实现]:https://blog.csdn.net/ITxiaodong/article/details/103285790

    以上就是本次的介绍。


    扫码关注公众号,轻撩即可。

    在这里插入图片描述

  • 相关阅读:
    EF框架开发后台错误问题集合
    如何实践MVP+RxJava+Retrofit(1)
    Android的FixScrollView自定义控件
    那些React-Native踩过的的坑
    P3105 [USACO14OPEN]公平的摄影Fair Photography
    模板合集
    关于最近情况的说明
    落谷P3941 入阵曲
    51nod 1952 栈
    BZOJ 2298: [HAOI2011]problem a
  • 原文地址:https://www.cnblogs.com/gdragon/p/11980298.html
Copyright © 2011-2022 走看看