yii2 學習歷程——搭建平臺基礎頁面

時間 2019-11-12

標籤 yii2 yii 學習歷程搭建平臺基礎頁面欄目 PHP 简体版

原文原文鏈接

這裏之後臺模板說明，前臺模板的頁面導入同理。
php

1：導入頁面須要的js、css、images文件。css

在advanced/backend/web/目錄下創建存放這些文件的統一文件夾這裏定義文件名爲 static （advanced/backend/web/static/）。html

2：引入js、css文件。
jquery

修改文件backend/assets/appAsset.php，添加js、css文件，如：web

 public $css = [
    /* BEGIN GLOBAL MANDATORY STYLES */
        'static/css/bootstrap.min.css',
        'static/css/bootstrap-responsive.min.css',
        'static/css/font-awesome.min.css',
        'static/css/style-metro.css',
        'static/css/style.css',
        'static/css/style-responsive.css',
        'static/css/default.css',
        'static/css/uniform.default.css',
        /* END GLOBAL MANDATORY STYLES */
        

        'static/image/favicon.ico',
    ];
    public $js = [
        'http://stats.g.doubleclick.net/dc.js',
        'http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js',
        'static/js/jquery-migrate-1.2.1.min.js',
        'static/js/jquery-ui-1.10.1.custom.min.js',
        'static/js/bootstrap.min.js',
        'static/js/excanvas.min.js',
        'static/js/respond.min.js',
        'static/js/jquery.slimscroll.min.js',
        'static/js/jquery.blockui.min.js',
        'static/js/jquery.cookie.min.js',
        'static/js/jquery.uniform.min.js',
        'static/js/jquery.validate.min.js',
        'static/js/app.js', 
        'static/js/index.js', 
    
    ];

注意：系統提供的jquery.js和bootstarp.css版本太高，可能致使本身的頁面引入的對應文件衝突，在這裏能夠禁用系統自帶的對應文件，修改文件backend/assets/appAsset.php，以下所示：bootstrap

  public $depends = [
        'yii\web\YiiAsset',   //將這條註釋掉，禁止引入系統的對應文件
        'yii\bootstrap\BootstrapAsset',  //將這條註釋掉，禁止引入系統的對應文件
    ];

固然也能夠在advanced\backend\config\main.php配置文件中，配置禁用系統默認的css與js文件。在'components'配置選項中加入配置canvas

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'js'=>[]
        ],
        'yii\bootstrap\BootstrapPluginAsset' => [
            'js'=>[]
        ],
        'yii\bootstrap\BootstrapAsset' => [
            'css' => [],
        ],

    ],
],

就能夠達到相同的目的。yii2

3. 加入頁面數據。cookie

修改advanced\backend\views\layouts\main.php文件，首先能夠將原來該頁面的html元素刪除掉，而後複製頁面<body></body>部分html內容進去就行了，頁面可能須要加入js代碼，能夠這樣加入app

$this->registerJs("jQuery(document).ready(function() { App.init(); });",View::POS_END);

4：創建一個測試控制器 CommonController（名字本身定義，文件路徑：advanced\backend\controllers\CommonController.php）

<?php
namespace backend\controllers;

 use Yii;
 use yii\filters\AccessControl;
use yii\web\Controller;
// use common\models\LoginForm;
// use yii\filters\VerbFilter;

/**
 * Site controller
 */
class CommonController extends Controller
{
   
    public function actionIndex()
    {
        return $this->render('index');
    }
}

5：創建對應的視圖文件

創建文件： advanced\backend\views\common\index.php

<?php

/* @var $this yii\web\View */

$this->title = '我的休閒管理平臺';
?>

6：訪問對應鏈接查看效果

http://localhost/mywork/yii2/advanced/backend/web/index.php?r=common/index

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。