2017-05-09 15:24:37 memory_path 阅读数 1554

如题,按官网和博客demo做时总是出现各种问题,总结一个简单可用的demo。
注:需要在模拟器(我用的夜神)和真机才能正常调用sqlite。
用Wex5自带的插件(Native/plugins/),引用方法如下:

require("cordova!com.brodysoft.sqlitePlugin");

我是放在模块加载的事件中测试的建表、插入数据、查询数据:

Model.prototype.modelLoad = function(event) {

        var me = this;
        document.addEventListener("deviceready", onDeviceReady, false);
        //设备就绪
        function onDeviceReady() {
            me.db = window.sqlitePlugin.openDatabase({
                name : "my.db"
            });
            me.db.transaction(function(tx) {
                tx.executeSql('DROP TABLE IF EXISTS test_table');
                tx.executeSql('CREATE TABLE IF NOT EXISTS test_table (id integer primary key, data text, data_num integer)');
                tx.executeSql("INSERT INTO test_table (data, data_num) VALUES (?,?)", ["127.0.0.1", 1], function(tx, res) {
                    alert('ID:' + res.insertId);
                });

                tx.executeSql("select data, data_num from test_table;", [], function(tx, res) {
                    alert('IP:' + res.rows.item(0).data);
                });
            }, function(e) {
                console.log("ERROR:" + e.message);
            });
        }
    };

ID
IP

2017-10-16 17:24:22 bskfnvjtlyzmv867 阅读数 960

环境搭建

运行官方Demo

  • 视频演示:运行WeX5的demo(视频)

  • 遇到问题:

  • 解决方案:修改build.properties文件,将offline=false注释取消。

开发工具使用

  • 开发环境IDE的使用(视频)
  • 基于eclipse的IDE;
  • 菜单栏WeX5文档:Api文档、开发论坛、开发指南、文档中心、新手指南;
  • 窗口——>复位透视图:用于窗口复位;
  • 模型资源:model文件夹下俩个文件夹,UI2是App的编写文件夹,Native是创建打包App的文件夹;

创建第一个应用

教程:

注意:

  • 如果需要谷歌浏览器对真机调试,第一次使用需要 翻墙

UI2下的目录

  • 所有的Web资源按目录组织,可以任意多级目录。system目录包含UI2框架的核心js库、css和组件等资源。UI2下除system目录之外的第一级目录我们通常称为一个Web应用,比如Demo、takeout就是WeX5自带的综合演示和外卖两个应用。每个应用由多个页面和相关的资源组成,比如外卖有一个页面(index.w),demo应用就可以看到很多个页面。开发WeX5的应用,就是利用系统js库、css库和组件编写应用页面(.w)。

  • 页面是UI2的核心,页面是一个相对独立可复用的界面展现和交互单元,它即可作为Web页面独立运行,也可作为一个页面片段嵌入到别的页面运行。每个页面包括.w、.js和.css三个同名文件,.w是页面的主文件,.js和.css可以没有。如果页面有.js和.css文 件,.w在编译运行时会自动引入, 不需要手工在.w里链接引用。比如外卖页面包含index.w、index.js、index.csss三个文件,在浏览器请求index.w时,index.w会自动请求index.js和index.css。

2018-11-29 08:44:47 zhang_z_ming 阅读数 293

使用蓝牙插件   需要在js中添加

require("cordova!cordova-plugin-ble-central");

 

ble插件具体文档:

http://docs.wex5.com/cordova-plugin-ble-central/

 

demo地址:

wex5 3.6版本中:

蓝牙插件 cordova-plugin-ble-central新增了完整的demo;

位置:/demo/plugin/BLECentral

 

百度地图插件 :包括com.justep.cordova.plugin.baiduMapBase;与com.justep.cordova.plugin.baiduMapSearch ,分别为百度地图的不同模块,通过这两个插件,基本可实现原生百度地图SDK的全部能力

 

wex5学习笔记总结

阅读数 299

wex5在开发调试阶段在本地测试

博文 来自: cy19734682
没有更多推荐了,返回首页