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!

人工智能实验室
相关文章相关文章
  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

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

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...