Maison >interface Web >Tutoriel Layui >Qu'est-ce que layui ? Qu'est-ce que ça fait ?

Qu'est-ce que layui ? Qu'est-ce que ça fait ?

王林
王林avant
2020-08-28 16:17:5011277parcourir

Qu'est-ce que layui ? Qu'est-ce que ça fait ?

Tout d'abord, parlons de ce qu'est layui

(tutoriel recommandé : layui)

layui est un The Le cadre d'interface utilisateur frontale écrit dans les spécifications du module suit la forme d'écriture et d'organisation du HTML/CSS/JS natif. Le seuil est extrêmement bas et peut être utilisé immédiatement. Il est minimaliste à l'extérieur mais plein à l'intérieur. Il est léger et riche en composants, chaque détail, du code principal à l'API, a été soigneusement conçu, ce qui le rend très approprié pour le développement rapide d'interfaces. La première version de layui a été publiée à l'automne 2016. Elle est différente de ces frameworks d'interface utilisateur basés sur la couche inférieure de MVVM, mais elle ne va pas à contre-courant, mais croit au retour à la nature. Pour être précis, il est plus adapté aux programmeurs côté serveur. Les développeurs n'ont pas besoin de s'impliquer dans la configuration complexe de divers outils frontaux. Ils n'ont qu'à faire face au navigateur lui-même, ce qui rend le développement très pratique.

Pourquoi utiliser layui ?

layui est plus destiné aux développeurs back-end, donc en termes de forme organisationnelle, il adopte résolument la méthode de gestion des modules de type AMD qui utilisait le navigateur comme hôte il y a quelques années, mais cela ne se limite pas à ceux de CommonJS Sortez des sentiers battus, il a son propre mode, est plus léger et simple. Layui est défini comme une « modularité classique ». Il ne met pas délibérément l'accent sur le concept de « module » lui-même, mais évite intentionnellement les solutions traditionnelles de la communauté JS actuelle et essaie d'interpréter l'efficacité de la manière la plus simple possible ! Son soi-disant classique réside dans son obsession du retour à la nature. Il organise les modules d'une manière généralement reconnue par les navigateurs actuels ! layui estime que cette méthode d'organisation légère peut encore répondre à de nombreux scénarios au-delà de WebPack. Par conséquent, il insiste sur l'utilisation de la modularité classique, qui permet aux utilisateurs d'éviter la configuration complexe des outils et de revenir au HTML/CSS/JavaScript d'origine lui-même !

Compatibilité et orientation scénario

layui est compatible avec tous les navigateurs actuellement utilisés par les humains (sauf IE6/7), et peut être utilisé comme solution de développement rapide pour les systèmes backend côté PC et interfaces frontales.

Modules principaux

layui fournit une multitude de modules intégrés, qui peuvent tous être chargés à la demande grâce à une approche modulaire, notamment : layer, layDate, layPage, laytpl, table, form , téléchargement, élément, arbre, éditeur lay, taux, carrousel, flux, util, code, etc.

Structure du répertoire

├─css //répertoire css
│ │─modules //Répertoire css du module (généralement si le module est relativement volumineux, il sera extrait séparément, comme par exemple les trois suivants │
├─images //Répertoire de ressources d'images (actuellement uniquement les expressions GIF utilisées par les profanes et l'éditeur)
│─lay //Répertoire principal du module
│ └─modules //Chaque composant du module
│ ─layui.js //Bibliothèque de base de base
└─layui.all.js //Un fichier fusionné contenant layui.js et tous les modules

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer