百思不得姐微信小程序源码.rar_百思不得姐小程序源码资源-CSDN文库

共28个文件

png：8个

js：6个

wxss：5个

版权申诉

107 浏览量 2022-07-13 22:18:48 上传评论收藏 4.4MB RAR 举报

【百思不得姐微信小程序源码】是一款基于微信开发者工具构建的应用程序源代码，它包含了实现"百思不得姐"这一趣味社交平台在微信小程序端的全部代码资源。这款小程序让用户能够在微信环境中浏览、分享有趣的段子、图片以及进行互动交流。我们需要了解微信小程序的基本开发环境。微信小程序开发需要使用微信官方提供的微信开发者工具，该工具集成了代码编辑、调试、预览和发布等功能，支持JavaScript、WXML（微信小程序标签语言）和WXSS（微信小程序样式语言）三种主要技术。 1. **JavaScript**：作为小程序的主要逻辑层，JavaScript负责处理数据、业务逻辑以及与服务器的交互。在"百思不得姐"小程序中，JavaScript文件（如`app.js`、`index.js`等）用于定义全局变量、页面逻辑以及网络请求。 2. **WXML**：这是一种类似HTML的标记语言，用于构建小程序的结构。在源码中，可以看到以`.wxml`为后缀的文件，如`index.wxml`，它们定义了用户界面的布局和组件。在"百思不得姐"小程序里，这些文件可能会包含段子列表、用户评论等视图元素。 3. **WXSS**：这是微信小程序的样式表语言，类似于CSS，用来控制组件的样式。`index.wxss`文件则用于设置页面的样式规则，包括颜色、字体、布局等。 4. **JSON配置文件**：每个页面都有对应的`.json`配置文件，例如`app.json`和`page.json`，用于配置小程序的整体信息和页面的特定设置，如导航栏样式、窗口背景色等。 5. **页面结构**："百思不得姐"小程序由多个页面组成，每个页面包括对应的`.js`、`.wxml`、`.wxss`文件，以及可能的`.json`配置文件。开发者通过在这些文件中编写代码来实现页面间的跳转、数据的传递等功能。 6. **API调用**：微信小程序提供了丰富的API接口，如网络请求API、用户授权API、地图API等。在"百思不得姐"小程序中，开发者可能会使用网络请求API获取服务器上的段子数据，使用用户授权API获取用户的微信信息以便登录或保存个性化设置。 7. **数据绑定**：WXML与JavaScript之间的数据交换是通过数据绑定完成的，这种双向数据绑定使得界面与数据模型保持同步，降低了开发复杂性。例如，当用户点赞一个段子时，JavaScript改变相应数据，WXML会自动更新显示。 8. **生命周期函数**：每个页面都有自己的生命周期，微信小程序为这些阶段提供了相应的函数，如`onLoad`、`onShow`、`onHide`等，开发者可以在这些函数中处理页面加载、显示、隐藏时的逻辑。 9. **组件化开发**：微信小程序支持组件化开发，可以复用通用的UI组件，提高代码复用性和可维护性。例如，"百思不得姐"小程序可能有一个专门的“段子”组件，用于显示段子内容。 10. **状态管理**：在复杂的小程序中，状态管理是非常重要的。开发者可能会使用微信小程序自带的全局数据管理方案，或者引入第三方库如Redux或Vuex，来更高效地管理和共享数据。通过对"百思不得姐微信小程序源码"的深入研究，开发者不仅可以学习到微信小程序的基础开发技巧，还能了解到如何构建一个完整的社交应用，包括数据获取、用户交互、界面设计等多个方面。这对于提升微信小程序开发能力、理解实际项目架构以及优化用户体验都大有裨益。

资源推荐

资源详情

资源评论

收起资源包目录

百思不得姐微信小程序源码.rar （28个子文件）

BaisiSister

app.json 1KB

pages

index

index.js 1KB

index.json 2B

index.wxss 863B

index.wxml 1KB

logs

logs.js 280B

logs.json 56B

logs.wxml 194B

logs.wxss 114B

pics

pics.wxml 2KB

pics.json 2B

pics.js 2KB

pics.wxss 34B

video

video.wxss 34B

video.wxml 2KB

video.js 1KB

video.json 2B

icon

iVideo.png 3KB

iLike.png 544B

iHate.png 570B

iPic_p.png 3KB

iText_p.png 2KB

iText.png 2KB

iVideo_p.png 4KB

iPic.png 3KB

app.wxss 3KB

app.js 915B

utils

util.js 481B

//index.js //获取应用实例 var app = getApp() var requestUrl = "https://route.showapi.com/255-1"; var curPage = 1; var isPullDownRefreshing = false; Page({ data: { motto: 'Hello World', userInfo: {}, jokes :{} }, lower:function(){ console.log("reach to lower..."); var that = this; this.fetchJoke(); }, onLoad: function () { console.log('onLoad') var that = this this.fetchJoke(); }, onPullDownRefresh:function(){ console.log('onPullDownRefresh...'); curPage = 1; isPullDownRefreshing = true; this.fetchJoke(); }, fetchJoke:function(){ wx.showNavigationBarLoading(); var that = this; wx.request({ url: requestUrl, data: { 'showapi_appid':app.globalData.appid, 'showapi_sign':app.globalData.apiKey, 'page':curPage.toString(), 'type':app.globalData.tImg }, method: 'GET', success: function(res){ // success if(curPage == 1) that.setData({ jokes:res.data.showapi_res_body.pagebean.contentlist }); else that.setData({ jokes: that.data.jokes.concat(res.data.showapi_res_body.pagebean.contentlist) }); curPage = curPage + 1; wx.hideNavigationBarLoading(); if(isPullDownRefreshing) wx.stopPullDownRefresh(); }, fail: function() { // fail }, complete: function() { // complete } }) }, previewImg:function(e){ console.log(e); wx.previewImage({ // current: 'String', // 当前显示图片的链接，不填则默认为 urls 的第一张 urls: [e.currentTarget.dataset.imgurl], success: function(res){ // success }, fail: function() { // fail }, complete: function() { // complete } }) } })

评论收藏

内容反馈

版权申诉