管理js代碼（js腳本代碼）

本文目錄一覽：

• 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