-App--

用微信小程序开发电影App

开发技术:微信小程序官方文档+js+html5+css3

小程序本次开发大致情况如何下图：

开发电影App过程中遇到的问题？
<1> 在开发电影推荐页和搜索页时发现结构，样式和主页面的结构，样式有很多相同的地方？
<2> 在开发电影的业务逻辑时代码有很多相同的地方，重复造了很多轮子？，如果不改，就显得代码太冗余了
<3> 在开发电影详细页时有了一个收获的地方？尝试了两种获取电影id的方法
解决方案分别如下：
1:开发不同的页面时，如果有很多相同的结构，可以将相同的结构抽离出来，单独创建一个模板文件，将相同的结构造成各个页面的公共模板，然后再用到时，将其引入即可;
如下：

<import src="../template/movietpl"/><br/>

同理：样式有重复时，可以将样式相同的文件作为公共模板样式文件，用到时在进行引用
如下：
@import"../movie/movie.wxss";

2: 当遇到逻辑业务代码重复时，为了避免造过多的轮子，可以将重复的函数抽离出来作为模块放入方法文件，当用到时就将相应的模块文件引入
例如：var common=require("../../utils/subjectUtil.js");
3：第一个方法，先将id存起来
// 点击页面时，将电影的id存储起来,这是第一种传递电影id的方法
// wx.setStorageSync("movieId", e.currentTarget.id);
// 获取点击时同步储存的电影id,这是第一种获取传来的电影id的方法
// var movieId=wx.getStorageSync('movieId');
第二种方法:
// 下面是第二种传递电影id的方法
首先将id传过去
url: '../detail/detail?id='+e.currentTarget.id，
onLoad: function (options) {
// 这是第二种获取传来的电影id的方法
this.loadMovie(options.id);
},
这大概就是本次开发学到的知识和收获，水平处于小白，还请大神勿喷！ 项目结构：
│ app.js 项目入口文件
│ app.json 项目页面配置文件
│ app.wxss 项目样式文件
│ project.config.json 项目配置文件
│ ├─assets 资源文件
│ └─img 图片
├─pages App页面文件
│ ├─detail 电影详细页
│ │ detail.js 业务逻辑

│ │ detail.wxml 页面结构
│ │ detail.wxss 页面样式
│ ├─movie 小程序主页-电影热映页
│ │ movie.js 业务逻辑<br/ │ │ movie.wxml 页面结构
│ │ movie.wxss 页面样式
│ ├─recommend 小程序-电影推荐页
│ │ recommend.js 业务逻辑
│ │ recommend.wxml

│ │ recommend.wxss 页面样式
│ ├─search 小程序搜索页
│ │ search.js
│ │ search.wxml
│ │ search.wxss
│ └─template 公共模板文件
│ movietpl.wxml
└─utils
subjectUtil.js 将抽离的函数模块构成公共组件