您的位置:澳门新葡萄京娱乐网站 > 编程知识 > yii2.0模板援引js与css文件【澳门新葡萄京娱乐网站

yii2.0模板援引js与css文件【澳门新葡萄京娱乐网站

2019-12-22 01:39

UploadForm.php

<?php $this->head() ?>

根目录文件backend/

后台应用web目录

class AppAsset extends AssetBundle{ public $basePath = '@webroot'; public $baseUrl = '@web'; public $css = [ 'css/site.css', 'css/main.css', ]; public $js = [ 'assets/main.js' ]; public $depends = [ 'yiiwebYiiAsset', 'yiibootstrapBootstrapAsset', ];}

Yii2使用越来越正式的主意,通过AppAsset::register($this卡塔尔方法引进js和css文本,在Yii2的以身作则中,layouts的main.php中就有它的用法:AppAsset::register($this卡塔尔(英语:State of Qatar)。

同意web访谈的目录

除却以下目录外,其余目录均无web访谈的权力,并再次来到404不当
<pre>
assets/ (软链,指向 /path/frontend/assets/)
data/
static/
frontend/
backend/
</pre>

其次步:建站八个product表,字段id,name,picurl.

这句话是生成叁个调换字符,表示css和js的援引代码在那体现。别忘了在head里充裕那句。

该目录构造帮助特色


  1. 公共静态文件目录static/,方便单独web缓存优化或CDN加快;
  2. 公共数据文件目录data/,方便数据目录单独挂载;
  3. 公家的安顿文件目录config/,公共日志目录runtime/,方便铺排和平凡运转;
  4. 独自的vendor/、source/、frontend/、backend/、console/ ,系统权限和web访谈权限分开;
  5. 含蓄国际化语言包(source/messages/**/**.php);
  6. 包涵核心(仅前台系统,source/frontend/themes/**/views/**)
  7. 非临盆景况代码,tests/、tools/
request->isPost) { $model->file = UploadedFile::getInstance; if ($model->file && $model->validate { //$model->file->saveAs('uploads/' . $model->file->baseName . '.' . $model->file->extension); $fileName='uploads/' . date . '.' . $model->file->extension; $model->file->saveAs; } echo ";"; echo ""; echo "var oneinput=parent.document.getElementById;"; echo "parent.document.getElementById.value='".$fileName."';"; echo "var oneupload = parent.document.getElementById;"; echo "var img = document.createElement;"; echo "img.setAttribute('style', 'height:50px');"; echo "img.src ='".$fileName."';"; echo "insertAfter;"; echo "oneupload.parentNode.removeChild"; echo ""; } return $this->render('upload', ['model' => $model]); }}?>

在WEB目录中,会有叁个assets目录,这几个目录下有个Appasset.php文件,内容如下:

source/

次第源码目录
<pre>
common/ 公共源码
assets/
models/
components/
frontend/ 前台应用源码
assets/
models/
controllers/
views/
themes/ 核心目录
backend/ 后台应用源码
assets/
models/
controllers/
views/
console/ 脚本利用源码
models/
controllers/

messages/ 国际化语言包
</pre>

${ $.click{ $.remove.appendTo.attr({"class":"onedialog",'id':"oneupload"}); $.appendTo.attr({"src":"?r=upload","class":"oneiframe"}) }); var v=$.val.attr({"src":v,"style":"height:50px"}).insertAfter; }});

namespace frontendassets;
 
use yiiwebAssetBundle;
 
/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yiiwebYiiAsset',
        'yiibootstrapBootstrapAsset',
    ];
}

config/

次第配置目录
<pre>
common/ 公共配置
frontend/ 前台应用配置
backend/ 后台应用配置
console/ 命令行应用配置
</pre>

 ['enctype' => 'multipart/form-data']]) ?>field->fileInput() ?>Submit

那么些AppAsset类世袭了YiiwebAssetBundle,它至关心珍贵要定义了js和css文件的不二秘技和看重。

说明


应用程序目录构造适用于Yii 2.x 版本,注:Yii 2.x 必需运营在 PHP 5.4 以上的情状。

先是步: 搭建上传类底蕴职业,具体请看://www.jb51.net/article/120242.htm

在模板布局文件main.php使用AppAsset::register($this卡塔尔国注册那一个css和js文件,除却,在html的head里面增添:

data/

客商数量目录(客户上传数据)

main.css 放在frontendwebcss

仅允许特定的入口文件施行php(默许 index.php)

<pre>
/path/index.php (软链,指向 /path/frontend/index.php)
/path/frontend/index.php
/path/backend/index.php
</pre>

上述正是本文的全体内容,希望对大家的求学抱有利于,也盼望大家多多照顾脚本之家。

tools/

工具目录(仅用于接纳开首化,计划完后应除去)
<pre>
composer.phar
composer.json
composer.lock
init
init.bat
requirement.php
environments/
</pre>

然后在frontendassetsAppAsset.php中注册那五个公文

命令行应用入口

<pre>
console/
</pre>

.onedialog{position:absolute; left: 300px; top: 500px; z-index: 10; width: 700px; height: 400px;border-radius:5px;box-shadow:5px 2px 6px #000; border: 2px solid #666}.oneiframe{ width: 100%; height: 100% }
tests/

测量检验脚本目录(仅用于支付和测验,不配备到生育蒙受)

第三步:生GII生成PRODUCT 模型,类,视图。

目录布局


UploadController.php

说明console/

命令行应用目录

main.js 放在 frontendwebassets

nginx配置(仅location 部分)

<pre>
index index.html index.htm index.php;
#隐藏index.php
location / {
if (!-e $request_filename){
rewrite ^/(.*) /index.php last;
}
}

#web可访问,但禁止脚本执行的目录
location ~* ^/(frontend|backend)/assets/.*.(php|php5|asp|aspx|py|pl|cgi|sh)$ {
    return 404;
    break;
}

#web可访问,但禁止脚本执行的目录
location ~* ^/(static|data|assets)/.*.(php|php5|asp|aspx|py|pl|cgi|sh)$ {
    return 404;
    break;
}

#禁止web访问的目录
location ~* ^/(config|runtime|source|verdor|console|tests)/ {
    return 404;
    break;
}

#允许frontend或backend目录下的index.php文件
location ~* ^/(frontend|backend)/index.php$ {
    try_files $uri =404;
    fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
    include fastcgi_params;
    fastcgi_pass 127.0.0.1:9000;
}

#允许根目录下的index.php文件
location ~* ^/index.php$ {
    try_files $uri =404;
    fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
    include fastcgi_params;
    fastcgi_pass 127.0.0.1:9000;
}

</pre>

runtime/

程序日志目录(yii应用生成)
<pre>
frontend/ 前台日志目录
backend/ 后台日志目录
console/ 脚本日志目录
</pre>

vendor/

框架和组件的源码目录(composer暗中同意安装目录)

源码目录

这么些目录不一致敬web改正,也不一致敬shell执行,目录全部者是root:root 或jenkins_publisher:jenkins_publisher(或别的源码发布处理组/客户),目录权限为:755,文件权限为:644
<pre>
vendor/
source/
config/
static/
frontend/
backend/
</pre>

static/

静态文件目录,包蕴css、js、images
<pre>
common/ 公共静态文件
frontend/ 前台应用静态文件
backend/ 后台应用静态文件
</pre>

目录的类别权限


目录的系统权限,通过/path/tools/init 最早化学工业具 自动达成,详见[Yii 2.x 的运用起头化学工业具](待更新)。

澳门新葡萄京娱乐网站,代码git


https://github.com/tusamuel/Yii2.x-Code-Template

web目录

那几个目录允许web改过,但不许shell实施,及子目录权限全体者是nobody:root 或 nobody:jenkins_publisher,目录权限为:755,文件权限为:644
<pre>
data/
runtime/
</pre>

目录的web访问权限


目录的web访问权限通过nginx(或apache)配置实行约束,详见 nginx 配置 部分

不允许通过web实践脚本文件的目录

在允许web访谈的目录中,以下目录无法施行其余的台本文件,富含php、jsp、sh等剧本文件,并重临403
<pre>
data/
static/
frontend/assets/
backend/assets/
</pre>

根目录文件

<pre>
build.xml Jenkins 配置文件(假若未选拔Jenkins集成,可忽视本文件)
</pre>

根目录文件frontend/

前台应用web目录

本文由澳门新葡萄京娱乐网站发布于编程知识,转载请注明出处:yii2.0模板援引js与css文件【澳门新葡萄京娱乐网站

关键词: