基于云存储的电子书橱-小程序云开发

云存储的小程序项目无须自行搭建服务器，可以在小程序前端直接使用云开发API下载云存储中的电子书资源到本地设备进行使用。

创建云模板项目

在任意盘符下创建一个空白文件夹cloudBooks.然后填入AppID和选择“小程序-云开发”

选择“详情”->"调试基础库" 选择人数最多的

打开miniprogram文件夹中的app.json文件，将其中的 "style": "v2"去掉，page中只保留 "pages/index/index"

打开pages文件，删除index以外的所有目录

删除images文件中的图片

components文件是用于聊天用的，可以删除 

 

 清理完多余文件之后如下图所示

迁移项目 

需要将之前做的booksDemo相关文件合并到当前新建的云项目中。

将booksDemo中的pages文件夹内的所有内容复制，粘贴过来，其中index文件全部替换。

将booksDemo中的app.json和app.wxss文件替换过来。

部署云存储

打开云开发控制台，选择“存储”面板，新建文件夹books,然后点击“上传文件”进入并将需要的电子书资源PDF格式上传到云文件存储库中。

 

 

云文件存储库最大允许免费存储5GB容量的文件。

 部署云数据库

 将图书数据输入到Excel表格里面，第一行为标题

将Excel表格文件另存为CSV格式

安装Notepad++文件，打开CSV文件，转换为utf8编码格式并保存

打开云开发控制台，创建一个新的数据集，如books

检查books数据集的权限，确认权限选择的是“所有用户可读，仅创建者及管理员可写”。

导入CSV文件，完成

在Excel中填写字段：title，author，price，isbn，coverurl，fileid云文件存储库中的文件ID

coverurl为图书封面地址，filedid为云存储数据库中的file ID 

将Excel表格转换为 utf8编码格式 后，在云开发控制台创建一个集合名称：

上传books.csv文件

 

 

---

 首页改造

展示图书列表 

首先需要删除原来的临时数据，修改index.js文件，清空其中的data初始数据

Page({
  /*
   * 页面的初始数据
   */
  data: {
    isDownloading:false, /* 没有下载 */
    percentNum:0,
    bookList:[ ]
  },

 

// index.js
// 获取应用实例
wx.cloud.init() 
const db = wx.cloud.database()
const books = db.collection('books')

修改index.js文件中的onLoad函数

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    books.get({
      success:res => {
        this.setData({b