组件详情
jwxa-轻量级的微信小程序JavaScript库

jwxa-轻量级的微信小程序JavaScript库

上传者:李泽辰    上传时间:2017-05-23 15:26:45

  166

其他

下载   喜欢

jwxa-轻量级的微信小程序JavaScript库 介绍

logo

jwxa是一个轻量级的微信小程序JavaScript库

功能列表

方法 描述 更新时间
storage/removeStorage/clearStorage 封装set/get/remove/clearStorage, 支持json对象存储 2017-02-08
login 封装wx.login,传入url调用后台登录接口 2017-02-08
popToPage 封装wx.navigateBack,返回前一页 2017-01-25
popToRootPage 封装wx.navigateBack,返回Root首页 2017-01-25
get 封装wx.requestget方式请求HTTPS 2017-01-23
post 封装wx.requestpost方式请求HTTPS 2017-01-23
data 字符串方式设置Page({data}),支持点(.)操作符,例如:'objA.objB' 2017-01-23
html html解析成wxml(依赖后台返回json格式的html对象) 2017-01-23

部分截图

效果截图

使用方法

1、复制jwxa文件夹到工程

文件 作用
jwxa.js JavaScript核心文件
jwxa.wxml 包括jwxa所需的模板,例如:jwxa.html()必须依赖此文件
jwxa.wxss 包括jwxa所需的样式表文件,例如:里面包含基本标签样式表

2、引入文件

//在需要使用的页面导入jwxa.js, 也可在app.js全局导入
var jwxa = require('jwxa/jwxa.js');
App({
  onLaunch: function () {
  },
  globalData:{
    // 设置jwxa的别名为$
    $: jwxa
  }
})
/* 在需要的地方导入jwxa.wxss样式文件, 也可在app.wxss全局导入 */
@import "jwxa/jwxa.wxss";
<!-- 在需要使用html解析成wxml的页面导入jwxa.wxml模板文件 -->
<import src="../../jwxa/jwxa.wxml"/>

3、初始化jwxa

// 子页面js加入: $ = app.globalData.$
var app = getApp(), $ = app.globalData.$;
onLoad: function () {
    // 在当前页面onLoad函数中初始化jwxa
    $.jwxa(this);
}

API文档

参见wiki: jwxa文档

使用说明

jwxa.html()

可实现json对象解析成wxml标签。 解析的逻辑:参数需要json格式的html对象,通过分析json对象利用模板转成wxml标签。 详细查看本项目demo:pages/html

相关项目

  • jwxa4j(小程序Java后台开发SDK)
精品推荐
最新发布

联系我们

电话:400 866 0210 (工作日 9:00 ~ 18:00)

QQ群:385046190

客服:service@pgyer.com

商务:bd@pgyer.com

版权所有 © 西安点测网络科技有限公司 2014 - 2017 陕ICP备15010407号-4