1. Add a static folder under the web folder, which stores static resource files such as js, css, images, etc.
2. Add the following code to the AppAsset.php file
//定义按需加载JS方法，注意加载顺序在最后
public static function addJs($view, $jsfile)
{
$view->registerJsFile($jsfile,[AppAsset::className(), "depends" => 'backend\assets\AppAsset']);
}
//定义按需加载css方法，注意加载顺序在最后
public static function addCss($view, $cssfile)
{
$view->registerCssFile($cssfile, [AppAsset::className(), 'depends' => 'backend\assets\AppAsset']);
}(Related tutorials recommended: yii framework)
3. Introduce js, css, images etc
<?php
use yii\helpers\Url;
/** 引入js、css文件 */
use backend\assets\AppAsset;
AppAsset::register($this);
AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.min.js");
AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.js");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/static/css/index.css");
?>
<html>
<head>
<title>测试引入静态资源</title>
</head>
<body>
<!-- 测试js和css -->
<div id="mybutton" class="index-test">点我弹出OK</div>
<?php $this->beginBlock('test') ?>
$(function($) {
$('#mybutton').click(function()
{
alert('OK');
});
});
<?php $this->endBlock() ?> <?php $this->registerJs($this->blocks['test'], \yii\web\View::POS_END); ?>
<div id="mybutton2" class="index-test">点我弹出loading</div>
<div id="loading" style="display: none;">
<img src="/static/imghwm/default1.png" data-src="/static/images/loading.gif" class="lazy" alt="" > <span style="max-width:90%">数据加载中....</span>
</div>
<?php $this->beginBlock('test') ?>
$(function($) {
$("#mybutton2").click(function()
{
$('#loading').show();
});
});
<?php $this->endBlock() ?> <?php $this->registerJs($this->blocks['test'], \yii\web\View::POS_END); ?>
<!-- 引入图片 -->
<img class="img-class lazy" src="/static/imghwm/default1.png" data-src="/static/images/5badcb9ebfe4c.png" alt="" ><br>
<img src="/static/imghwm/default1.png" data-src="<?php echo Url::to('@web/static/images/5badcb9ebfe4cpp.png'); ? alt="How to import image resources into yii" >" class="lazy" alt="" class="img-class"><br>
</body>
</html>The above is the detailed content of How to import image resources into yii. For more information, please follow other related articles on the PHP Chinese website!
Yii: Is It Still Relevant in Modern Web Development?May 01, 2025 am 12:27 AMYiiremainsrelevantinmodernwebdevelopmentforprojectsneedingspeedandflexibility.1)Itoffershighperformance,idealforapplicationswherespeediscritical.2)Itsflexibilityallowsfortailoredapplicationstructures.However,ithasasmallercommunityandsteeperlearningcu
The Longevity of Yii: Reasons for Its EnduranceApr 30, 2025 am 12:22 AMYii frameworks remain strong in many PHP frameworks because of their efficient, simplicity and scalable design concepts. 1) Yii improves development efficiency through "conventional optimization over configuration"; 2) Component-based architecture and powerful ORM system Gii enhances flexibility and development speed; 3) Performance optimization and continuous updates and iterations ensure its sustained competitiveness.
Yii: Exploring Its Current UsageApr 29, 2025 am 12:52 AMYii is still suitable for projects that require high performance and flexibility in modern web development. 1) Yii is a high-performance framework based on PHP, following the MVC architecture. 2) Its advantages lie in its efficient, simplified and component-based design. 3) Performance optimization is mainly achieved through cache and ORM. 4) With the emergence of the new framework, the use of Yii has changed.
Yii and PHP: Developing Dynamic WebsitesApr 28, 2025 am 12:09 AMYii and PHP can create dynamic websites. 1) Yii is a high-performance PHP framework that simplifies web application development. 2) Yii provides MVC architecture, ORM, cache and other functions, which are suitable for large-scale application development. 3) Use Yii's basic and advanced features to quickly build a website. 4) Pay attention to configuration, namespace and database connection issues, and use logs and debugging tools for debugging. 5) Improve performance through caching and optimization queries, and follow best practices to improve code quality.
Yii's Features: Examining Its AdvantagesApr 27, 2025 am 12:03 AMThe Yii framework stands out in the PHP framework, and its advantages include: 1. MVC architecture and component design to improve code organization and reusability; 2. Gii code generator and ActiveRecord to improve development efficiency; 3. Multiple caching mechanisms to optimize performance; 4. Flexible RBAC system to simplify permission management.
Beyond the Hype: Assessing Yii's Role TodayApr 25, 2025 am 12:27 AMYii remains a powerful choice for developers. 1) Yii is a high-performance PHP framework based on the MVC architecture and provides tools such as ActiveRecord, Gii and cache systems. 2) Its advantages include efficiency and flexibility, but the learning curve is steep and community support is relatively limited. 3) Suitable for projects that require high performance and flexibility, but consider the team technology stack and learning costs.
Yii in Action: Current Applications and ProjectsApr 24, 2025 am 12:03 AMYii framework is suitable for enterprise-level applications, small and medium-sized projects and individual projects. 1) In enterprise-level applications, Yii's high performance and scalability make it outstanding in large-scale projects such as e-commerce platforms. 2) In small and medium-sized projects, Yii's Gii tool helps quickly build prototypes and MVPs. 3) In personal and open source projects, Yii's lightweight features make it suitable for small websites and blogs.
Using Yii: Creating Robust and Scalable Web SolutionsApr 23, 2025 am 12:16 AMThe Yii framework is suitable for building efficient, secure and scalable web applications. 1) Yii is based on the MVC architecture and provides component design and security features. 2) It supports basic CRUD operations and advanced RESTfulAPI development. 3) Provide debugging skills such as logging and debugging toolbar. 4) It is recommended to use cache and lazy loading for performance optimization.
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Zend Studio 13.0.1
Powerful PHP integrated development environment
SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
SublimeText3 English version
Recommended: Win version, supports code prompts!
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment
