半个月前,第一次真正意义上的接触页面模板,以前都是在搭好的框架里写写模块,页面样式基本也都是早已存在的,因而一直没有什么强大的认识,一直傻傻的认为页面的样式是一点一点写出来的。
有一次,模块出错,调了多次任无力回天,于是让老大帮忙调了一下,老大看着浏览器上苍白的页面,没有说话,默默地在网上搜了一个比较好看的页面模板,然后,开始了看似漫长的修改。页面其实也没有想像的那么夸张,把模板的js、images、css 复制到项目中后,然后在页面中引入要用到的js、css、等文件,可以在框架中引入header和footer文件,然后在页面中修改修改对应组件的class就行了。
还别说,加入页面模板,看起来瞬间就专业多了。
*下面附上ofbiz框架的修饰器:
<screen name="main-decorator">
<section>
<actions>
<property-map resource="StorageUiLabels" map-name="uiLabelMap" global="true"/>
<property-map resource="CommonUiLabels" map-name="uiLabelMap" global="true"/>
<property-map resource="StorageLabels.xml" map-name="uiLabelMap" global="true"/>
<set field="layoutSettings.shortcutIcon" value="/storage/images/Storage.ico" global="true"/>
<set field="layoutSettings.styleSheets[]" value="/storage/images/css/bootstrap.css" global="true"/>
<set field="layoutSettings.styleSheets[]" value="/storage/images/css/site.css" global="true"/>
<set field="layoutSettings.styleSheets[]" value="/storage/images/css/bootstrap-responsive.css" global="true"/>
<set field="layoutSettings.javaScripts[]" value="/storage/images/js/jquery.js" global="true"/>
<set field="layoutSettings.javaScripts[]" value="/storage/images/js/bootstrap.min.js" global="true"/>
<set field="headerTemplateLocation" from-field="layoutSettings.VT_HDR_TMPLT_LOC[0]" default-value="component://storage/webapp/storage/includes/header.ftl"/>
<set field="footerTemplateLocation" from-field="layoutSettings.VT_FTR_TMPLT_LOC[0]" default-value="component://storage/webapp/storage/includes/footer.ftl"/>
<set field="leftTemplateLocation" from-field="layoutSettings.VT_FTR_TMPLT_LOC[0]" default-value="component://storage/webapp/storage/includes/left.ftl"/>
</actions>
<widgets>
<platform-specific><html><html-template location="component://storage/webapp/storage/includes/headerHead.ftl"/></html></platform-specific>
<container id="header"><platform-specific><html><html-template location="${headerTemplateLocation}"/></html></platform-specific></container>
<container style="container-fluid">
<container style="row-fluid">
<container style="span3">
<platform-specific><html><html-template location="${leftTemplateLocation}"/></html></platform-specific>
</container>
<!-- <platform-specific><html><html-template location="component://common/webcommon/includes/messages.ftl"/></html></platform-specific> -->
<platform-specific><html><html-template location="component://storage/webapp/storage/messages.ftl"/></html></platform-specific>
<container style="span9">
<container style="row-fluid">
<decorator-section-include name="body"/>
</container>
</container>
</container>
<container id="footer"><platform-specific><html><html-template location="${footerTemplateLocation}"/></html></platform-specific></container>
</container>
</widgets>
</section>
</screen>
分享到:
相关推荐
页面模板页面模板页面模板页面模板页面模板页面模板页面模板
01.AxureUX中后台管理信息系统通用原型设计方案 v2(系统框架+页面模板).rp 01.AxureUX中后台管理信息系统通用原型设计方案 v2(系统框架+页面模板).rp 01.AxureUX中后台管理信息系统通用原型设计方案 v2(系统框架+...
html 模板 简约 css 公司简约静态页面模板 动画特效滚动
漂亮的用户登录页面模板,可以根据自己的需要选择添加或删除一些内容
测试过的一个精美的HTML OA页面模板
简单通用登录页面模板,用户登录界面模板,有表单验证功能。
模拟在线考试答题页面模板,考题静态页面展示,单选和多选
HTML5的页面模板,感兴趣的可以互相探讨,小白一枚!
简单有趣的后台登录页面模板,登录界面的好看的模板。html,css等一个demo。适合初学者,简单有趣的后台登录页面模板,登录界面的好看的模板。html,css等一个demo。适合初学者
超酷404页面模板,404报错模板
登录模板,java web 18种登录页面模板,很好很强大
商城app我的订单列表页面模板,
好看的蓝色后台登录页面模板源码下载
web前台页面模板框架,非常实用,可直接下载使用
web登录注册页面模板150款(效果图+源码)
22套精美单页面模板,需要的同学可以下载使用,zsbtzsbt
简洁手机微信商城点餐页面模板,全套模板,包括首页、新增收货地址、管理收货地址、商品详情、订单等手机模板页面。
定位导航页面模板
手机app商城商家入驻个人中心静态页面模板页面模板,是一套静态页面模板,美观大方,现提供给大家使用