美文网首页
MiniP框架概要 -- 配置与逻辑层

MiniP框架概要 -- 配置与逻辑层

作者: liwuwuzhi | 来源:发表于2017-11-29 15:05 被阅读0次

目录结构

image.png

配置文件app.json

app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

以下是一个包含了所有配置选项的 app.json :


image.png

注册程序文件app.js

App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。


image.png
image.png
image.png

注册页面 "pages/index/index.js","pages/logs/logs.js"

Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。


image.png

事件处理函数

1.普通方法的绑定
image.png
2.Page.prototype.router

route字段可以获取读到当前页面的路径。

3.Page.prototype.setData()

setData函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的this.data的值(同步)

image.png
注意:
  • 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致。
  • 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。
  • 请不要把 data 中任何一项的 value 设为 undefined ,否则这一项将不被设置并可能遗留一些潜在问题。


    image.png

路由

在小程序中,所有页面的路由全部由框架进行管理


image.png

文件作用域

在JavaScript文件中声明的变量和函数只在该文件中有效;
通过全局函数getApp()可以获取全局的应用实例,如果需要全局的数据可以在App()中设置,如:


image.png

模块化

  • 可以将一些公共的代码抽离成一个单独的js文件,作为一个模块。模块通脱module.exports来暴露接口
  • 小程序目前不支持直接引入node_modules,开发者需用到该模块时可拷贝出相关代码到小程序目录中。
  • 在需要用到该模块的文件中用require()加载,注意:request不支持绝对路径。


    image.png

相关文章

  • MiniP框架概要 -- 配置与逻辑层

    目录结构 配置文件app.json app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现...

  • MiniP框架概要 -- 视图层 -- 事件

    事件对象 事件分类 事件分为冒泡事件和非冒泡事件: 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。非...

  • 框架:逻辑层

    核心 一个响应式数据绑定系统 View 视图 App Service 逻辑 文件结构 根目录: app.js 小程...

  • 微信小程序开发教程(基础篇)9-事件

    前面说到,微信小程序框架是逻辑层与UI层分析的设计方式,这种设计方式需要解决两个问题 UI层响应逻辑层逻辑和数据的...

  • 2019-10-21 微信小程序学习笔记

    小程序学习笔记 1.小程序目录结构 框架全局文件+框架页面文件 微信小程序框架=逻辑层+视图层+json配置文件 ...

  • 一个 android 程序员的入门小程序实录(三)

    逻辑层功能与使用,视图层与逻辑层间的通信机制 概要 结束上篇的梳理,我们已经知道了视图层的基本功能和使用方式,但处...

  • 转载-微信小程序官方文档-层

    逻辑层(App Service) 一 逻辑层app service 小程序开发框架的逻辑层是由js编写的将数据进行...

  • 框架逻辑层(一)

    逻辑层 注册程序App函数用来注册一个小程序,用于初始化,接收object参数,指定小程序的生命周期函数属性类型描...

  • dubbo

    dubbo框架设计总共分了10层: 1. 服务接口层(Service):该层是与实际业务逻辑相关,就如上面demo...

  • 2018-02-28-2微信小程序框架学习

    框架系统两层 视图层(view):视图层描述语言 WXML 和 WXSS逻辑层(AppService):逻辑层描述...

网友评论

      本文标题:MiniP框架概要 -- 配置与逻辑层

      本文链接:https://www.haomeiwen.com/subject/rcqubxtx.html