OFBiz UI 也可以变得很美.doc
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《OFBiz UI 也可以变得很美.doc》由会员分享,可在线阅读,更多相关《OFBiz UI 也可以变得很美.doc(7页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、OFBiz UI 也可以变得很美文章分类:Java编程 OFBiz CSS 解读 OFBiz的Entity Engine和Service Engine 被国人拿来进行疯狂的借鉴和改造。笔者不才,也进行过2次这样开发平台的打造.一次在深圳,一次在上海。 但是OFBiz的UI层一直被视为鸡肋。每个团队都是欲除之而后快。凭心而论OFBiz的Screens.xml和Forms.xml的开发效率和灵活度都属于一个非常高的水准。 唯一遗憾的是他的界面太丑了。太粗糙了。其实把OFBiz的界面打造成国际化流行美观界面的工作并不难。但是我们的程序员们,架构师们对于UI的敏感度太差。直接导致把Css的工作,这个看
2、似简单的工作交给美工们去完成。可以想象接下来的事情。CSS变得又很长很长。 鉴于此,我初浅的解读了一下OFBiz的默认themes。请各位同仁提出宝贵的意见和建议。 我们一般基于OFBiz默认主题tomahawk进行新的themes的创建工作。 一 style.css样式表文件解读 /* This CSS file is used for all OFBiz applications EXCEPT ecommerce. */ /* See the ecommain.css file for ecommerce. */ /* = Resets/Browser Normalization = */
3、 jiasudu phone 15000850008 全局设置 /* = Basic Element Styles = */ 基本元素设置 超连接 disabled 输入框 单选 多选 提交按钮 按钮 重置按钮 上传组件 下拉组件 textarea h1 h2 h3 th /* = Legacy Styles = */ /* The smallSubmit class can be used to decorate links (A elements) and make them similar to forms buttons. */ 装饰元素为按钮式样 装饰红绿图标 A 控件 class装
4、饰的设置 /* = System messages rendering = */ .eventMessage,.errorMessage 系统信息class设置 .mediumSubmit,.largeSubmit,.loginButton 按钮class设置 /* = Product Summary Styles = */ 产品总计设置 /* = Product Detail Styles = */ 产品明细设置 /* = Styles For Form Widgets = */ .formTableBordered border: 0.1em solid #999999; width: 1
5、00%; /* = Styles For The Html Log = */ 系统log 展示设置 其他日志相关 DIV 控件设置 #column-container 设置 /* = New Styles = */ /* = */ /* = Used to clear floats = */ /* = */ clear设置 /* = */ /* = Single Element Styles = */ /* = */ .alert 设置 .hidden 设置 .label 设置 .required必填设置 .tooltip 提示设置 .visible 可视 /* = */ /* = Used
6、to align elements = */ /* = */ .align-float 右浮动 系统默认应该是左边依次排列 .align-text 文本右对齐 系统默认应该都是左对齐 .align-top 文本上对齐 系统默认应该是上下居中 .centered 文本左右居中对齐 /* = */ /* = Masthead (Header) Styles = */ /* = */ 头部设置 完全交给美工 /* = */ /* = Footer Styles = */ /* = */ #footer 根据id设置 可以忽略,完全交给美工 /* = */ /* = Main Navigation B
7、ar Styles = */ /* = */ 导航 1级菜单 2级菜单 设置 /* = */ /* = Screenlet Styles = */ /* = */ screenlet 设置 很重要 /* login screenlet decorator */ .login-screenlet 登录装饰设置 /* ajax auto complete */ 自动完成控件 设置 /* = */ /* = Basic Navigation (Vertical Menu) Style = */ /* = */ .basic-nav设置 菜单导航 /* = */ /* = Button Bar Nav
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- OFBiz UI 也可以变得很美 可以 得很
![提示](https://www.deliwenku.com/images/bang_tan.gif)
限制150内