xxJs/dome.html at master · a2235565/xxJs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="time"></div>
<div id="showDiv"></div>
<div id="showDiv1"></div>
<div class="needRenderClass">
    ${{data.showTitle}}
    ${{data.haha}}
    ${{data.xx}}
</div>
<div id="page"></div>
</body>
<tpl  class="tplClass" attr-value="value" tplId="goods">
    <p >${{value.goods_id}}:渲染间隙 ${{value.goods_name}}无用文字填充</p>
</tpl>
<tpl  class="tplClass" attr-value="value" tplId="goods1">
    <p>
        ${{value.goods_id}}:渲染---间隙 ${{value.goods_name}}无用文打撒所大字填充
    </p>
</tpl>


<script src="xx.js"></script>
<script>
    //  xx_resource/conf.js 下的
    //xx_app_base_path:'/xxJs',
    //xx_conf_path:'/xx_resource',
    //xx_module_path:'/xx_resource/module',
    //三个路径 需要填着正确否则核心文件无法导入

    xxJs.init(function () {
        let app = xxJs;
        let $ = app.$;
        app.requseModule(['pageHelp','renderTools','tools','msgbox'],function () {
            let msgbox = app.msgbox;
            msgbox.loaddingshow()
            //工具类
            let tools = app.tools;
            $('#time').html(tools.time.getIntTime());

            tools.cache.init();
            tools.cache.set('cacheTest','10',5);
            console.log(tools.cache.get('cacheTest'),'5秒回收');
            setTimeout(function () {
                console.log(tools.cache.get('cacheTest'),'6秒后');
            },6000)

            //分页案例
            let page = app.pageHelp;
            page.setNowPage(tools.query.Get('page'))
            page.setDataSize(200)
            page.setRowSize(8)
            let pageStr = page.doRender(function (page) {
                return '?page='+page;
            },
            function (page) {
                return `doRenderData(${page})`
            });
            $('#page').html(pageStr);
            page.doRender()
            //end

            //页面渲染器
            let renderTools = app.renderTools;
            renderTools.init();
            renderTools.renderList('goods',[{goods_id:1,goods_name:213},{goods_id:1,goods_name:213},{goods_id:1,goods_name:213}],'showDiv');
            renderTools.renderList('goods1',[{goods_id:1,goods_name:213}],'showDiv1');
            renderTools.setTitle('测试渲染页面');
            renderTools.setKeywords('测试|渲染');
            renderTools.setDescription('测试渲染');
            renderTools.renderInfo({
                showTitle:'测试渲染单环境',
                haha:'测试渲染单环境1',
                xx:'测试渲染单环境2',
            });
            //end
            //模拟异步网络加载
            setTimeout(function () {
                msgbox.loaddinghide()
            },1000)
        })
    });

</script>
</html>