微信小程序豆瓣电影实例源码下载

微信小程序豆瓣电影实例源码下载，这个微信小程实例源码比较早了，是微信小程序刚出来的时候作者做的一个例子，是小程序初学者很好的入门教程。下载链接在文后

app.json，全局的配置文件这里

window是配置顶部标题栏的，tabBar是底部的几个导航按钮

{
  "pages":[
    "pages/index/index",
    "pages/movie/movie",
    "pages/profile/profile"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#108090",
    "navigationBarTitleText": "豆瓣电影",
    "navigationBarTextStyle":"white"
  },
  "tabBar":{
    "color":"#030303",
    "selectedColor":"#111",
    "backgroundColor":"#fff",
    "borderStyle":"black",
    "list":[{
      "text":"榜单",
      "pagePath":"pages/index/index",
      "iconPath":"images/home.png",
      "selectedIconPath":"images/home-actived.png"
      },{
        "text":"我的",
        "pagePath":"pages/profile/profile",
        "iconPath":"images/profile.png",
        "selectedIconPath":"images/profile-actived.png"
      }]
  },
  "networkTimeout": {
    "request":10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile":10000
  }
}	

app.js是全局js

这里定义了一个ajax请求方法fetchApi，其他页面中的ajax请求就是使用这个方法

//app.js
// .js后缀的是脚本文件
App({
	fetchApi: function(url,params,callback) {
		wx.request({
			url:url,
			data:params,
			header: {"Content-Type":"application/json"},
			success: function (res) {
				callback(null,res.data)
			},
			fail: function (e) {
				callback(e)
			}
		})
	},
	onLaunch:function () {
		console.log("App onLoad")
	},
	onShow: function() {
		console.log("App onShow")
	},
	onHide: function () {
		console.log("App onHide")
	}
})