WeX5界面模块化的使用—如何显示声明依赖
2015-06-04 22:12
246 查看
部署方式一:页面等应用资源打包到本地app,通过本地app直接访问(编译方式一);
部署方式二:页面等应用资源部署到标准Web服务器,通过浏览器或本地app壳访问(编译方式一);
部署方式三:页面等应用资源部署到UIServer,通过浏览器或本地app壳访问(编译方式二);
如果是前两种部署方式,需要将应用所用的资源打包到本地app或复制到标准的Web服务器。“应用所用的资源”一般情况下都在应用的自己目录下,如果需要依赖应用目录之外的资源,就需要显示声明资源依赖。声明资源依赖有以下几种:
声明cordova插件依赖(针对移动应用);
声明window文件依赖;
声明res资源依赖;
声明cordova插件依赖(针对移动应用)
WeX5移动应用中,可以使用cordova插件调用手机或PAD提供的本地功能或服务,平台提供了丰富的cordova插件,如下图:我们不仅可以直接使用WeX5中自带的cordova插件,也可以扩展定义自己的cordova插件,参考“WeX5如何使用和扩展本地插件(Cordova plugin)”。
有了cordova插件之后,我们在应用如何引用呢?引用的方式如下:
require(“cordova!应用包名”)
其中“应用包名”就是cordova插件所在的目录名,例如“com.justep.cordova.plugin.alipay”、“com.justep.cordova.plugin.weixin”;
例如,在WeX5自带的“摄像头拍照/录像”案例中,引用的“org.apache.cordova.camera”和“org.apache.cordova.inappbrowser”插件,
/UI2/demo/device/camera/mainActivity.js中的代码如下:
声明window文件依赖
语法:require(“w!W文件路径”);说明:W文件路径支持以下模式:
以”./”或”../”开关的相对路径,相对于当前js所在的路径;
以”$UI/”开头的绝对路径,其中$UI表示UI2;
W文件路径必须指向一个具体的W;
声明res资源依赖
语法:require(“res!资源路径”);说明:资源路径支持以下模式:
以”./”或”../”开关的相对路径,相对于当前js所在的路径;
以”$UI/”开头的绝对路径,其中$UI表示UI2;
资源路径允许指向一个目录或一个文件;
作者: hecr|四月
22nd, 2015|UI框架|0条评论
分享此文,选择分享平台!
[0]=http://www.gravatar.com/avatar/2f8ec4a9ad7a39534f764d749e001046.png&p[title]=WeX5%E7%95%8C%E9%9D%A2%E6%A8%A1%E5%9D%97%E5%8C%96%E7%9A%84%E4%BD%BF%E7%94%A8%26%238212%3B%E5%A6%82%E4%BD%95%E6%98%BE%E7%A4%BA%E5%A3%B0%E6%98%8E%E4%BE%9D%E8%B5%96]" target=_blank>=http://wex5.com/cn/ui2-module-03/&p[images][0]=http://www.gravatar.com/avatar/2f8ec4a9ad7a39534f764d749e001046.png&p[title]=WeX5%E7%95%8C%E9%9D%A2%E6%A8%A1%E5%9D%97%E5%8C%96%E7%9A%84%E4%BD%BF%E7%94%A8%26%238212%3B%E5%A6%82%E4%BD%95%E6%98%BE%E7%A4%BA%E5%A3%B0%E6%98%8E%E4%BE%9D%E8%B5%96][url=https://twitter.com/share?text=WeX5%E7%95%8C%E9%9D%A2%E6%A8%A1%E5%9D%97%E5%8C%96%E7%9A%84%E4%BD%BF%E7%94%A8%26%238212%3B%E5%A6%82%E4%BD%95%E6%98%BE%E7%A4%BA%E5%A3%B0%E6%98%8E%E4%BE%9D%E8%B5%96&url=http%3A%2F%2Fwex5.com%2Fcn%2Fui2-module-03%2F]
关于作者:
hecr
发表评论
分类目录
全部展开 | 全部收缩未分类
知识中心-BeX5
知识中心-WeX5
Cordova/Phonegap插件
Native框架
UI框架
WeX5/BeX5
UIServer的缓存机制
Data组件的JSON数据格式
WeX5界面模块化的使用—如何显示声明依赖
WeX5界面模块化的使用—引用css和text
WeX5
& BeX5 页面框架核心之数据绑定
WeX5界面模块化的使用—JS引用
UI2前端框架基础02:框架结构图和目录
UI2前端框架基础01:应用和页面
WeX5数据绑定05:css绑定
WeX5数据绑定04:html绑定
WeX5数据绑定03:text绑定
WeX5
App与服务端交互原理
WeX5本地App(Android和IOS)使用电脑(PC)调试
WeX5数据绑定02:visible绑定
WeX5数据绑定01:初体验
WeX5入门
WeX5后端框架
WeX5概述
本地App打包发布
组件
WeX5
Web App部署
页面跳转
样式
页面布局
近期文章
在项目中合理使用角色进行组织授权WeX5 默认带的MySQL如何做成Windows服务
让MySQL支持远程连接
设置session失效时间
WeX5模型资源打包导出
近期评论
kkemao发表在《baas.net:WeX5后端服务框架for.NET》
诺一发表在《WeX5开发指南》
summer发表在《微信、支付宝支付开发教程》
summer发表在《微信、支付宝支付开发教程》
cheng发表在《BeX5
建模过程》
文章归档
2015年六月2015年五月
2015年四月
2015年三月
2015年二月
功能
登录文章RSS
评论RSS
相关文章推荐
- SPOJ QTREE Query on a tree
- 20135331文艺实验三
- 黑马程序员_Java_集合总结
- 数据库系统原理大作业——自行车出租
- 设计类图
- NSValue
- bzoj3994
- 人机交互设计——“搜狗输入法”分析
- C#中XmlSerializer实现序列化浅析
- 黑马程序员_Java_IO流(一)
- [cernRoot]how to deal with TPavetext->SetTextAngle()?
- 8051 CPU学习
- 深入理解计算机系统(笔记):程序的机器级表示
- Prim---求最小生成树(贪心算法)
- jquery动画
- 整理的经典面试题及各种库函数的自己实现
- 程序员面试题及答案收集(更新........)
- hdu5255 魔法因子
- 关于表单提交中,元素属性为readonly或disabled的一个小细节~~
- 黑马程序员_Java集合概述