本文目录一览:
- 1、如何灵活使用AssetBundle管理CSS样式及JS脚本
- 2、网站后台广告管理,就是生成一段JS代码的那种
- 3、[PHPCms教程] 标签JS如何调用管理
- 4、我想把html和js分离管理,于是把script标签中的所有代码剪切到js文件中保存,script
如何灵活使用AssetBundle管理CSS样式及JS脚本
举个例子吧。
参考下面代码:
namespace app\assets;
use yii\web\AssetBundle;
class AppAsset extends AssetBundle {
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'public/skin/default_skin/css/theme.css',
];
public $js = [
'public/vendor/jquery/jquery-1.11.1.min.js',
'public/vendor/jquery/jquery_ui/jquery-ui.min.js',
'public/js/bootstrap/bootstrap.min.js',
];
//依赖包
public $depends = [
//这里写依赖包即可,没有就别写
];
//导入当前页的功能js文件,注意加载顺序,这个应该最后调用
public static function addPageScript($view, $jsfile) {
$view-registerJsFile($jsfile, [AppAsset::className(), 'depends' = 'app\assets\AppAsset']);
}
//导入编辑器
public static function addCkeditor($view) {
$view-registerJsFile('/public/js/utility/ckeditor/ckeditor.js', [AppAsset::className(), 'depends' = 'app\assets\AppAsset']);
}
}
可以看到上面创建的类中已经预定义了两个静态方法addPageScript和addCkeditor,其中addCkeditor是一个第三方的js组件,是个编辑器,具体的开发环境中可以写别的方法名及加载别的组件。
那么上面这个东西写好后应该如何去使用呢?
在模板页开头部分加上这句话:
//自动加载资源
AppAsset::register($this);
这样会在模板页加载基础的项目资源文件,比如css和js什么的。
现在有一个视图叫create-mail,需要使用ckeditor编辑器,那么应该在create-mail视图的开头加上这句话:
//导入ckeditor包资源
\app\assets\AppAsset::addCkeditor($this);
最后解释一下,addCkeditor()方法是预先定义好的,这样可以把一些常见的包都拆包并预处理好,如果觉得麻烦可以直接使用如下的方式:
//导入ckeditor包资源
\app\assets\AppAsset::addPageScript($this,'js文件相对路径或url');
网站后台广告管理,就是生成一段JS代码的那种
首先,我先说下我对后天的了解,后天其实是对前台页面的操作,操作会有什么呢,页面的布局后台是不会碰的,一般来说就是信息,信息主要分为文字和非文字信息(视频等),而页面中的文字一般来之与数据库,因为数据库会有相应的表存储着我们的信息,而那个分文字的信息,也存在数据库吗?
不是的,有URL,URI,一般中小网站都是存储着页面要特换的URL。
所以综合上面的分析,后天对前台的操作,无非是改变这些文字和URL。
所以后台其实是实现对相对应表的增删改操作就行了。
简单的说前台A页面中有个广告标题,它读取数据库里广告表中
标题字段的信息
来显示的,
后台B页面中就要有对哪个字段的增删改的操作。
有思路了吗?
[PHPCms教程] 标签JS如何调用管理
打开系统设置,在左栏下方的“模板风格”里我们看到有一项“标签JS调用治理”
在这里我们可以生成系统中预置的公共标签和JS调用。
公共标签调用治理 包含:
栏目标签、专题标签 、 专题幻灯片标签、 公告标签、 友情链接标签、 评论标签
PHPCMS教程:
下面以栏目调用为例介绍一下使用过程:
首先点击“公共标签调用治理”中的“栏目标签”
在下方出现“栏目目录列表调用标签治理”
点击“添加栏目目录列表调用标签” 进入参数设置状态
“配置名称”中填入由字母、数字和下划线组成的唯一名称
“配置说明”对标签进行简单描述(可用中文)方便以后治理
下面就是具体的参数设置了“标签参数设置”
设置好各项参数后点下面的“保存”即生成相应的标签和JS调用。
我们再打开“栏目目录列表调用标签治理”中的“治理栏目目录列表调用标签”
就可以看到我们添加的标签和JS调用代码
这里系统为我们提供了长、短标签和JS调用,您可以根据自己的需要选择不同的调用方式。
我们还可以在“治理操作”进行“预览”“ 修改” “ 删除”的操作。
最后把标签或者JS代码复制粘贴到模板中的相应位置,这样就可以在该位置显示我们设置好的信息了。
您可以先设置好参数,然后把标签或者JS代码复制粘贴到模板中的相应位置,这样就可以在该位置显示信息。
标签和JS调用显示的结果相同,您需要根据实际情况来决定选择哪一种调用方式。
下面就标签调用与JS调用特点做一下讲解:
标签调用:
优点:在调用页产生html,有利于搜索收录,下载速度快
缺点:假如您设置了生成html,html生成速度慢,需要经常更新页面才能保持最新,不能跨站或者跨频道调用
JS调用:
优点:可以跨站调用,自动更新,html生成速度快
缺点:搜索收录差,速度相对html要慢一点(相差不大)
我们的建议:
在首页、栏目首页、专题首页使用标签调用;
栏目信息列表、信息具体页中的推荐信息、热点信息等
我想把html和js分离管理,于是把script标签中的所有代码剪切到js文件中保存,script
1、js代码必须要写正确的。比如你的js文件是123.js,在123.js中直接写js代码。代码中不要加script /script
2、调用时,js路径要写正确。如果你的js放到根目录就写
script src="/123.js"/script