开源项目 开源一个 web 后台模板

boostbob · 2013年08月06日 · 最后由 jarorwar 回复于 2013年09月24日 · 8012 次阅读

自己没有设计能力,借用了很多其他的第三方组件,所有的代码 hard code,主要工作是 CSS(LESS) 和 Javascipt,包含一个自己写的 jQuery 插件 Leaderboard(https://github.com/boostbob/jquery.leaderboard),请大家轻拍。

screenshot
view demo
项目地址:https://github.com/boostbob/gappro-theme

#Menu Features

  • Filter by keywords
  • Expand/Collapse menu
  • Drag icons to persist favorite menus
  • Sub Menus
  • Sub quick post
  • Sub quick widget
  • Top navigation menu
  • 7+ menu theme colors

#Widget Features

  • Toolbar layout
  • Defined actions by markup
  • Action Buttons
  • Custom background
  • Widget accordion
  • Widget table
  • Widget header tabs
  • Widget footer

#Forms Features

  • Form elements
  • 2 Editors(Bootstrap WYSIHTML5 Editor, Markdown editor)
  • Validator
  • Wizard
  • Editable elements
  • Input mask
  • Auto size textarea
  • Custom select

#Tables Features

  • Leaderboard tables
  • Static tables
  • Bordered tables
  • Condensed tables
  • Striped tables
  • Dynamic tables
  • Rowlink tables
  • Editable tables

#Other Features

  • 2 login Forms
  • VMap with leaderboard tables
  • Merge Box UI
  • Status Box UI
  • Comapre Box UI
  • Chat UI
  • Mailbox UI
  • TODO UI
  • jQuery UI support
  • Less support(include 25 less files)
  • Google webfonts

眼有点花。。。

可以搞个白色的

这是一个纯模板是吧?不包含跟 Rails 后台相连接的功能是吗?所有的动态数据要自己添加?

@Levan 就是个模板作业哈,和 backend 无关的。

如果想嵌入自己的数据方便吗? 因为你那些显示都是动态的,不是特别了解后台实时后台该怎么做成这样。 比如 @topics.count 这样的值 每隔五秒在后台刷新一次,lz 懂吗?

@Levan 那些都是 js 调用,你把数据放在 js 代码里面或者 html 标签里面,比如:

1. var data = <%[email protected]%>;  
2. <div id="data-provider" data-name="<%[email protected]%>"> 用$("#data-provider").data("name")调用.

第二种被认为要优雅一下。这个就是交流用的,黑色风格不适合用作后台,经常看,眼睛会很受不了的。

太强大了

@boostbob 非常感谢!

黑色太沉重了,对眼睛负担大,不过还是很 cool

最好的后台模板是 Bootstrap !

上 woobootstrap 买一个才十来刀,省事多了

后台用 bootstrap,前台用 foundation. 如果前台用 bootstrap 的话,你需要很多时间去 override bootstrap 附加的样式。

高端,大气,国际化;也真够复杂的。

高端,洋气,上档次

真心不错

需要 登录 后方可回复, 如果你还没有账号请 注册新账号