ofbiz ui 也可以变得很美

《ofbiz ui 也可以变得很美》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、OFBizUI也可以变得很美文章分类:Java编程   －－－－－－－－－OFBizCSS解读－－－－－－－－－      OFBiz的EntityEngine和ServiceEngine被国人拿来进行疯狂的借鉴和改造。笔者不才,也进行过2次这样开发平台的打造.一次在深圳，一次在上海。   但是OFBiz的UI层一直被视为鸡肋。每个团队都是欲除之而后快。凭心而论OFBiz的Screens.xml和Forms.xml的开发效率和灵活度都属于一个非常高的水准。   唯一遗憾的是他的界面太丑了。太粗糙了。其实把OFBiz的界面打造成国际化流

2、行美观界面的工作并不难。但是我们的程序员们，架构师们对于UI的敏感度太差。直接导致把Css的工作，这个看似简单的工作交给美工们去完成。可以想象接下来的事情。CSS变得又很长很长。   鉴于此，我初浅的解读了一下OFBiz的默认themes。请各位同仁提出宝贵的意见和建议。   我们一般基于OFBiz默认主题tomahawk进行新的themes的创建工作。一style.css样式表文件解读   /*ThisCSSfileisusedforallOFBizapplicationsEXCEPTecommerce.*/   /*Seethe"

3、ecommain.css"fileforecommerce.*/   /*=====Resets/BrowserNormalization=====*/jiasuduphone15000850008全局设置/*=====BasicElementStyles=====*/基本元素设置超连接disabled输入框单选多选提交按钮按钮重置按钮上传组件下拉组件textareah1h2h3th/*=====LegacyStyles=====*//*The"smallSubmit"classcanbeusedtodecoratelinks(Ael

4、ements)andmakethemsimilartoform'sbuttons.*/装饰元素为按钮式样装饰红绿图标A控件class装饰的设置/*=====Systemmessagesrendering=====*/.eventMessage,.errorMessage  系统信息class设置.mediumSubmit,.largeSubmit,.loginButton按钮class设置/*=====ProductSummaryStyles=====*/产品总计设置/*=====ProductDetailStyles=====*/产

5、品明细设置/*====StylesForFormWidgets===*/.formTableBordered{border:0.1emsolid#999999;width:100%;}/*====StylesForTheHtmlLog===*/系统log展示设置其他日志相关DIV控件设置#column-container 设置/*=====NewStyles=====*//*================================*//*=====Usedtoclearfloats=====*//*==============

6、==================*/clear设置/*=================================*//*=====SingleElementStyles=====*//*=================================*/.alert设置.hidden设置.label设置.required必填设置.tooltip提示设置.visible可视/*==================================*//*=====Usedtoalignelements=====*//*===

7、===============================*/.align-float右浮动系统默认应该是左边依次排列.align-text文本右对齐系统默认应该都是左对齐.align-top文本上对齐系统默认应该是上下居中.centered文本左右居中对齐/*====================================*//*=====Masthead(Header)Styles=====*//*====================================*/头部设置完全交给美工/*===========

8、==============================*//*=====FooterStyles=====================*//*==================================