文档章节

yii2 学习历程——搭建平台基础页面

木木……Nick
 木木……Nick
发布于 2015/12/23 23:38
字数 595
阅读 49
收藏 0

这里以后台模板说明,前台模板的页面导入同理。

1: 导入页面需要的js、css、images文件。

        在advanced/backend/web/目录下建立存放这些文件的统一文件夹 这里定义文件名为 static (advanced/backend/web/static/) 。


2: 引入js、css文件 。

       修改文件backend/assets/appAsset.php,添加js、css文件,如:

 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,如下所示:

  public $depends = [
        'yii\web\YiiAsset',   //将这条注释掉,禁止引入系统的对应文件
        'yii\bootstrap\BootstrapAsset',  //将这条注释掉,禁止引入系统的对应文件
    ];

    当然也可以在advanced\backend\config\main.php配置文件中,配置禁用系统默认的css与js文件。在'components'配置选项中加入配置

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

    ],
],

就可以达到相同的目的。

3.  加入页面数据。

     修改advanced\backend\views\layouts\main.php文件,首先可以将原来该页面的html元素删除掉,然后复制页面<body></body>部分html内容进去就好了, 页面可能需要加入js代码, 可以这样加入

$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




© 著作权归作者所有

共有 人打赏支持
木木……Nick
粉丝 1
博文 12
码字总数 2996
作品 0
linux下安装yii——遇到到问题和解决

由于PHP的很多高阶教材都是以LINUX作为基础,我也只好硬着头皮从WINDOWS转向LINUX,说实在的,这是个很痛苦到过程,从一个傻瓜 式到桌面系统转到一个繁琐到命令式系统,就像从移动电话时代回...

南国野兽
2012/11/24
0
0
初识yii Framework 框架 建立第一个 Yii 应用

自己折腾php快一年了,开始用了一个国产的框架,还算用得比较熟悉了,最近想把这个业余爱好继续发扬光大,因此,把笔记本的win7也干掉了,装了ubuntu ,体验一把完整的php开发体验, 重要是准...

淡水鱼
2013/03/22
0
6
yii2项目实战-博客管理平台的搭建

作者:白狼 出处:http://www.manks.top/document/yii2-blog-manage.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律...

白狼栈
2016/08/13
56
0
yii2搭建完美后台并实现rbac权限控制

作者:白狼 出处:http://www.manks.top/article/yii2framerbac_template 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律...

白狼栈
2016/03/30
554
2
Yii 2.0开发一个仿京东商城平台

第1章 课程简介 介绍了课程内容、背景和案例展示。 第2章 项目的准备工作 介绍了如何使用PHP依赖管理工具Composer安装Yii2框架,模拟配置真实企业开发项目运行环境和编辑器。 第3章 项目前台...

15543595340
05/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

八种排序算法的时间复杂度复杂度

1、稳定性 归并排序、冒泡排序、插入排序。基数排序是稳定的 选择排序、快速排序、希尔排序、堆排序是不稳定的 2、时间复杂度 最基础的四个算法:冒泡、选择、插入、快排中,快排的时间复杂度...

陈刚生
24分钟前
1
0
大数据学习系列 Hadoop+Spark+Zookeeper+HBase+Hive集群搭建 图文详解

目录 引言 目录 一、环境选择 1,集群机器安装图 2,配置说明 3,下载地址 二、集群的相关配置 1,主机名更改以及主机和IP做相关映射 2,ssh免登录 3,防火墙关闭 4,时间配置 5,快捷键设置...

董黎明
38分钟前
1
1
六元一个的私有博客系统,了解一下?

神说要有光,于是便有了光 写代码的,偶尔都想装点逼,想要自己写点博客。刚开始还能在各大社区写,比如说CSDN,开源中国,博客园什么的。但是越写就会越觉得,那些博客平台都不是自己想要的...

耒耒耒耒耒
43分钟前
1
0
maven环境隔离

一.maven项目环境根据实际情况进行隔离: 开发环境 dev 测试环境 beta 线上环境 prod 二.pom 配置: build节点 <build> <resources> <resource> <directory>src/......

imbiao
44分钟前
1
0
webrtc收包流程源码分析

版本: webrtc M59 收包流程: AsyncUDPSocket::OnReadEvent AllocationSequence::OnReadPacket HandleIncomingPacket UDPPort::OnReadPacket Connection::OnReadPacket P2PTransportChannel......

bill_shen
45分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部