# bookshelf

**Repository Path**: jeffassociate/bookshelf

## Basic Information

- **Project Name**: bookshelf
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-11
- **Last Updated**: 2021-08-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 书架小程序

- 预览

  ![微信小程序](https://github.com/AnsonZnl/PictureBed/blob/master/fe/bookshelf.jpg?raw=true)

  

  

## 注册微信小程序
- 在 [微信公众平台](https://mp.weixin.qq.com/) 注册一个小程序，得到小程序的appid。
- 下载[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
- 参考文档：[微信开发文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)
- 打开微信开发者工具，创建小程序，输入appid，选择使用云开发，创建小程序。
- 删除demo中的代码，创建一个云环境并使用。

## 我的页面
### 登录
- 使用`<button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">登录</button>`获取个人信息，
- 使用`ogin`云函数获取openid.
- 使用`wx.setStorage()`把信息存在本地
- 使用`wx:if/else`做登录判断

### 添加图书
- 使用`wx.scanCode`扫码功能，扫描图书背后的条形，获取isbn号。
- 调用`getBookInfo`云函数，爬取这本书在豆瓣的简介和评论。
- 获得简介和评论后存添加到云数据库，添加成功后再把数据返回给前端。

## 书架页
### 书架列表
- 获取云函数的书架列表，使用field限制返回字段。
- 下拉刷新，在当前页面的json文件中配置`"enablePullDownRefresh": true`,并在js中触发`onPullDownRefresh`事件
- 滚动加载

## 图书详情
### 获取图书详情
- 点击书籍拿到id,跳转到详情页。
- 根据id获取云数据库中对应的书籍详情并展示

## 云函数
### login
- 默认自带的云函数，调用就返回openid
### getBookInfo
- 接收isbn码，收到后会去豆瓣爬取图书的书名、作者、出版社、评论等

## 依赖
### axios
- 一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
- [axios文档](https://github.com/axios/axios)
### cheerio
- 可以在Node端使用jQuery语法解析HTML
- [cheer.io文档](https://cheerio.js.org/)