最近的文章列表

AngularJS的五大特性 - 双向数据绑定、模板、MVC、依赖注入(DI)、Directives(指令)

AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML词汇,从而在web应用程序中使用HTML声明动态内容。

AngularJS可以让你扩展HTML的语法,以便清晰、简洁地表示应用程序中的组件,并允许将标准的HTML作为你的模板语言,AngularJS可以通过双向数据绑定自动从拥有JavaScript对 象(模型)的UI(视图)中同步数据。

特性一:双向数据绑定

2014/10/24 Comments:
Angularjs第三方模块angular-route和angular-ui-router的区别、差异、不同

ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢?

很多文章中都有说道:当时ngRoute在路由配置时用$routeProvider,但是当ui-router路由配置时用 $stateProvider 和 $urlRouterProvider。

那么它们有什么不同呢?

1、ngroute是用AngularJS框架的核心部分。

2、ui-router是一个社区库,它是用来提高完善ngroute路由功能的。

2014/9/19 Comments:
Angularjs第三方插件ui-bootstrap-tpls.min.js和ui-bootstrap.min.js的区别、差异、不同

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
2014/9/19 Comments:
解决php中smarty模板truncate UTF8乱码问题的办法

在使用smarty模板的同僚中估计都遇到过裁切乱码问题。特别是UTF8编码的。

以下代码保存为modifier.truncate2.php 存到smarty libs下的plugin目录下

然后裁剪的时候用$v->content|truncate2:100

就搞定了。

如果不好用可能是缓存导致,请速度删除templates_c下的缓存文件(小编搞的时候遇到缓存问题。)

2014/8/7 Comments:
ThinkPHP导入资源文件方法利用模板引擎的详解

一般而言,网页传统方式的导入外部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

2014/7/21 Comments:
详解ThinkPHP3.1.2版本之模板继承

模板继承是ThinkPHP3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层。模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义的区块进行重载。

因此,模板继承的优势其实是设计基础模板中的区块(block)和子模板中替换这些区块。
每个区块由<block></block>标签组成,并且不支持block标签的嵌套。
下面就是基础模板中的一个典型的区块设计(用于设计网站标题):

2014/7/4 Comments:
详解ThinkPHP3.1.2版本之模块和操作映射

模板和操作映射功能是ThinkPHP3.1.2版本支持的对模块和操作设置的映射机制,由于可以通过改变配置动态改变(实际真正改变,并非别名)URL访问地址,加强了应用的安全性,而且,映射机制具有URL不区分大小写访问的特性,对于应用的迁移也有很大的帮助。

因为,普通情况下,如果需要更改URL的模块或者操作访问的话,需要改动的文件较多,容易导致关联性出错。尤其是很多应用需要迁移到新版本的时候,由于模型和控制器改动较多,导致URL地址出现大的调整,通过模块和操作映射功能,就可以很轻松的解决此类问题。

1.模块映射

要定义模块映射,我们只需要在配置文件中定义:

2014/7/3 Comments:
添加destoon公司主页模板风格的方法

DESTOON系统为我们提供了几套默认的主页模板,如果没有我们满意的,还可以自己动手来制作模板,下面我们先来看看系统里公司模板所涉及到的几个关键位置。

公司主页模板存放于 模板目录/homepage/ (默认为template/default/homepage)

公司主页风格存放于 company/skin/

这两个位置很重要,是公司主页模板存放的位置,也是制作模板存放的位置,一般情况下,建议不要直接修改默认模板或风格,以备制作参考。

如果需要创建一套新模板,可以将 模板目录/ homepage目录复制一份 例如 模板目录/newhomepage,对应

2014/6/30 Comments:
汇总destoon各类调用手册

根目录、模板目录和样式目录:

{DT_PATH}
{DT_SKIN}

导入头脚:

{template 'header'}
{template 'footer'}

对应模块首页:

{$MODULE[$moduleid][linkurl]} //注:$moduleid表示对应模块的ID号

对应模块列表页:

2014/6/30 Comments:
分享Destoon模板制作简明教程

对于制作Destoon的模板来说,首先需要理解两个Destoon的概念:模板(template)和风格(skin)。模板存放于系统template 目录,风格(系统界面的图片、css文件)存放于系统skin目录,也就是说,template放置页面文件,skin放置样式文件。

Destoon模板制作过程:

首先,把template和skin文件夹下原有的default文件夹各复制拷贝一份,同时改名为newmoban,准备在系统自带的默认模版文件基础上修改成自己的模版。
然后,修改template和skin文件夹下的文件these.name.php的内容,添加新模版的名字:

2014/6/30 Comments: