【笔记】实战mpvue2.0多端小程序框架——首页开发（中）

最新推荐文章于 2020-05-16 17:12:51 发布
最新推荐文章于 2020-05-16 17:12:51 发布
阅读量620 收藏 3
点赞数 2
分类专栏： 【笔记】实战mpvue2.0多端小程序框架 文章标签： mpvue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32682301/article/details/105912590
版权

文章目录

首页开发 | 「小慕读书」官网

一、Banner组件

展示用户信息、签到、书架图书和书架入口
component_banner

组件名称属性参数用途默认值
Bannerpropsimgbanner图片(空)
title标题(空)
subTitle副标题(空)
methodonClickbanner点击事件-

新建src\components\home\HomeBannner.vue：

<template>
  <div class="home-banner" @click="onClick">
    <div
      class="bg-img"
      :style="{backgroundImage: bgImage}"
    >
      <div class="title">{{title}}</div>
      <div class="sub-title">{{subTitle}}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: String,
    subTitle: String,
    img: String
  },
  computed: {
    bgImage() {
      return 'url(' + this.img + ')'
    }
  },
  methods: {
    onClick() {
      this.$emit('onClick')
    }
  }
}
</script>

<style lang="scss" scoped>
  .home-banner {
    margin-top: 20px;
    padding: 0 20px;

    .bg-img {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 125px;
      border-radius: 10px;
      background-size: 100% 100%;
      background-repeat: no-repeat;

      .title {
        font-size: 18px;
        font-weight: 500;
        color: #FFF;
      }

      .sub-title {
        padding: 5px 15px;
        background: #4585FF;
        border: 1px solid #CCC;
        border-radius: 50px;
        margin-top: 10px;
        font-size: 14px;
        color: #FFF;
      }
    }
  }
</style>

要点：

  • 在:style中少用字符串连接（其中的变量会报undefined），可将包含变量的字符串连接放到computed定义的方法返回值中：
<div
  class="bg-img"
  :style="{backgroundImage: bgImage}"
>

computed: {
  bgImage() {
    return 'url(' + this.img + ')'
  }
},
  • 预览效果：
    在这里插入图片描述

测试背景图片地址：http://www.youbaobao.xyz/book/res/bg.jpg

二、图书推荐组件

适配多场景的图书推荐组件
recommend_book

1.准备工作

组件名称属性参数用途默认值
HomeBookpropstitle标题栏(空)
data图书列表[]
btnText按钮文本(空)
row行数0
col列数1
mode显示模式，row - 按行显示，col - 按列显示，category - 分类显示row
showTitle是否显示标题true
showBtn是否显示按钮true
linearBg是否显示背景false
methodonMoreClick点击更多按钮事件-
onBookClick图书点击事件-

2.const.js

新建src\utils\const.js，用来存放枚举值

export const HOME_BOOK_MODE = {
  ROW: 'row',
  COL: 'col',
  CATEGORY: 'category'
}
// 分类英文名称和中文的映射
export const CATEGORY = {
  computerscience: '计算机科学',
  socialsciences: '社会科学',
  economics: '经济学',
  education: '教育学',
  engineering: '工程学',
  environment: '环境学',
  geography: '地理学',
  history: '历史学',
  laws: '法学',
  lifesciences: '生命科学',
  literature: '文学',
  biomedicine: '生物医学',
  businessandmanagement: '工商管理',
  earthsciences: '地球科学',
  materialsscience: '材料科学',
  mathematics: '数学',
  medicineandpublichealth: '公共卫生',
  philosophy: '哲学',
  physics: '物理',
  politicalscienceandinternationalrelations: '国际关系',
  psychology: '心理学',
  statistics: '统计学'
}

3.HomeBook.vue

新建：src\components\home\HomeBook.vue

<template>
  <div class="home-book">
    <div class="home-book-header">{{title}}</div>
    <div class="home-book-content">
      <div class="home-book-row" v-for="(item, index) in bookData" :key="index">
        <div
          class="home-book-col"
          v-for="(book, bookIndex) in item"
          :key="bookIndex"
          :style="{flex: '0 0 ' + (100/col) + '%'}"><!--控制每列水平平分-->
          <div class="book-wrapper"
               :style="{flexDirection: mode === HOME_BOOK_MODE.COL ? 'column' : 'row'}"
               @click="onBookClick"
               v-if="mode === HOME_BOOK_MODE.COL || mode === HOME_BOOK_MODE.ROW">
            <ImageView :src="book.cover"/>
            <div class="book-title-wrapper book-title-col" v-if="mode === HOME_BOOK_MODE.COL">
              <div class="book-title">{{book.title}}</div>
            </div>
            <div class="book-title-wrapper book-title-row" v-else>
              <div class="book-title">{{book.title}}</div>
              <div class="book-title-author-wrapper">
                <div class="book-title book-author">{{book.author}}</div>
                <div class="book-title book-author">{{book.categoryText}}</div>
              </div>
            </div>
          </div>
          <div class="category-wrapper" v-else>
            <div class="category-text">{{book.text}}</div>
            <div class="category-num">{{book.num}}本书</div>
            <div class="category-img-wrapper">
              <div class="category-img1">
                <ImageView :src="book.cover"></ImageView>
              </div>
              <div class="category-img2">
                <ImageView :src="book.cover2"></ImageView>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="home-book-footer" @click="onMoreClick">
      <van-button round custom-class="home-book-btn">
        {{btnText}}
      </van-button>
    </div>
  </div>
</template>

<script>
import {HOME_BOOK_MODE, CATEGORY} from '@/utils/const'
import ImageView from '../base/ImageView'

export default {
  components: {ImageView},
  mounted() {
    console.log(this.bookData)
  },
  props: {
    title: String,
    data: {
      type: Array,
      default: []
    },
    btnText: String,
    row: {
      type: Number,
      default: 0
    },
    col: {
      type: Number,
      default: 1
    },
    mode: {
      type: String,
      default: HOME_BOOK_MODE.ROW
    },
    showTitle: {
      type: Boolean,
      default: true
    },
    showBtn: {
      type: Boolean,
      default: true
    },
    linearBg: {
      type: Boolean,
      default: false
    }
  },
  // 复用核心
  computed: {
    // 由于在渲染层中无法直接拿到枚举数据，因此需要在计算属性中做处理
    HOME_BOOK_MODE() {
      return HOME_BOOK_MODE
    },
    // 通过计算属性来动态确定数组的数据结构：一维/二维数组,进行缓存，提高渲染效率
    bookData() {
      // 解构获取
      const {data, row, col} = this
      if (data && data.length > 0) {
        data.forEach(book => {
          book.text = CATEGORY[book.categoryText.toLowerCase()]
        })
        const number = row * col
        // 数据截取
        const _bookData = data.slice(0, number)
        const _bookDataRow = []
        let _row = 0
        while (_row < row) { // 将数据截取为对应格式的数组
          // 0 * 2 = 0, 0 * 2 +2 = 2
          // 1 * 2 = 0, 1 * 2 +2 = 4
          _bookDataRow.push(_bookData.slice(_row * col, _row * col + col))
          _row++
        }
        return _bookDataRow
      } else {
        return []
      }
    }
  },
  methods: {
    onMoreClick() {
      this.$emit('onMoreClick')
    },
    onBookClick() {
      this.$emit('onBookClick')
    }
  }
}
</script>

<style lang="scss" scoped>
  .home-book {
    .home-book-header {
      padding: 13px 0 0 20.5px;
    }

    .home-book-content {
      padding: 0 12px;
      margin-top: 10.5px;

      .home-book-row {
        display: flex;
        flex-flow: row nowrap; /*水平排列，且不换行*/
        margin-top: 12px;

        .home-book-col {
          padding: 0 8px;
          box-sizing: border-box;

          .book-wrapper {
            display: flex;

            .book-title-wrapper {
              &.book-title-col {
                .book-title {
                  font-size: 12px;
                  color: #212731;
                  line-height: 16.5px;
                  max-height: 33px;
                  font-weight: 500;
                  overflow: hidden;
                  word-break: break-word;
                }
              }

              &.book-title-row {
                flex: 0 0 50%;
                padding: 10px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .book-title {
                  font-size: 14px;
                  color: #1F1F1F;
                  line-height: 18px;
                  max-height: 36px;
                  overflow: hidden;
                  word-break: break-word;
                }

                .book-author {
                  font-size: 12px;
                  color: #868686;
                  line-height: 14px;
                  max-height: 14px;
                }
              }
            }
          }

          .category-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background: #F8F9FB;
            border-radius: 10px;
            height: 96px;
            padding: 13px 0 14.5px 16px;
            box-sizing: border-box;

            .category-text {
              width: 150px;
              overflow: hidden;
              text-overflow: ellipsis;
              color: #212832;
              font-size: 16px;
              line-height: 22.5px;
            }

            .category-num {
              color: #868686;
              font-size: 12px;
              line-height: 16.5px;
            }

            .category-img-wrapper {
              position: absolute;
              right: 0;
              bottom: 0;

              .category-img1 {
                position: absolute;
                right: 0;
                bottom: -5px;
                z-index: 100;
                width: 48px;
              }

              .category-img2 {
                position: absolute;
                right: 30px;
                bottom: -5px;
                z-index: 90;
                width: 36px;
              }
            }
          }
        }
      }
    }

    .home-book-footer {
      padding: 12px 20px 20px;
    }
  }
</style>
<style lang="scss">
  .category-img1 {
    .image {
      border-radius: 0 0 10px 0;
    }
  }

  .home-book-footer {
    .home-book-btn {
      width: 100%;
      font-size: 14px;
      color: #3696EF;
      border: 1px solid #EDEEEE;
    }
  }
</style>

要点说明

  • 由于在渲染层中无法直接拿到枚举数据，因此需要在计算属性中做处理：
HOME_BOOK_MODE() {
  return HOME_BOOK_MODE
},
  • 多层v-for嵌套需要index不同
<div v-for="(item, index) in bookData>
	<div v-for="(book, bookIndex) in item">
	....
  • 控制每本书之间相对父容器水平平分
<div class="home-book-col" :style="{flex: '0 0 ' + (100/col) + '%'}">
  • 需要兼容两种布局：
    • 图片与文字垂直（图+title）
    • 图片与文字水平（图+title+作者+出版社）
      (1) .book-wrapper 需要设置 display: flex;
      (2) flex-direction需要动态根据mode来决定：
<div class="book-wrapper"
  :style="{flexDirection: mode === HOME_BOOK_MODE.COL ? 'column' : 'row'}">

(3)两种样式各定义一个div，里面具体的样式需要靠v-if+v-else来动态选择：

<div class="book-wrapper">
  <ImageView/>
  <div class="book-title-wrapper book-title-col" v-if="mode === HOME_BOOK_MODE.COL">
  ....
  </div>
  <div class="book-title-wrapper book-title-row" v-else>
  ....
  </div>
</div>
  • 在修改组件库中控件的样式时，需要在全局状态下，即放在不含 scoped 的style标签下：
<style lang="scss">
  .home-book-footer {
    .home-book-btn {
      width: 100%;
    }
  }
</style>
  • 同时这个组件要兼容图书推荐和图书分类两个模块，与上面类似，添加v-if规则：
<div class="book-wrapper" v-if="mode === HOME_BOOK_MODE.COL || mode === HOME_BOOK_MODE.ROW">
<div v-else></div>
  • 由于mpvue在小程序中不支持过滤器，因此需要在计算属性中加到data的处理之前：然后在渲染层中通过book.text来引用
if (data && data.length > 0) {
  data.forEach(book => {
    book.text = CATEGORY[book.categoryText.toLowerCase()]
  })
  ....

4.在index.vue中调用

<div :style="{marginTop: '23px'}">
   <HomeBook
     title="为你推荐"
     :row="1"
     :col="3"
     :data="data"
     mode="col"
     btn-text="换一批"
     @onMoreClick="onBookMoreClick"
     @onBookClick="onHomeBookClick"/>   
   <HomeBook
     title="为你推荐"
     :row="2"
     :col="2"
     :data="data"
     mode="row"
     btn-text="换一批"
     @onMoreClick="onBookMoreClick"
     @onBookClick="onHomeBookClick"/>
  <HomeBook
    title="图书分类"
    :row="2"
    :col="2"
    :data="category"
    mode="category"
    btn-text="更多"
    @onMoreClick="onBookMoreClick"
    @onBookClick="onHomeBookClick"/>
</div>

5.实现效果

在这里插入图片描述
在这里插入图片描述

三、首页mock数据

1.截取格式化版

	[
        {
          'id': 34,
          'fileName': '2018_Book_GeographiesOfTheUniversity',
          'cover': 'https://www.youbaobao.xyz/book/res/img/Geography/978-3-319-75593-9_CoverFigure.jpg',
          'title': 'Geographies of the University',
          'author': 'Peter Meusburger',
          'publisher': 'Springer International Publishing',
          'bookId': '2018_Book_GeographiesOfTheUniversity',
          'category': 7,
          'categoryText': 'Geography',
          'language': 'en',
          'rootFile': 'OEBPS/package.opf'
        },
        {
          'id': 59,
          'fileName': '2018_Book_DrinkingInVictorianAndEdwardia',
          'cover': 'https://www.youbaobao.xyz/book/res/img/History/978-3-319-92964-4_CoverFigure.jpg',
          'title': 'Drinking in Victorian and Edwardian Britain',
          'author': 'Thora Hands',
          'publisher': 'Springer International Publishing',
          'bookId': '2018_Book_DrinkingInVictorianAndEdwardia',
          'category': 8,
          'categoryText': 'History',
          'language': 'en',
          'rootFile': 'OEBPS/package.opf'
        },
        {
          'id': 60,
          'fileName': '2018_Book_HarnessingThePowerOfTheCrimina',
          'cover': 'https://www.youbaobao.xyz/book/res/img/History/978-3-319-77908-9_CoverFigure.jpg',
          'title': 'Harnessing the Power of the Criminal Corpse',
          'author': 'Sarah Tarlow',
          'publisher': 'Springer International Publishing',
          'bookId': '2018_Book_HarnessingThePowerOfTheCrimina',
          'category': 8,
          'categoryText': 'History',
          'language': 'en',
          'rootFile': 'OEBPS/package.opf'
        },
        {
          'id': 75,
          'fileName': '2018_Book_TheEuropeanBloodAndMarrowTrans',
          'cover': 'https://www.youbaobao.xyz/book/res/img/MedicineAndPublicHealth/978-3-319-50026-3_CoverFigure.jpg',
          'title': 'The European Blood and Marrow Transplantation Textbook for Nurses',
          'author': 'Michelle Kenyon',
          'publisher': 'Springer International Publishing',
          'bookId': '2018_Book_TheEuropeanBloodAndMarrowTrans',
          'category': 17,
          'categoryText': 'MedicineAndPublicHealth',
          'language': 'en',
          'rootFile': 'OEBPS/package.opf'
        }
      ]

[
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Biomedicine/978-3-319-25474-6_CoverFigure.jpg',
                'category':12,
                'categoryText':'Biomedicine',
                'num':14,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Biomedicine/978-3-319-72790-5_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/BusinessandManagement/978-3-319-33515-5_CoverFigure.jpg',
                'category':13,
                'categoryText':'BusinessandManagement',
                'num':16,
                'cover2':'https://www.youbaobao.xyz/book/res/img/BusinessandManagement/978-3-319-95261-1_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/ComputerScience/978-3-319-90415-3_CoverFigure.jpg',
                'category':1,
                'categoryText':'ComputerScience',
                'num':56,
                'cover2':'https://www.youbaobao.xyz/book/res/img/ComputerScience/978-3-319-96142-2_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/EarthSciences/978-981-10-3713-9_CoverFigure.jpg',
                'category':14,
                'categoryText':'EarthSciences',
                'num':16,
                'cover2':'https://www.youbaobao.xyz/book/res/img/EarthSciences/978-3-319-65633-5_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Economics/978-3-319-69772-7_CoverFigure.jpg',
                'category':3,
                'categoryText':'Economics',
                'num':30,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Economics/978-3-319-91400-8_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Education/978-3-319-39450-3_CoverFigure.jpg',
                'category':4,
                'categoryText':'Education',
                'num':60,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Education/978-3-319-52980-6_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Engineering/978-3-319-91707-8_CoverFigure.jpg',
                'category':5,
                'categoryText':'Engineering',
                'num':23,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Engineering/978-3-319-64816-3_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Environment/978-3-319-29671-5_CoverFigure.jpg',
                'category':6,
                'categoryText':'Environment',
                'num':42,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Environment/978-4-431-54895-9_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Geography/978-3-319-75593-9_CoverFigure.jpg',
                'category':7,
                'categoryText':'Geography',
                'num':7,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Geography/978-3-319-92813-5_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/History/978-3-319-64337-3_CoverFigure.jpg',
                'category':8,
                'categoryText':'History',
                'num':18,
                'cover2':'https://www.youbaobao.xyz/book/res/img/History/978-3-319-92964-4_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Laws/978-3-319-71087-7_CoverFigure.jpg',
                'category':9,
                'categoryText':'Laws',
                'num':13,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Laws/978-981-13-1232-8_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/LifeSciences/978-3-319-68152-8_CoverFigure.jpg',
                'category':10,
                'categoryText':'LifeSciences',
                'num':24,
                'cover2':'https://www.youbaobao.xyz/book/res/img/LifeSciences/978-3-319-69539-6_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Literature/2010_Book_CyborgsInLatinAmerica.jpeg',
                'category':11,
                'categoryText':'Literature',
                'num':6,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Literature/2010_Book_HistoryAndCulturalMemoryInNeo-.jpeg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/MaterialsScience/978-981-10-7617-6_CoverFigure.jpg',
                'category':15,
                'categoryText':'MaterialsScience',
                'num':2,
                'cover2':'https://www.youbaobao.xyz/book/res/img/MaterialsScience/2018_Book_ProceedingsOfTheScientific-Pra.jpeg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Mathematics/978-3-319-29439-1_CoverFigure.jpg',
                'category':16,
                'categoryText':'Mathematics',
                'num':9,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Mathematics/2015_Book_InnovationsInQuantitativeRiskM.jpeg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/MedicineAndPublicHealth/978-3-319-28624-2_CoverFigure.jpg',
                'category':17,
                'categoryText':'MedicineAndPublicHealth',
                'num':20,
                'cover2':'https://www.youbaobao.xyz/book/res/img/MedicineAndPublicHealth/978-3-319-75019-4_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Philosophy/978-3-319-26300-7_CoverFigure.jpg',
                'category':18,
                'categoryText':'Philosophy',
                'num':16,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Philosophy/978-3-319-94610-8_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Physics/978-3-319-42424-8_CoverFigure.jpg',
                'category':19,
                'categoryText':'Physics',
                'num':10,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Physics/978-3-662-57366-2_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/PoliticalScienceAndInternationalRelations/978-3-319-69929-5_CoverFigure.jpg',
                'category':20,
                'categoryText':'PoliticalScienceAndInternationalRelations',
                'num':26,
                'cover2':'https://www.youbaobao.xyz/book/res/img/PoliticalScienceAndInternationalRelations/978-981-10-7182-9_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Psychology/978-3-319-78160-0_CoverFigure.jpg',
                'category':21,
                'categoryText':'Psychology',
                'num':3,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Psychology/2015_Book_PromotingSocialDialogueInEurop.jpeg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/SocialSciences/978-3-319-72356-3_CoverFigure.jpg',
                'category':2,
                'categoryText':'SocialSciences',
                'num':51,
                'cover2':'https://www.youbaobao.xyz/book/res/img/SocialSciences/978-3-319-77991-1_CoverFigure.jpg'
            },
            {
                'cover':'https://www.youbaobao.xyz/book/res/img/Statistics/2013_Book_ShipAndOffshoreStructureDesign.jpeg',
                'category':22,
                'categoryText':'Statistics',
                'num':1,
                'cover2':'https://www.youbaobao.xyz/book/res/img/Statistics/2013_Book_ShipAndOffshoreStructureDesign.jpeg'
            }
        ]

2.完整版

{
    "error_code":0,
    "msg":"查询成功",
    "data":{
        "hotSearch":{
            "num":22,
            "keyword":"Computer"
        },
        "shelf":[
            {
                "id":67,
                "fileName":"2018_Book_Nanoinformatics",
                "cover":"https://www.youbaobao.xyz/book/res/img/MaterialsScience/978-981-10-7617-6_CoverFigure.jpg",
                "title":"Nanoinformatics",
                "author":"Isao Tanaka",
                "publisher":"Springer Singapore",
                "bookId":"2018_Book_Nanoinformatics",
                "category":15,
                "categoryText":"MaterialsScience",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":38,
                "fileName":"2018_Book_DesigningSustainableTechnologi",
                "cover":"https://www.youbaobao.xyz/book/res/img/Environment/978-3-319-66981-6_CoverFigure.jpg",
                "title":"Designing Sustainable Technologies, Products and Policies",
                "author":"Enrico Benetto",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_DesigningSustainableTechnologi",
                "category":6,
                "categoryText":"Environment",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":12,
                "fileName":"2018_Book_RESTARTSustainableBusinessMode",
                "cover":"https://www.youbaobao.xyz/book/res/img/BusinessandManagement/978-3-319-91971-3_CoverFigure.jpg",
                "title":"RESTART Sustainable Business Model Innovation",
                "author":"Sveinung Jørgensen",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_RESTARTSustainableBusinessMode",
                "category":13,
                "categoryText":"BusinessandManagement",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            }
        ],
        "recommend":[
            {
                "id":225,
                "fileName":"2016_Book_MicrofinanceEUStructuralFundsA",
                "cover":"https://www.youbaobao.xyz/book/res/img/Economics/2016_Book_MicrofinanceEUStructuralFundsA.jpeg",
                "title":"Microfinance, EU Structural Funds and Capacity Building for Managing Authorities",
                "author":"Giovanni Nicola Pes",
                "publisher":"Palgrave Macmillan",
                "bookId":"2016_Book_MicrofinanceEUStructuralFundsA",
                "category":3,
                "categoryText":"Economics",
                "language":"en",
                "rootFile":"OEBPS/9781137536013.opf"
            },
            {
                "id":88,
                "fileName":"2018_Book_BetweenMobilityAndMigration",
                "cover":"https://www.youbaobao.xyz/book/res/img/SocialSciences/978-3-319-77991-1_CoverFigure.jpg",
                "title":"Between Mobility and Migration",
                "author":"Peter Scholten",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_BetweenMobilityAndMigration",
                "category":2,
                "categoryText":"SocialSciences",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":24,
                "fileName":"2018_Book_SecurityInComputerAndInformati",
                "cover":"https://www.youbaobao.xyz/book/res/img/ComputerScience/978-3-319-95189-8_CoverFigure.jpg",
                "title":"Security in Computer and Information Sciences",
                "author":"Erol Gelenbe",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_SecurityInComputerAndInformati",
                "category":1,
                "categoryText":"ComputerScience",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            }
        ],
        "freeRead":[
            {
                "id":34,
                "fileName":"2018_Book_GeographiesOfTheUniversity",
                "cover":"https://www.youbaobao.xyz/book/res/img/Geography/978-3-319-75593-9_CoverFigure.jpg",
                "title":"Geographies of the University",
                "author":"Peter Meusburger",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_GeographiesOfTheUniversity",
                "category":7,
                "categoryText":"Geography",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":59,
                "fileName":"2018_Book_DrinkingInVictorianAndEdwardia",
                "cover":"https://www.youbaobao.xyz/book/res/img/History/978-3-319-92964-4_CoverFigure.jpg",
                "title":"Drinking in Victorian and Edwardian Britain",
                "author":"Thora Hands",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_DrinkingInVictorianAndEdwardia",
                "category":8,
                "categoryText":"History",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":60,
                "fileName":"2018_Book_HarnessingThePowerOfTheCrimina",
                "cover":"https://www.youbaobao.xyz/book/res/img/History/978-3-319-77908-9_CoverFigure.jpg",
                "title":"Harnessing the Power of the Criminal Corpse",
                "author":"Sarah Tarlow",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_HarnessingThePowerOfTheCrimina",
                "category":8,
                "categoryText":"History",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":75,
                "fileName":"2018_Book_TheEuropeanBloodAndMarrowTrans",
                "cover":"https://www.youbaobao.xyz/book/res/img/MedicineAndPublicHealth/978-3-319-50026-3_CoverFigure.jpg",
                "title":"The European Blood and Marrow Transplantation Textbook for Nurses",
                "author":"Michelle Kenyon",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_TheEuropeanBloodAndMarrowTrans",
                "category":17,
                "categoryText":"MedicineAndPublicHealth",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            }
        ],
        "hotBook":[
            {
                "id":89,
                "fileName":"2018_Book_ContemporaryPerspectivesOnAgei",
                "cover":"https://www.youbaobao.xyz/book/res/img/SocialSciences/978-3-319-73820-8_CoverFigure.jpg",
                "title":"Contemporary Perspectives on Ageism",
                "author":"Liat Ayalon",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_ContemporaryPerspectivesOnAgei",
                "category":2,
                "categoryText":"SocialSciences",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":218,
                "fileName":"2015_Book_PovertyReductionPoliciesAndPra",
                "cover":"https://www.youbaobao.xyz/book/res/img/Economics/2015_Book_PovertyReductionPoliciesAndPra.jpeg",
                "title":"Poverty Reduction Policies and Practices in Developing Asia",
                "author":"Almas Heshmati, Esfandiar Maasoumi and Guanghua Wan",
                "publisher":"Springer Singapore, Singapore",
                "bookId":"2015_Book_PovertyReductionPoliciesAndPra",
                "category":3,
                "categoryText":"Economics",
                "language":"en",
                "rootFile":"OEBPS/content.opf"
            },
            {
                "id":6,
                "fileName":"2018_Book_DronesAndTheCreativeIndustry",
                "cover":"https://www.youbaobao.xyz/book/res/img/BusinessandManagement/978-3-319-95261-1_CoverFigure.jpg",
                "title":"Drones and the Creative Industry",
                "author":"Virginia Santamarina-Campos",
                "publisher":"Springer International Publishing",
                "bookId":"2018_Book_DronesAndTheCreativeIndustry",
                "category":13,
                "categoryText":"BusinessandManagement",
                "language":"en",
                "rootFile":"OEBPS/package.opf"
            },
            {
                "id":139,
                "fileName":"2018_Book_EvolutionMonitoringAndPredicti",
                "cover":"https://www.youbaobao.xyz/book/res/img/EarthSciences/2018_Book_EvolutionMonitoringAndPredicti.jpeg",
                "title":"Evolution, Monitoring and Predicting Models of Rockburst",
                "author":"Chunlai Wang",
                "publisher":"Springer Singapore, Singapore",
                "bookId":"2018_Book_EvolutionMonitoringAndPredicti",
                "category":14,
                "categoryText":"EarthSciences",
                "language":"en",
                "rootFile":"OEBPS/content.opf"
            }
        ],
        "category":[
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Biomedicine/978-3-319-25474-6_CoverFigure.jpg",
                "category":12,
                "categoryText":"Biomedicine",
                "num":14,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Biomedicine/978-3-319-72790-5_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/BusinessandManagement/978-3-319-33515-5_CoverFigure.jpg",
                "category":13,
                "categoryText":"BusinessandManagement",
                "num":16,
                "cover2":"https://www.youbaobao.xyz/book/res/img/BusinessandManagement/978-3-319-95261-1_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/ComputerScience/978-3-319-90415-3_CoverFigure.jpg",
                "category":1,
                "categoryText":"ComputerScience",
                "num":56,
                "cover2":"https://www.youbaobao.xyz/book/res/img/ComputerScience/978-3-319-96142-2_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/EarthSciences/978-981-10-3713-9_CoverFigure.jpg",
                "category":14,
                "categoryText":"EarthSciences",
                "num":16,
                "cover2":"https://www.youbaobao.xyz/book/res/img/EarthSciences/978-3-319-65633-5_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Economics/978-3-319-69772-7_CoverFigure.jpg",
                "category":3,
                "categoryText":"Economics",
                "num":30,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Economics/978-3-319-91400-8_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Education/978-3-319-39450-3_CoverFigure.jpg",
                "category":4,
                "categoryText":"Education",
                "num":60,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Education/978-3-319-52980-6_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Engineering/978-3-319-91707-8_CoverFigure.jpg",
                "category":5,
                "categoryText":"Engineering",
                "num":23,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Engineering/978-3-319-64816-3_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Environment/978-3-319-29671-5_CoverFigure.jpg",
                "category":6,
                "categoryText":"Environment",
                "num":42,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Environment/978-4-431-54895-9_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Geography/978-3-319-75593-9_CoverFigure.jpg",
                "category":7,
                "categoryText":"Geography",
                "num":7,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Geography/978-3-319-92813-5_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/History/978-3-319-64337-3_CoverFigure.jpg",
                "category":8,
                "categoryText":"History",
                "num":18,
                "cover2":"https://www.youbaobao.xyz/book/res/img/History/978-3-319-92964-4_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Laws/978-3-319-71087-7_CoverFigure.jpg",
                "category":9,
                "categoryText":"Laws",
                "num":13,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Laws/978-981-13-1232-8_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/LifeSciences/978-3-319-68152-8_CoverFigure.jpg",
                "category":10,
                "categoryText":"LifeSciences",
                "num":24,
                "cover2":"https://www.youbaobao.xyz/book/res/img/LifeSciences/978-3-319-69539-6_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Literature/2010_Book_CyborgsInLatinAmerica.jpeg",
                "category":11,
                "categoryText":"Literature",
                "num":6,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Literature/2010_Book_HistoryAndCulturalMemoryInNeo-.jpeg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/MaterialsScience/978-981-10-7617-6_CoverFigure.jpg",
                "category":15,
                "categoryText":"MaterialsScience",
                "num":2,
                "cover2":"https://www.youbaobao.xyz/book/res/img/MaterialsScience/2018_Book_ProceedingsOfTheScientific-Pra.jpeg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Mathematics/978-3-319-29439-1_CoverFigure.jpg",
                "category":16,
                "categoryText":"Mathematics",
                "num":9,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Mathematics/2015_Book_InnovationsInQuantitativeRiskM.jpeg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/MedicineAndPublicHealth/978-3-319-28624-2_CoverFigure.jpg",
                "category":17,
                "categoryText":"MedicineAndPublicHealth",
                "num":20,
                "cover2":"https://www.youbaobao.xyz/book/res/img/MedicineAndPublicHealth/978-3-319-75019-4_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Philosophy/978-3-319-26300-7_CoverFigure.jpg",
                "category":18,
                "categoryText":"Philosophy",
                "num":16,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Philosophy/978-3-319-94610-8_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Physics/978-3-319-42424-8_CoverFigure.jpg",
                "category":19,
                "categoryText":"Physics",
                "num":10,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Physics/978-3-662-57366-2_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/PoliticalScienceAndInternationalRelations/978-3-319-69929-5_CoverFigure.jpg",
                "category":20,
                "categoryText":"PoliticalScienceAndInternationalRelations",
                "num":26,
                "cover2":"https://www.youbaobao.xyz/book/res/img/PoliticalScienceAndInternationalRelations/978-981-10-7182-9_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Psychology/978-3-319-78160-0_CoverFigure.jpg",
                "category":21,
                "categoryText":"Psychology",
                "num":3,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Psychology/2015_Book_PromotingSocialDialogueInEurop.jpeg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/SocialSciences/978-3-319-72356-3_CoverFigure.jpg",
                "category":2,
                "categoryText":"SocialSciences",
                "num":51,
                "cover2":"https://www.youbaobao.xyz/book/res/img/SocialSciences/978-3-319-77991-1_CoverFigure.jpg"
            },
            {
                "cover":"https://www.youbaobao.xyz/book/res/img/Statistics/2013_Book_ShipAndOffshoreStructureDesign.jpeg",
                "category":22,
                "categoryText":"Statistics",
                "num":1,
                "cover2":"https://www.youbaobao.xyz/book/res/img/Statistics/2013_Book_ShipAndOffshoreStructureDesign.jpeg"
            }
        ],
        "banner":{
            "img":"https://www.youbaobao.xyz/book/res/bg.jpg",
            "title":"mpvue2.0多端小程序课程重磅上线",
            "subTitle":"马上学习",
            "url":"https://www.youbaobao.xyz/book/#/book-store/shelf"
        },
        "shelfCount":0
    }
}
程序边界
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
小程序商城源码（mpvue）
12-13
此代码使用mpvue编写，希望能帮助各位朋友 ！
开发笔记：使用 mpvue 开发斗图小程序
03-29
现在美团点评发布的 mpvue 支持开发者可以用 vue 的语法开发微信小程序，正好有强需求需要一个斗图小程序，所以就尝试了下。   扫码体验 (此图片来源于网络，如有侵权，请联系删除! ) 截图 (此图片来源于网络，如...
【笔记】实战mpvue2.0多端小程序框架——书架模块
程序边界
05-14 637
文章目录一、图书列表页面开发 + 列表 API 对接二、图书列表标题动态切换+图书详情页跳转三、图书列表触底自动刷新功能开发四、分类列表页面开发 + 分类 API 对接五、分类列表跳转图书列表功能开发六、阅读器页面开发1.学习重点2.阅读器组件3.动手操作七、书架页面开发1.学习重点2.书架视觉稿3.用户信息面板4.书架列表组件5.动手操作八、书架用户面板组件开发九、书架列表组件开发 一、图书列表页面开发 + 列表 API 对接 新建src\pages\list\list.vue： <templat
【笔记】实战mpvue2.0多端小程序框架——用户授权
程序边界
05-05 593
文章目录一、用户授权流程1.用户授权判断2.用户申请授权3.获取用户信息4.获取openId5.用户登录6.用户注册二、授权组件 用户授权 | 「小慕读书」官网 一、用户授权流程 1.用户授权判断 通过mpvue.getSetting判断小程序是否获得权限 查看官方文档：wx.getSetting(Object object) | 微信开放文档 2.用户申请授权 如果小程序未获得授权...
【笔记】实战mpvue2.0多端小程序框架-真香！！
程序边界
05-16 566
文章目录一、课程体系二、我的笔记三、其他部分内容四、源码 mpvue多端小程序开发指南 | 「小慕读书」官网 API | 慕课网「小慕读书」官网 一、课程体系 二、我的笔记 【笔记】实战mpvue2.0多端小程序框架——课程快速预览 【笔记】实战mpvue2.0多端小程序框架——Vue入门 【笔记】实战mpvue2.0多端小程序框架——vue-router和vuex入门 【笔记】实战mpvue2.0多端小程序框架——mpvue入门 【笔记】实战mpvue2.0多端小程序框架——
【笔记】实战mpvue2.0多端小程序框架——首页开发（上）
程序边界
05-04 560
文章目录一、首页视觉稿二、搜索组件1.组件样式开发2.组件功能开发三、读书卡片组件四、图片组件 首页开发 | 「小慕读书」官网 完成本节内容需做如下准备工作： 清理之前测试写的内容，还原 src\pages\index\index.vue： <template> <div> </div> </template> <scri...
详解mpvue中小程序自定义导航组件开发指南
10-17
笔记主要记录一下基于mpvue的小程序中实现自定义导航的思路及应用。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序——云笔记（截图+源码）.zip
05-05
微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序...
小程序源码反编译实战笔记
03-29
最近在做微信小程序开发，看到一些做的比较有意思的小程序，想看一看他们的源码，于是研究了一下小程序源码反编译相关的技术。结合本次经历，总结如下。 手机root 要拿到小程序在手机上的源码包，需要有一台越狱的...
微信小程序超详细实战云开发笔记
08-31
根据2021年《微信小程序超详细实战云开发》所编写，作者从教中学，与大多数同学一样属于零基础的小萌新，该书虽说是超详细，但也不过是于有较高小程序基础的开发者而言，作者结合微信开发文档与百度多方学习，一点点...
【笔记】实战mpvue2.0多端小程序框架——搜索模块（上）
程序边界
05-08 465
文章目录一、搜索视觉稿二、搜索页面组件结构图三、标签组件1.新建src\components\base\Tag.vue2.新建src\pages\search\main.js3.新建src\pages\search\search.vue4.新建src\pages\search\main.json四、标签分组组件1.新建src\components\base\TagGroup.vue2.在src\p...
【笔记】实战mpvue2.0多端小程序框架——图书详情
程序边界
05-13 403
文章目录一、学习重点二、图书详情视觉稿三、搜索页面组件结构图四、搜索页面组件示意图五、图书信息组件六、图书统计组件七、图书评分组件八、图书目录组件九、图书详情页脚组件 图书详情 | 「小慕读书」官网 一、学习重点 van-rate 组件的使用（查看官方文档） API对接： 图书详情API 评分API 目录API 加入书架API 移出书架API 微信小程序API： showModal 确认对话框（查看官方文档） 二、图书详情视觉稿 http://www.youbaobao.xyz/mp
【笔记】实战mpvue2.0多端小程序框架——原生小程序 API 调用与多端小程序发布
程序边界
05-16 1397
文章目录一、支付宝小程序源码运行1.开发者工具下载2.获取openId(1)生成公钥和私钥(2)填入公钥信息(3)服务端 SDK(4)Node.js 版本开发3.获取用户信息4.用户授权5.API 改造二、支付宝小程序用户授权三、支付宝小程序获取OpenId四、支付宝小程序组件定制开发 支付宝小程序开发指南 | 「小慕读书」官网 一、支付宝小程序源码运行 1.开发者工具下载 下载 - 支付宝开放平台 2.获取openId (1)生成公钥和私钥 开发 openId 获取接口需要生成公钥和私钥，查看：技
【笔记】实战mpvue2.0多端小程序框架——首页开发（下）
程序边界
05-04 475
文章目录一、首页API对接1.新建src\api\index.js2.在src\pages\index\index.vue创建getHomeData方法3.初始化首页用到的数据4.修改src\utils\request.js中的get方法5.解构请求回来的数据二、搜索和图书卡片组件数据对接1.向src\pages\index\index.vue的HomeCard传入数据2.修改src\compon...
【笔记】实战mpvue2.0多端小程序框架——搜索模块（下）
程序边界
05-12 386
文章目录一、搜索模块组件集成二、搜索模块API对接三、热门搜索API对接四、搜索框按键和搜索功能开发五、历史搜索和热搜更新功能开发六、触底自动刷新功能开发 搜索开发 | 「小慕读书」官网 一、搜索模块组件集成 二、搜索模块API对接 三、热门搜索API对接 四、搜索框按键和搜索功能开发 五、历史搜索和热搜更新功能开发 六、触底自动刷新功能开发 ...
QT5开发及实例配套源代码.zip
最新发布
05-28
QT5开发及实例配套[源代码]，Qt是诺基亚公司的C++可视化开发平台，本书以Qt 5作为平台，每个章节在简单介绍开发环境的基础上，用一个小实例，介绍Qt 5应用程序开发各个方面，然后系统介绍Qt 5应用程序的开发技术，一般均通过实例介绍和讲解内容。最后通过三个大实例，系统介绍Qt 5综合应用开发。光盘中包含本书教学课件和书中所有实例源代码及其相关文件。通过学习本书，结合实例上机练习，一般能够在比较短的时间内掌握Qt 5应用技术。本书既可作为Qt 5的学习和参考用书，也可作为大学教材或Qt 5培训用书。
笔记本电脑USB2.0测试
11-22
根据提供的引用内容，我无法直接回答关于笔记本电脑USB2.0测试的问题。引用提到了USB2.0接口不能正常使用，但通过使用集线器可以正常工作，而笔记本上的USB3.0接口可以正常使用。引用提到了Cypress公司的EZ-USB FX2...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序边界

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值