Was ist ein Laui-Framework?

Einführung

layui (homophon: UI-like) ist ein Front-End-UI-Framework, das mit einem eigenen Framework geschrieben wurde Modulspezifikationen folgen der Schreib- und Organisationsform von nativem HTML/CSS/JS, der Schwellenwert ist extrem niedrig und es ist sofort einsatzbereit. Von außen ist es minimalistisch, aber innen ist es leicht und reich an Komponenten. Jedes Detail, vom Kerncode bis zur API, ist sehr gut für die schnelle Schnittstellenentwicklung geeignet. Die erste Version von Laui wurde im goldenen Herbst 2016 veröffentlicht. Sie unterscheidet sich von den UI-Frameworks, die auf der unteren Schicht von MVVM basieren, widerspricht jedoch nicht dem Trend, sondern glaubt an die Rückkehr zur Natur. Genauer gesagt ist es eher auf serverseitige Programmierer zugeschnitten. Sie müssen sich nicht mit der komplexen Konfiguration verschiedener Front-End-Tools befassen, sondern können sich nur mit dem Browser selbst befassen immer griffbereit gefunden werden.

layui ist mit allen derzeit von Menschen verwendeten Browsern kompatibel (außer IE6/7) und kann als schnelle Entwicklungslösung für PC-seitige Backend-Systeme und Frontend-Schnittstellen verwendet werden.

Layui herunterladen

1. Laden Sie Layui von der offiziellen Website herunter: https://www.layui.com /Auf Laui herunterladen Die neueste Version wurde automatisch erstellt und eignet sich besser für den Einsatz in Produktionsumgebungen. Die Verzeichnisstruktur ist wie folgt:

2. Git-Repository-Download

Sie können das komplette Entwicklungspaket von Laui auch über GitHub oder Code Cloud beziehen, sodass Sie eine sekundäre Entwicklung durchführen können, oder Gabeln Sie Laui und tragen Sie zu uns bei Lösung

3. npm-Installation

npm install layui-src

Wird im Allgemeinen für die WebPack-Verwaltung verwendet

Verwandte Empfehlungen: „

Layui-Framework-Tutorial

“

Verwendung

1. Modulare Nutzung (empfohlen)

Wir empfehlen Ihnen, die Modulspezifikationen von Laui zu befolgen, um eine Eintragsdatei zu erstellen und diese über Laui zu laden. use() Die Eintragsdatei lautet wie folgt:

<script>
layui.config({
  base: &#39;/js/modules/&#39; //你存放新模块的目录，注意，不是layui的模块目录
}).use(&#39;index&#39;); //加载layui入口
</script>    
上述的 index 即为你/js/modules/ 目录下的 index.js，它的内容如下：
/**
项目JS主入口
以依赖layui的layer和form模块为例
**/
layui.define([&#39;layer&#39;, &#39;form&#39;], function(exports){
var layer = layui.layer
,form = layui.form;
layer.msg(&#39;Hello World&#39;);
exports(&#39;index&#39;, {}); //注意，这里是模块输出的核心，模块名必须和use时的模块名一致
});

2. Nicht-modulare Verwendung

Wenn Ihnen Lauis modulare Organisation nicht gefällt, können Sie auf jeden Fall „einmaliges Laden“ verwenden Auf diese Weise verpacken und führen wirlayui.js und alle Module separat in einer vollständigen js-Datei zusammen. Sie können diese Datei direkt importieren, wenn Sie sie verwenden. Wenn Sie diese Methode übernehmen, müssen Sie das Modul nicht mehr über die Methodelayui.use() laden, sondern können es direkt verwenden, wie zum Beispiel:

<script src="../layui/layui.all.js"></script>
<script>
//由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
!function(){
//无需再执行layui.use()方法加载模块，直接使用即可
var form = layui.form
,layer = layui.layer;
//…
}();
</script>

Aber Sie müssen wissen, dass die Übernahme dieser Methode die Modularisierung bedeutet von Laui hat seine Bedeutung verloren. Aber es ist unbestreitbar, dass es einfacher und unkomplizierter zu bedienen sein wird.

Das obige ist der detaillierte Inhalt vonWas ist ein Laui-Framework?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!