如何使用ruby设计Web UI

问题描述 投票:-3回答:1

使用像Sinatra这样的轻量级框架,如何最好地呈现信息并从用户那里接收信息,这些信息易于编码,但又令人赏心悦目。

前端设计不是我的强项,所以我正在寻找可以让我直接向用户显示信息并允许用户向后端发出工作请求的选项。这也应该有移动浏览器支持。

例如,在主页面上,我想列出一些机器的状态,它有两个按钮来启动和停止工作:

System powered:      On
System status:       Idle
Workload present:    True
Last work activated: Today

[Start Work]  [Pause Work]

但我想在眼睛格式化,UI设计和颜色化方面有一些简单,不会让用户掏出他们的眼睛。

或多或少我想要向用户输出文本信息并接受按钮按下以在后端触发事件,而不必花费数天时间浏览引导程序框架的文档或者学习CSS,HTML5和javascript的复杂性。

谢谢。

ruby sinatra
1个回答
0
投票

首先,我建议添加前端相关标签,如html cssjavascript以及ui design。因此,对这些技术(Web UI设计)非常感兴趣的人可以填写并提供一些建议/答案。

其次,这个问题似乎相当广泛。一开始你问到了如何呈现和接收信息,然后你就会有一个前端的例子。

无论如何,这是我的答案:

https://jsfiddle.net/tgcmkf0p/6/

© www.soinside.com 2019 - 2024. All rights reserved.