我正在为嵌入式平台创建一个相对简单的web UI。对于布局样式,bootstrap 4似乎是一个不错的选择。这个想法是一个单页应用程序,不使用任何额外的框架。页面数量非常有限,可能是一个固定的导航栏或4页的选项卡。大多数页面将包含许多显示信息的“卡片”。导航将通过websocket从嵌入式部件进行控制。
我对Javascript和web编程没有太多经验,所以一些提示或建议会很有帮助。
最简单的方法是添加相同的类(假设是 _view )和不同的ID到您的“视图”。 你就是这样 $('._view').hide(); $('#' +id).show();
_view
$('._view').hide(); $('#' +id).show();