码迷,mamicode.com
首页 > 其他好文 > 详细

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>

 

 

存在问题1:该网址在IE浏览器和360浏览器都不能正常打开,在谷歌浏览器可以正常打开。

页面初始视图:设备位置、统计报表、Windows按键、ie浏览器按钮、时间显示、消息提示。

核心功能视图:设备位置、统计报表

技术分享图片技术分享图片

上述两个视图按钮每次点击都会弹出相应的新窗口,多次点击弹出多个窗口。

点击‘统计报表’,弹出的窗口为/Template/chart.html 文件;

点击‘设备位置’,弹出的窗口为/Template/map.html文件;

 

Statistics项目学习笔记

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

原文地址:https://www.cnblogs.com/fyp7077/p/8955066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!