Maison cadre php YII Comment changer de modèle de manière adaptative dans yii2

Comment changer de modèle de manière adaptative dans yii2

Feb 10, 2020 am 11:14 AM
yii2 自适应

Comment changer de modèle de manière adaptative dans yii2

1. Créer un comportement

// frontend/behaviors/MobileBehavior.php
class MobileBehavior extends \yii\base\Behavior{    public function events()
        {            return [
                    \yii\web\Controller::EVENT_BEFORE_ACTION => 'beforeAction'
                ];
        }        public function beforeAction($event)
        {            if (strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') {
                    $event->sender->module->setViewPath($event->sender->module->getBasePath().DIRECTORY_SEPARATOR.'H5Views');
                } 
        }
}
Copier après la connexion

2 Créer une classe de base BaseController.php (partage de tutoriel d'apprentissage gratuit : tutoriel php)

/ frontend/controllers/BaseController.php
class BaseController extends \yii\web\Controller{    public function behaviors()
        {            return [
                    \frontend\behaviors\MobileBehavior::className()
                ];
        }        // 其他action}
Copier après la connexion

D'autres contrôleurs héritent de BaseController.
3. Créez des H5Views sous l'interface et placez simplement le fichier modèle H5 ici.

Recommandations associées : Tutoriel yii

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment configurer la luminosité adaptative du contenu sur Windows 11 Comment configurer la luminosité adaptative du contenu sur Windows 11 Apr 14, 2023 pm 12:37 PM

La luminosité adaptative est une fonctionnalité sur les ordinateurs Windows 11 qui ajuste le niveau de luminosité de l'écran en fonction du contenu affiché ou des conditions d'éclairage. Étant donné que certains utilisateurs sont encore en train de s'habituer à la nouvelle interface de Windows 11, la luminosité adaptative n'est pas facile à trouver, et certains disent même que la fonctionnalité de luminosité adaptative est manquante sur Windows 11, ce didacticiel va donc tout clarifier. Par exemple, si vous regardez une vidéo YouTube et que la vidéo montre soudainement une scène sombre, la luminosité adaptative rendra l'écran plus lumineux et augmentera le niveau de contraste. Ceci est différent de la luminosité automatique, qui est un paramètre d'écran qui permet à votre ordinateur, smartphone ou appareil d'ajuster les niveaux de luminosité en fonction de l'éclairage ambiant. Il y en a un spécial dans la caméra frontale

Comment supprimer jquery dans yii2 Comment supprimer jquery dans yii2 Feb 17, 2023 am 09:55 AM

Comment supprimer jquery de yii2 : 1. Modifiez le fichier AppAsset.php et commentez la valeur "yii\web\YiiAsset" dans la variable $depends ; 2. Modifiez le fichier main.php et ajoutez la configuration comme "'yii" sous le champ "components" \web\JqueryAsset' => ['js' => [],'sourcePath' => null,]," pour supprimer le script jquery.

Comment créer une interface mobile adaptative avec Vue ? Comment créer une interface mobile adaptative avec Vue ? Jun 27, 2023 am 11:05 AM

Avec la popularité de l’Internet mobile, de plus en plus de sites Web et d’applications doivent prendre en compte l’expérience mobile. En tant que framework frontal populaire, Vue possède une mise en page réactive et des capacités adaptatives, qui peuvent très bien nous aider à créer des interfaces mobiles adaptatives. Cet article expliquera comment utiliser Vue pour créer une interface mobile adaptative. L'utilisation de rem au lieu de px comme unité et l'utilisation de px comme unité dans l'interface mobile peuvent entraîner des effets d'affichage incohérents sur différents appareils. Par conséquent, il est recommandé d’utiliser rem au lieu de px comme unité. rem est relatif

Comment implémenter une taille d'image adaptative à l'aide des unités CSS Viewport vmin et vw Comment implémenter une taille d'image adaptative à l'aide des unités CSS Viewport vmin et vw Sep 13, 2023 am 08:18 AM

Comment utiliser les unités CSSViewport vmin et vw pour implémenter une taille d'image adaptative. Dans la conception Web, nous rencontrons souvent des situations où les images doivent s'adapter à la taille de l'écran. Pour atteindre cet objectif, CSS fournit une unité puissante : l'unité de fenêtre d'affichage. Parmi eux, vmin représente le pourcentage du plus petit côté de la largeur de la fenêtre et vw représente le pourcentage de la largeur de la fenêtre. Par conséquent, nous pouvons utiliser ces deux unités pour obtenir l’effet de taille d’image adaptative. Les détails seront présentés ci-dessous

La vue peut-elle être adaptative ? La vue peut-elle être adaptative ? Dec 30, 2022 pm 03:25 PM

Vue peut réaliser l'auto-adaptation. Les méthodes pour réaliser l'auto-adaptation sont les suivantes : 1. Installez le composant "scale-box" via la commande "npm install" ou "yarn add", et utilisez "scale-box" pour obtenir une mise à l'échelle adaptative. ; 2. En définissant le rapport de pixels de l'appareil pour obtenir une auto-adaptation ; 3. Définissez l'attribut de zoom via JS pour ajuster le rapport de zoom afin d'obtenir une auto-adaptation.

CSS Viewport : Comment utiliser vmax et vw pour implémenter une largeur de texte adaptative CSS Viewport : Comment utiliser vmax et vw pour implémenter une largeur de texte adaptative Sep 13, 2023 am 10:16 AM

CSSViewport : Comment utiliser vmax et vw pour implémenter une largeur de texte adaptative Avec la popularité des appareils mobiles, le design réactif est devenu un concept important dans la conception Web. Parmi eux, la largeur de texte adaptative permettant de maintenir des effets d'affichage cohérents sous différentes tailles d'écran est une technologie importante. Cet article explique comment utiliser les unités CSSViewport, en particulier les unités vmax et vw, pour implémenter une largeur de texte adaptative. En plus des explications théoriques, nous fournirons également des

Quelques exercices CTF sélectionnés vous aideront à apprendre le framework yii2 ! Quelques exercices CTF sélectionnés vous aideront à apprendre le framework yii2 ! Feb 23, 2022 am 10:33 AM

Cet article vous présentera le framework yii2, partagera quelques exercices CTF et les utilisera pour apprendre le framework yii2. J'espère qu'il sera utile à tout le monde.

Comment créer une mise en page de site Web réactive en utilisant HTML, CSS et jQuery Comment créer une mise en page de site Web réactive en utilisant HTML, CSS et jQuery Oct 27, 2023 am 11:06 AM

Comment créer une mise en page de site Web adaptative à l'aide de HTML, CSS et jQuery À l'ère d'Internet d'aujourd'hui, la mise en page adaptative des sites Web est devenue une exigence essentielle. La mise en page adaptative du site Web peut permettre au site Web d'afficher une bonne expérience utilisateur sur différents appareils et de s'adapter aux appareils de différentes tailles d'écran, tels que les ordinateurs, les tablettes et les téléphones mobiles. Cet article explique comment utiliser HTML, CSS et jQuery pour créer une mise en page de site Web réactive et fournit des exemples de code spécifiques. Créer le squelette d'un site Web en utilisant HTML

See all articles