AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML词汇,从而在web应用程序中使用HTML声明动态内容。
AngularJS可以让你扩展HTML的语法,以便清晰、简洁地表示应用程序中的组件,并允许将标准的HTML作为你的模板语言,AngularJS可以通过双向数据绑定自动从拥有JavaScript对 象(模型)的UI(视图)中同步数据。
ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢?
很多文章中都有说道:当时ngRoute在路由配置时用$routeProvider,但是当ui-router路由配置时用 $stateProvider 和 $urlRouterProvider。
那么它们有什么不同呢?
1、ngroute是用AngularJS框架的核心部分。
2、ui-router是一个社区库,它是用来提高完善ngroute路由功能的。
Angularjs火的一塌糊涂,它的双向绑定确实很好用,但是,UI样式是弱项,BootStrap几乎与之同期横空出世,样式那叫一个美呀。所以,ng搭载bootstrap,那叫一个郎才女貌呀!!!
废话别一大堆了,说正题:
一句话说明区别:ui-bootstrap-tpls.min.js == (ui-bootstrap.min.js + html templates)
如果,你只在项目中选择了:ui-bootstrap.min.js。那么:你也将需要提供您自己的HTML模板。
否则的话,你将会看到类似这样的错误:
GET http://camnpr.com/website/template/tooltip/tooltip-popup.html 404 (Not Found) angular.js:7073
Error: [$compile:tpload] http://errors.angularjs.org/undefined/$compile/tpload?p0=template%2Ftooltip%2Ftooltip-popup.html
在使用smarty模板的同僚中估计都遇到过裁切乱码问题。特别是UTF8编码的。
以下代码保存为modifier.truncate2.php 存到smarty libs下的plugin目录下
然后裁剪的时候用$v->content|truncate2:100
就搞定了。
如果不好用可能是缓存导致,请速度删除templates_c下的缓存文件(小编搞的时候遇到缓存问题。)
一般而言,网页传统方式的导入外部JS和CSS等资源文件的方法是直接在模板文件使用:
<script type='text/javascript' src='/Public/Js/Util/Array.js'>
<link rel="stylesheet" type="text/css" href="/App/Tpl/default/Public/css/style.css" />
ThinkPHP的模板引擎提供了专门的标签来简化上面的导入。
1.import标签
第一个是impo
模板继承是ThinkPHP3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层。模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义的区块进行重载。
因此,模板继承的优势其实是设计基础模板中的区块(block)和子模板中替换这些区块。
每个区块由<block></block>标签组成,并且不支持block标签的嵌套。
下面就是基础模板中的一个典型的区块设计(用于设计网站标题):
模板和操作映射功能是ThinkPHP3.1.2版本支持的对模块和操作设置的映射机制,由于可以通过改变配置动态改变(实际真正改变,并非别名)URL访问地址,加强了应用的安全性,而且,映射机制具有URL不区分大小写访问的特性,对于应用的迁移也有很大的帮助。
因为,普通情况下,如果需要更改URL的模块或者操作访问的话,需要改动的文件较多,容易导致关联性出错。尤其是很多应用需要迁移到新版本的时候,由于模型和控制器改动较多,导致URL地址出现大的调整,通过模块和操作映射功能,就可以很轻松的解决此类问题。
1.模块映射
要定义模块映射,我们只需要在配置文件中定义:
DESTOON系统为我们提供了几套默认的主页模板,如果没有我们满意的,还可以自己动手来制作模板,下面我们先来看看系统里公司模板所涉及到的几个关键位置。
公司主页模板存放于 模板目录/homepage/ (默认为template/default/homepage)
公司主页风格存放于 company/skin/
这两个位置很重要,是公司主页模板存放的位置,也是制作模板存放的位置,一般情况下,建议不要直接修改默认模板或风格,以备制作参考。
如果需要创建一套新模板,可以将 模板目录/ homepage目录复制一份 例如 模板目录/newhomepage,对应
根目录、模板目录和样式目录:
{DT_PATH}
{DT_SKIN}
导入头脚:
{template 'header'}
{template 'footer'}
对应模块首页:
{$MODULE[$moduleid][linkurl]} //注:$moduleid表示对应模块的ID号
对应模块列表页:
对于制作Destoon的模板来说,首先需要理解两个Destoon的概念:模板(template)和风格(skin)。模板存放于系统template 目录,风格(系统界面的图片、css文件)存放于系统skin目录,也就是说,template放置页面文件,skin放置样式文件。
Destoon模板制作过程:
首先,把template和skin文件夹下原有的default文件夹各复制拷贝一份,同时改名为newmoban,准备在系统自带的默认模版文件基础上修改成自己的模版。
然后,修改template和skin文件夹下的文件these.name.php的内容,添加新模版的名字: