使用像Sinatra这样的轻量级框架,如何呈现信息和从用户那里接收信息的最佳方式,这种方式既易于编码,又赏心悦目。
前端设计不是我的强项,所以我正在寻找一些选项,这些选项将允许我直接向用户显示信息并允许用户向后端发出工作请求。这也应该具有移动浏览器支持。
例如,在主页上,我想列出一些机器的状态,并带有两个按钮来开始和停止工作:
System powered: On
System status: Idle
Workload present: True
Last work activated: Today
[Start Work] [Pause Work]
但我希望有一些简单的眼睛格式、UI 设计和着色,不会让用户挖出他们的眼睛。
或多或少,我想向用户输出文本信息并接受按下按钮以在后端触发事件,而无需几天来挖掘引导框架的文档或学习 CSS、HTML5 和 JavaScript 的复杂性。
谢谢。
首先,我建议添加与前端相关的标签,如html
css
和javascript
和ui design
。因此,对这些技术(Web UI设计(有浓厚兴趣的人可以加入并为您提供一些建议/答案。
其次,这个问题似乎相当广泛。一开始你问的是呈现和接收信息,然后你有一个前端的例子。
无论如何,这是我的答案:
https://jsfiddle.net/tgcmkf0p/6/