You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
iot/projects/IoTCenter/wwwroot/iot.html

103 lines
3.8 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="theme-color" content="#2196f3" />
<link rel="stylesheet" href="lib/framework7/css/framework7.bundle.min.css" />
<link rel="stylesheet" href="css/framework7-icons.css" />
<link rel="stylesheet" href="css/app.css" />
<title>科学技术学院</title>
</head>
<body>
<div id="app">
<div class="statusbar"></div>
<div class="view view-main view-init ios-edges" data-url="/">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<!--<a href="#" class="link back">
<i class="icon icon-back"></i>
<span class="ios-only">返回</span>
</a>-->
</div>
<div class="title sliding">智慧教室</div>
<div class="right">
<a href="index.html" class="external" data-panel="right">
<i class="f7-icons">close</i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="list links-list">
<ul id="nodeList">
<li>
<a href="#" class="external item-link list-button">扫一扫</a>
</li>
<li>
<a href="webqr.html" class="external item-link list-button">设置</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="lib/mobile-detect/mobile-detect.min.js">
</script>
<script src="lib/framework7/js/framework7.bundle.min.js">
</script>
<script>
var $$ = Dom7;
var os = new MobileDetect(navigator.userAgent).os();
var theme = os == "AndroidOS" ? "md" : "ios";
if (document.location.search.indexOf('theme=') >= 0) {
theme = document.location.search.split('theme=')[1].split('&')[0];
}
var app = new Framework7({
root: '#app',
theme: theme,
routes: [
{
path: '(.*)',
async: function (routeTo, routeFrom, resolve, reject) {
resolve({ url: routeTo.url });
}
}
]
});
</script>
<script src="lib/vue/vue.min.js"></script>
<script>
var server = window.name || 'http://192.168.3.84:8080';
app.dialog.alert(server);
var url = server + '/api/v1/iot/IoT/nodes';
app.dialog.alert(url);
Framework7.request.get(url, function (response) {
app.dialog.alert(response);
});
</script>
<script src="lib/signalr/signalr.min.js"></script>
<script>
const connection = new signalR.HubConnectionBuilder()
.withUrl('http://192.168.3.84:8001' + "/hub?group=nodes")
.build();
function connect() {
console.log('start connect to server:' + Date());
connection.start().then(function () {
}).catch(function (err) {
console.error(err.toString());
setTimeout(connect, 15 * 1000);
});
}
connect();
</script>
</body>
</html>