Statistics项目学习笔记

时间：2018-04-26 23:18:52 阅读：164 评论：0 收藏：0 [点我收藏+]

标签：文件界面 alt statistic info 学习位置笔记 bubuko

1、

http://218.244.157.0:55443/index.html

初始访问时，弹出的窗口为index.html文件，文件有html命令组成。html展现的UI界面用的是WIN10-UI，其介绍可在项目文件夹的README.md有所介绍。

Win10-UI是一款win10风格的后台UI，让您轻松搭建一个别具一格的后台界面。

本项目html文件中结构主要是head、body、script；map.html和chart.html用到了script；head：解释了该html文件用到的css和js文件等；body：解释了html UI操作响应；

script：解释了html中会执行的一些方法函数操作，。

index.html中body部分：

    <div id="win10">
        <div class="desktop">
            <div id="win10-shortcuts" class="shortcuts-hidden">
                <div class="shortcut"
                     onclick="Win10.openUrl(‘/Template/map.html‘,
                     ‘<img class=\‘ icon\‘ src=\‘./img/icon/maps.png\‘ />设备位置‘)">
                <img class="icon" src="./img/icon/maps.png" />
                <div class="title">设备位置</div>
            </div>
            <div class="shortcut" onclick="Win10.openUrl(‘/Template/chart.html‘,
                 ‘<img class=\‘ icon\‘ src=\‘./img/icon/demo.png\‘ />统计报表‘)">
                <img class="icon" src="./img/icon/demo.png" />
                <div class="title">统计报表</div>
            </div>
        </div>
        <div id="win10-desktop-scene"></div>
    </div>

下面这部分解释了点击设备位置，会打开位于项目Template文件夹下的map.html文件

            <div id="win10-shortcuts" class="shortcuts-hidden">
                <div class="shortcut"
                     onclick="Win10.openUrl(‘/Template/map.html‘,
                     ‘<img class=\‘ icon\‘ src=\‘./img/icon/maps.png\‘ />设备位置‘)">
                <img class="icon" src="./img/icon/maps.png" />
                <div class="title">设备位置</div>
            </div>

下面这部分解释了点击设备位置，会打开chart.html文件：

            <div class="shortcut" onclick="Win10.openUrl(‘/Template/chart.html‘,
                 ‘<img class=\‘ icon\‘ src=\‘./img/icon/demo.png\‘ />统计报表‘)">
                <img class="icon" src="./img/icon/demo.png" />
                <div class="title">统计报表</div>
            </div>