CRUD网页表单devise的最佳范例

我期待修改我们的CRUD网页表单,并希望有良好的用户界面devise的例子。

我们有许多数据库表,用户只需要最less的编辑需求 – 国家代码,税码,产品价格等等 – 目前这些数据库都使用简单的CRUD格式,但它是由开发人员devise的,看起来非常平淡,很可能会有更好的可用性,当然是一个更好的devise。

我们的过程是:

查找屏幕 – 其中还有一个ADD NEWbutton。 input任何与search相关的参数值,然后按FINDbutton。 使用EDIT链接匹配网格中显示的logging。 相应的编辑表单允许CLONE,DELETE和SAVE。

在适当情况下,编辑表单可能会显示子logging。

对于非常复杂的logging/关系,编辑表格被logging卡取代,该logging卡显示包括厨房水槽在内的所有内容! 和适当的logging/子logging有编辑链接。

它的function,但不平坦。

在80:20的基础上,代码是全部机械生成的,所以重新生成一个新的隐喻应该不会太难。

我喜欢Magento电子商务pipe理页面中的很多用户界面,但是我会对可以推荐的任何其他示例感兴趣

6 Solutions collect form web for “CRUD网页表单devise的最佳范例”

以下是UI模式的一些示例:

input控制

堆叠的选项卡

内联input加法器

一页奇才

覆盖

一般来说,每个部分都会解释模式,如何使用和为什么使用,并给出一些graphics作为现实世界的例子。

作为额外的资源,您还可以访问ThemeForest的pipe理模板网站 ,浏览他们的许多产品,并获得图片和devise精美,风格pipe理页面的实时导览。 我个人已经使用这些模板中的一些数据较重的网站。

希望这些帮助你一些。

您可以使用.Net 3.5创build的dynamic数据网站非常方便。 良好的清洁dynamicCRUD能力,但非常可定制的。 通过路由,可以在需要时默认生成页面,如果select创build页面,也可以使用自定义页面。

dynamic数据网站

这些家伙有非常好的例子 –

http://wufoo.com/gallery/

对我来说, Djangopipe理界面是一个CRUD界面的好例子。

我刚刚偶然发现了这个

在那里你会发现一些非常棒的模板!

http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/

  • 捕获一个表单在JavaScript中提交
  • 如何将表单input数组转换为PHP数组
  • SimpleForm没有for(非模型forms)
  • 禁止在<input type = number>上滚动
  • 防止表单redirect或刷新提交?
  • 使用Javascript从加载的iframe中检索HTTP状态代码
  • 如何保持一个checkbox和标签在Rails窗体中的同一行?
  • 如何防止表单被提交?
  • val()与textarea的text()
  • jQuery .val()与.attr(“value”)
  • 如何垂直alignment一个html单选button到它的标签?