AnsonZnl / bookshelf

书架小程序——基于微信小程序云开发

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

书架小程序(小程序因违规已经关闭,请勿访问。)

  • 预览

    微信小程序

注册微信小程序

  • 微信公众平台 注册一个小程序,得到小程序的appid。
  • 下载微信开发者工具
  • 参考文档:微信开发文档
  • 打开微信开发者工具,创建小程序,输入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文档

cheerio

About

书架小程序——基于微信小程序云开发


Languages

Language:JavaScript 100.0%