Skip to content

Latest commit

 

History

History
88 lines (61 loc) · 2.74 KB

README.md

File metadata and controls

88 lines (61 loc) · 2.74 KB
Raw

fbi-project-weapp

小程序模板

这是一个fbi项目模板。 如果还没有安装 fbi ，请使用以下命令安装：

$ npm i -g fbi 或者 yarn global add fbi

环境要求

  • fbi v3.0+ (直接克隆本仓库则不需要依赖fbi)

使用方法

创建小程序项目

$ cd path/to/workspace
$ fbi init https://github.com/fbi-templates/fbi-project-weapp.git new-project

或者

$ fbi add https://github.com/fbi-templates/fbi-project-weapp.git
$ cd path/to/workspace
$ fbi init weapp new-project

或者

$ git clone https://github.com/fbi-templates/fbi-project-weapp.git new-project

简单说明

在小程序中 ，通过App()来注册一个小程序 ，通过Page()来注册一个页面

  1. 全局文件
  • app.js 小程序逻辑 （常用来缓存某些页面的数据，在页面调用使用getApp()获取实例）
  • app.json 小程序公共设置（pages属性：注册路由，小程序的首页为第一个注册的路由）详细文档
  • app.wxss 小程序公共样式表
  1. 页面组成
  • .js 页面逻辑
  • .wxml 页面结构 (带模板引擎的html)
  • .wxss 页面样式表 (类似css) (可选)
  • .json 页面配置 (可选)
  1. 页面生命周期
  • onLoad 监听页面加载
  • onReady 监听页面初次渲染完成
  • onShow 监听页面显示
  • onHide 监听页面隐藏
  • onUnload 监听页面卸载

开发步骤

  1. 申请帐号，并设置小程序信息。(需要提供个人或企业信息)
  2. 下载并安装开发工具，选择自己操作系统对应的下载链接。
  3. 编译预览
  4. 版本发布

更多资源

License

MIT

Changelog

  • 1.1.0 优化项目 (2017.12.19)
    • 减少pages页面的数据请求调用参数。（不再需要传入 url + method）
    • 引入 Promise 来处理异步请求。（es7 async+await 小程序目前不支持）
  • 1.0.3 调整项目目录结构 (2017.12.14)
  • 1.0.2 添加tag (2017.12.14)