小程序模板网

微信小程序:Reader&Movie

发布时间:2017-12-15 08:51 所属栏目:小程序开发教程

微信小程序:Reader&Movie 实战以及注意事项。

 
 
 

运行项目

下载微信web开发者工具,clone项目到本地,用微信web开发者打开项目,模拟器上(编译或CTRL+S)查看项目

  git clone https://github.com/sunshine824/WeChat_Reader-Movie.git

最后模拟器上效果如下:

项目结构

.
├── README.md
├── data                                    // 自定义data数据
├── images                                  //静态图片文件夹
├── pages
│   ├── movies                              //电影模块
│   │   ├── more-movie                      //更多电影页面
│   │   │   └── more-movie.js
│   │   │   └── more-movie.json             //more-movie配置文件
│   │   │   └── more-movie.wxml
│   │   │   └── more-movie.wxss
│   │   ├── movie                           //单个电影组件
│   │   ├── movie-grid                      //所有电影整合的组件
│   │   ├── more-list                       //单个分类电影列表
│   │   ├── movie-detail                    //电影详情
│   │   ├── stars                           //评分组件
│   │   ├── movies.js                       //电影模块脚本
│   │   ├── movies.json
│   │   ├── movies.wxml 
│   │   └── movies.wxss
│   ├── posts                              //文章模块
│   │   ├── post-detail                    //文章详情组件
│   │   ├── post-item                      //单个文章组件
│   │   ├── post.js 
│   │   ├── post.json  
│   │   ├── post.wxml 
│   │   └── post.wxss
│   ├── welcome                           //欢迎入口文件
│   │   ├── welcome.js 
│   │   ├── welcome.json  
│   │   ├── welcome.wxml 
│   │   └── welcome.wxss
├── untils                               //公共方法模块
├── └── untils.js
├── app.js
├── app.json                            //公共配置文件
├── app.wxss                            //公共样式表
└── static

注意事项

  1.如何设置纵向轮播:vertical="{{true}}"

  2.如何阻止事件冒泡:catch+事件

  3.wx.navigateTo 是平行跳转,由主页面跳到子页面 跳转后会触发 onHide
    wx.redirectTo 是平级跳转 跳转后会触发 onUnload 

  4.如果页面使用了tabBar组件,只能使用wx.switchTab实现跳转,wx.navigateTo、wx.redirectTo则不行

  5.为什么会出现“脚本错误或者未正确调用Page()”的错误提示?
   *出现这个错误的原因通常是因为对应页面的js文件里,没有调用Page方法。即使js文件里没有任何代码,也需要在js里添加一个空的 Page({})。注意Page的P要大写。

  6.为什么会出现“Expecting ‘String,‘Number,‘NULL,‘True....’”’’的错误提示?
   *出现这个错误的原因在于对应页面的json文件没有加入{ }。即使json文件里没有任何内容,也需要加入一个{ },作为默认代码。json文件不允许出现注释代码,如果有注释的代码,同样会报这个错误。

  7.为什么 出现“ Failed to load image http://2110932784.debug.open.weixin.qq.com/pages/posts/images/post/crab.png : the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1”
   *出现类似的这种错误,通常是由于图片的路径不对而引起的。外网的图片,我们这里不再说了,因为没有相对和绝对的路径概念,如果报错了就是你外网的图片url错了。我们说说本地的图片路径问题。请注意,如果图片路径被写在一个js文件A里,而B引用了这个js文件,那么图片的路径必须是相对于B的相对路径。所以,最好在公共的js文件里使用绝对路径。
   还有一点,提醒大家,小程序对资源文件,比如图片是有缓存的,这个大家要注意。

新增功能 分享 扫二维码

 

github源码:https://github.com/sunshine824/WeChat_Reader-Movie

快捷下载:WeChat_Reader-Movie-master.rar



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/18163.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询