飞道科技

飞道科技文档总汇

小程序开发文档

开发准备

小程序示例

  1. 查看微信小程序示例, 大致了解微信小程序具备的功能
  2. windows电脑一台, 具有nodejs, yarn
  3. 安装微信开发者工具
  4. 方案提前提供一个小程序号的AppId,并把开发人员设置为小程序的开发者

开发目录结构

目录结构

项目运行步骤

1. 使用命令行,在项目根目录执行 yarn 安装项目依赖
2. 执行 npm t 编译微信小程序端的代码
   如果 ./src 目录内,没有app-debug.json文件,会报错;
   需要把app.json文件复制一份,命名为app-debug.json
3. 执行成功, 项目根目录会生成dist目录, 把微信开发者工具的工作目录设置于此

微信开发者工具使用

  1. 小程序开发者工具使用
  2. npm模块构建
  3. 不校验合法域名

程序配置及程序初始化

页面配置

页面视图层

页面逻辑层

常用微信小程序组件

  1. view
  2. button
  3. checkbox
  4. input
  5. picker
  6. switch

常用微信小程序原子操作

  1. render 渲染
  2. local 局部变量
  3. global 全局变量
  4. storage 缓存
  5. nodejs 请求nodejs服务
  6. form 表单数据操作
  7. interaction 交互类原子操作
  8. navigation 路由类原子操作

自定义控件使用

No. Name API Dependencies Description
fd-wx000000 列表中左右滑动控件 在线文档    
fd-wx000002 倒计时控件 在线文档    
fd-wx000003 数值加减框控件 在线文档    
fd-wx000004 评分控件 在线文档    
fd-wx000005 展示选择图片控件 在线文档