微信小程序入门三实战

微信小应用借鉴了很多web的理念，但是其与传统的webApp、微信公共号这些BS架构不同，他是CS架构，是客户端的程序

小程序开发实战--豆瓣电影

项目配置

　　-在app.jsop中进行简单配置

　　　　

　　　　--navigationBarBackgroundColor：导航栏背景颜色

　　　　--navigationBarTitleText：导航栏文本内容

　　　　--navigationBarTextStyle：字体颜色，只能是black或者white

规划程序所有页面并配置

 　　-创建所需要的目录

　　

　　　　--每个页面包含js、wxss、wxml三个文件，json文件可根据需求自行增加

　　-在app.json配置中修改pages

　　　　--

　　　　--app.json中第一项会作为默认页面显示

完成榜单页面

 　　-轮播图

　　　　--wxml页面结构

　　　　

　　　　--js页面

　　　　　　

　　　　　　---imgUrls数组的地址是模拟数据，可自行更改

　　　　--wxss页面

　　　　　　

　　　　　　---设置图片的宽、高。

　　　　--需要将app.wxss修改为

　　　　　　

　　-分类部分

　　　　--wxml页面代码

　　　　　　

　　　　--wxss代码

　　　　　　

详情页面

　　-页面跳转

　　　　--从board页面跳转至list页面

　　　　--使用navigator标签

　　　　　　<navigator url="../list/list?type=in_theaters" hover-class="none">

　　　　　　---hover-class="node" 取消点击高亮效果

　　　　　　---?type=in_theaters 进行传递参数

　　-页面之间传值方式

　　　　--类似于web开发的方式 > 问号参数

　　　　--跳转到的页面通过onLoad方法的参数(params)拿到

　　　　　　

　　　　　--url="../list/list?type=in_theaters&title=aaaa",可以传递多个参数，中间使用&;

　　　　--js代码

　　　　　　

　　　　--wxml代码

　　　　　　

　　　　--样式暂时没有增加