网站首页 aardio语言 aardio中使用webkit调用layui开发桌面软件初探《二》模块化
aardio中使用webkit调用layui开发桌面软件初探《二》模块化
编辑时间:2018-01-03 作者:金满斗 浏览量:212 来源:原创

把界面做了下模块化封装。把主要的js贴上来吧。

项目截图

2345截图20180103084750.png看到没,主要的views里就放各个界面要用模板文件

/**
 项目JS主入口
 **/
var view_path = './views';
layui.define(['layer', 'element'], function (exports) {
    var  layer = layui.layer
        , element = layui.element
        , $ = layui.$;
    var check = function () {
        var router = layui.router(location.hash)
            , params = router.search
            , path = router.path;

        // 通过 path 获得对应 view
        var view_path = './views', view_html = '';
        for (i = 0; i < path.length; i++) {
            view_path = view_path + '/' + path[i];
        }
        if (!path[0]) {
            view_path = view_path + '/index';
        }
        if (!path[1]) {
            view_path = view_path + '/index';
        }
        view_path += '.aardio';
        //这是调用aardio的函数,网页里要屏蔽,最终上线时都要屏蔽
        external.conlog(path);
        external.conlog(view_path);     
        var loading = layer.load(2);
        $.ajax({
            type: 'get'
            , url: view_path
            , success: function (res) {
                // 填充到页面
                $('.content').html(res);
                layer.close(loading);
            }
            , error: function (res) {
                layer.msg('模板不存在');
                layer.close(loading);
                return 0;
            }
        });
    };

    check();
    
    window.addEventListener('hashchange', function () {     //添加事件监听,锚部分发生变化时执行
        check();
    }); 
    
   /* $(".layui-layout-left .layui-nav-item a").click(function(){
	  check();
	});*/


    exports('app', {});
});

经过试验,快速点动却换的时候有报内存不足,暂时不管它。


直接打包传附件吧。

1514940738129943.zip

感觉本站内容不错,读后有收获? 我要捐助作者 让他以后出更多好东东
来说两句吧