12 2019 档案

全栈项目|小书架|微信小程序-登录回调及获取点赞列表功能
摘要：效果图 这一节介绍， 登录回调 以及 喜欢列表 的实现。 登录回调：这里是指在获取登录完成之后，再进行下一步的操作。 比如效果图中我的页面，默认是未登录状态，积分和喜欢列表的数量都没有获取到。 而登录成功之后不仅将用户信息刷新，同时将积分和喜欢列表的数量刷新。 登录回调 我这里实现的回调层级有点多， 阅读全文
posted @ 2019-12-10 23:36 龙衣 阅读(318) 评论(0) 推荐(0)
全栈项目|小书架|微信小程序-实现搜索功能
摘要：效果图 上图是小程序端实现的搜索功能效果图。 从图中可以看出点击首页搜索按钮即可进入搜索页面。 布局样式是： 搜索框 + 热搜内容 + 搜索列表。 搜索框使用 lin ui 中的 " 组件" 。 热搜内容的单个按钮使用 lin ui 中的 " 组件" ，而实现云标签样式的布局是用 样式控制。 搜索列 阅读全文
posted @ 2019-12-09 23:01 龙衣 阅读(693) 评论(0) 推荐(0)
全栈项目|小书架|服务器端-NodeJS+Koa2 实现搜索功能
摘要：搜索功能会包含：热搜、搜索列表。 热搜功能在电商的搜索中经常看到，热搜数据的来源有两种 用户真实的搜索数据，根据算法进行排序 人为推送的数据 想想微博热搜是可以买的就知道热搜功能多么重要了。 我采用第二种方式简单实现。 第一种方式由于我目前还未实现，没办法介绍。 大伙儿可以参考下面几篇文章介绍热搜实 阅读全文
posted @ 2019-12-08 21:34 龙衣 阅读(491) 评论(0) 推荐(0)
全栈项目|小书架|微信小程序-点赞功能实现
摘要：微信小程序端的点赞功能其实没什么好介绍的，无非就是调用接口改变点赞状态和点赞数量。需要注意的是取消点赞时的处理，我这里为了减少服务器接口的调用，直接本地存一个变量，修改这里的变量值即可。 由于源码都相对简单，这里就直接贴源码了。 布局源码如下： 布局实现主要就是通过判断语句根据不同的点赞状态显示不同 阅读全文
posted @ 2019-12-08 15:20 龙衣 阅读(783) 评论(0) 推荐(0)
全栈项目|小书架|服务器端-NodeJS+Koa2 实现点赞功能
摘要：效果图 接口分析 通过上面的效果图可以看出，点赞入口主要是在书籍的详情页面。 而书籍详情页面，有以下几个功能是和点赞有关的： 获取点赞状态 点赞 取消点赞 所以项目中理论上与点赞相关的接口就以上三个。 点赞 model 的设计 既然明确了接口数量，那么下一步就是设计接口对应的 ，通过 生成表格 ，里 阅读全文
posted @ 2019-12-07 23:36 龙衣 阅读(714) 评论(0) 推荐(0)
全栈项目|小书架|服务器端-NodeJS+Koa2 实现评论功能
摘要：评论功能分析 上图可以看出评论功能主要实现了：评论的发布、评论列表的展示。 在不考虑子评论以及图片评论的场景下，评论功能主要有以下两个接口： 发布评论 获取评论列表（考虑分页） 评论 Model 的建立 结合上图通过分析可以看出一条评论信息主要包含有： 用户 用户名 用户头像 评论信息 书籍 书籍名 阅读全文
posted @ 2019-12-06 14:17 龙衣 阅读(372) 评论(0) 推荐(0)
全栈项目|小书架|小程序端-评论功能实现
摘要：效果图 发布评论 发布评论的入口在图书详情页面，点击 写评论 按钮之后跳转到发布评论页面。 布局比较简单了，目前还没有添加图片评论功能，也没有子评论功能，所以伪代码就比较简单了： 这里为了实现功能，页面美化暂时做的还不够好，所以 也不叫简单，伪代码如下： 在发布评论的时候，我们需要经判断用户的输入内 阅读全文
posted @ 2019-12-04 23:00 龙衣 阅读(265) 评论(0) 推荐(0)
全栈项目|小书架|服务器端-NodeJS+Koa2 实现书籍详情接口
摘要：通过上篇文章 "全栈项目|小书架|微信小程序 首页水平轮播实现" 我们实现了前端（小程序）效果图的展示，这篇文章来介绍服务器端的实现。 书籍详情分析 书籍详情页面如下： 从上图可以分析出详情页面大概有以下几个接口： 获取书籍详情信息 获取用户对书籍的喜欢状态接口 喜欢/不喜欢书籍接口 获取评论列表 阅读全文
posted @ 2019-12-03 23:19 龙衣 阅读(296) 评论(0) 推荐(0)
全栈项目|小书架|微信小程序-书籍详情功能实现
摘要：效果图 实现分析 从效果图上分析，书籍详情是通过点击首页的 后进入。 进入详情页之后页面顶部显示书籍的相关信息，同时判断用户是否登录，未登录则弹出一个授权登录窗口。 点击登录之后即可加载出用户评论信息。 通过上图我们可以分析出静态页面的主要结构如下： 书籍信息 左侧布局是图书图片 中间布局从上到下是 阅读全文
posted @ 2019-12-02 23:04 龙衣 阅读(1578) 评论(0) 推荐(0)
全栈项目|小书架|服务器端-NodeJS+Koa2实现首页图书列表接口
摘要：通过上篇文章 "全栈项目|小书架|微信小程序 首页水平轮播实现" 我们实现了前端（小程序）效果图的展示，这篇文章来介绍服务器端的实现。 首页书籍信息 先来回顾一下首页书籍都有哪些信息： 从下面的图片可以看出目前一本图书信息主要有： 图片字段 名称字段 作者字段 出版社字段 除了以上前端页面中可见的信 阅读全文
posted @ 2019-12-01 09:43 龙衣 阅读(299) 评论(0) 推荐(0)