var requests = require('../../requests/request.js');
var utils = require('../../utils/util.js');
//刷新动态球颜色
var iconColor = [
'#42BD56', '#31A040'
];
Page({
data: {
scrollHeight: 0, //scroll-view高度
pageIndex: 0, //页码
totalRecord: 0, //图书总数
isInit: true, //是否第一次进入应用
loadingMore: false, //是否正在加载更多
footerIconColor: iconColor[0], //下拉刷新球初始颜色
pageData: [], //图书数据
searchKey: null //搜索关键字
},
//页面显示获取设备屏幕高度,以适配scroll-view组件高度
onShow: function () {
wx.getSystemInfo({
success: (res) => {
console.log(res)
this.setData({
scrollHeight: res.windowHeight - (100 * res.windowWidth / 750) //80为顶部搜索框区域高度 rpx转px 屏幕宽度/750
});
}
})
},
//搜索输入框输入取值
searchInputEvent: function (e) {
this.setData({ searchKey: e.detail.value });
},
//搜索按钮点击事件
searchClickEvent: function (e) {
if (!this.data.searchKey) {
return;
}
this.setData({ pageIndex: 0, pageData: [] });
requestData.call(this);
},
//下拉请求数据
scrollLowerEvent: function (e) {
if (this.data.loadingMore)
return;
requestData.call(this);
},
//跳转到详细页面
toDetailPage: function (e) {
var bid = e.currentTarget.dataset.bid; //图书id [data-bid]
wx.navigateTo({
url: '../detail/detail?id=' + bid
});
}
});
/**
* 请求图书信息
*/
function requestData() {
var _this = this;
var q = this.data.searchKey;
var start = this.data.pageIndex;
this.setData({ loadingMore: true, isInit: false });
updateRefreshBall.call(this);
console.log(start)
requests.requestSearchBook({ q: q, start: start }, (data) => {
if (data.total == 0) {
//没有记录
_this.setData({ totalRecord: 0 });
} else {
_this.setData({
pageData: _this.data.pageData.concat(data.books),
pageIndex: start + 1,
totalRecord: data.total
});
}
}, () => {
_this.setData({ totalRecord: 0 });
}, () => {
_this.setData({ loadingMore: false });
});
}
/**
* 刷新下拉效果变色球
*/
function updateRefreshBall() {
var cIndex = 0;
var _this = this;
var timer = setInterval(function () {
if (!_this.data['loadingMore']) {
clearInterval(timer);
}
if (cIndex >= iconColor.length)
cIndex = 0;
_this.setData({ footerIconColor: iconColor[cIndex++] });
}, 100);
}
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
豆瓣图书小程序是一个集图书信息检索、用户评论浏览、读书心得分享于一体的微信小程序平台。该小程序利用豆瓣网提供的图书数据,为用户提供了一个便捷的移动阅读社区体验。用户可以通过它快速查找图书信息,阅读其他读者的评论,记录自己的读书笔记,以及对图书进行评分。 在计算机毕业设计中,参考开发豆瓣图书小程序,学生可以深入学习微信小程序的开发技术,包括前端展示、用户交互、后端数据接口处理等。此外,还需掌握数据库设计、网络通信、状态管理等关键技术点,以实现一个功能完善、操作流畅、用户友好的图书信息管理与分享平台。 通过微信小程序源码下载,学生可以获得项目的基础框架和部分实现代码,这为二次开发和功能扩展提供了便利。在此基础上,学生可以尝试添加个性化推荐系统、社交互动功能、数据分析展示等创新点,以提升小程序的实用性和竞争力。 此项目不仅适合计算机专业学生作为毕业设计选题,也适合对移动应用开发感兴趣的学生进行实践探索,有助于培养学生的编程能力、创新思维和解决实际问题的能力。 收起
资源推荐
资源详情
资源评论
收起资源包目录
豆瓣图书.zip (16个子文件)
豆瓣图书
2.jpg 22KB
1.jpg 8KB
DouBanBookApp
pages
detail
detail.js 743B
detail.wxml 1KB
detail.wxss 1KB
index
index.wxml 2KB
index.js 3KB
index.wxss 759B
app.json 257B
app.js 719B
utils
util.js 686B
app.wxss 876B
requests
request.js 1KB
api.js 151B
images
book.png 2KB
3.jpg 26KB
共 16 条
- 1
资源评论
Xs_layla
- 粉丝: 1125
- 资源: 171
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架,下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
- python-leetcode面试题解之第168题Excel表列名称-题解.zip
- python-leetcode面试题解之第167题两数之和II输入有序数组-题解.zip
- python-leetcode面试题解之第166题分数到小数-题解.zip
- python-leetcode面试题解之第165比较版本号-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功