WeCenter 2.x模板开发基础教程

  次阅读 来源:互联网(转载协议) 2016-01-19 13:01 我要评论(0)

一、 模板目录作用说明(以默认模板为例)

/views/default/

/account账户相关模板,如登录,注册等

/admin后台

/block通用模块

/config配置分页样式

/favorite我的收藏

/feature专题

/global全局通用模块,如头部,底部

/home首页,发现页

/inbox私信

/install安装

/invitation邀请好友

/m移动版本模板

/migrate安装上传目录设置

/notifications通知

/people个人页面

/publish发起

/question问题

/reader阅读器

/search搜索

/topic话题

注意 : 目录下ajax目录下模板为数据模板

二、Static目录下个别文件作用说明 :

css(根据图片说明,以default为例)

bootstrap.cssbootstrap框架

glyphicons-halflings.pngbootstrap框架的icon图片

glyphicons-halflings-white.png同上

btn-sprite.css按钮css

common.css模板主css文件

ie7.cssie7兼容性css

link.css全站字体颜色

login.css登录页面css

register.css注册页面css

user-setting.css用户设置页面css

user.css用户主页css

2.javascript(以图片说明)

aw_template.js页面通用模板文件,如弹窗模板

function.js全站基本功能函数

app.js页面加载时调用的js

/editor编辑器js

/plug_module/plug-in_module.js全站基础框架js,内涵jQuery,bootstrap,附件上传,Hogan模板引擎

三、模板继承机制

四、创建新模板方法

css创建 : 在static/css/目录下创建模板名字目录为newstyle,并在newstyle目录内创建相应名字的css文件,如果有相应模板的图片文件则 再创建一个img目录,没有的话可以忽略,如下图所示

创建新的css后,可在里面添加新模板的css和重写default原有的css进行覆盖。注意 : css文件名字必须跟模板名字相同 模板创建 : 在views目录下创建和模板名字相同的文件夹,如下图所示

假设要为新的模板制作一个新的登陆页面,可以先将default目录下相应的目录和文件先拷贝到新的模板文件下再进行修改,下图所示 :

要修改别的模板也是重复以上操作,创建了新模板文件后,登录后台就可以在界面设置里面选择新的模板

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 长虹新款智能语音空调,告诉你空调也能玩Siri

    长虹新款智能语音空调,告诉你空调也能玩Siri

  • 品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

    品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

  • 让AI触手可及  Qualcomm携手创通联达推出全新终端侧AI开发套件

    让AI触手可及 Qualcomm携手创通联达推出全新终端侧AI开发套件

  • 第一批国家重点研发计划公布,旷视科技开启“五年行动”

    第一批国家重点研发计划公布,旷视科技开启“五年行动”

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...