Heim > Artikel > Web-Frontend > JavaScript-Framework – Einführung in xmlplus

JavaScript-Framework – Einführung in xmlplus

零下一度Original: 2017-05-04 10:20:291405Durchsuche

Einführung in xmlplus

xmlplus ist ein sehr einzigartig gestaltetes JavaScript Framework für die schnelle Entwicklung von Front-End- und Back-End-Projekten.

Komponentenbasiertes Design

In xmlplus sind Komponenten die Grundbausteine. Ein wichtiges Kriterium zur Beurteilung der Qualität des Bauteildesigns ist der Verpackungsgrad. Auf xmlplus basierende Komponenten weisen einen sehr hohen Kapselungsgrad auf. Das Folgende ist ein einfaches Komponentenbeispiel:

Widget: {
    css: "#widget{ color: red; }",
    xml: `<h1 id=&#39;widget&#39;>default</h1>`,
    fun: function (sys, items, opts) {
        sys.widget.text("hello, world"); 
    }}

Beachten Sie, dass die in dieser Komponente enthaltenen Stile, XML-Dokumente und Funktionen-Elemente nur für diese Komponente gültig und für andere völlig unsichtbar sind Komponenten von. Diese Art des Schreibens von Komponenten ändert das herkömmliche Modell zum Schreiben von Anwendungen, bei dem CSS, JS und HTML in verschiedenen Dateien platziert werden, macht Sie aber beim Erstellen von Anwendungen komfortabler.

Komponenten werden durch den Namespace organisiert. Die auf dem herkömmlichen Verzeichnispfad basierende Komponenten--Referenz--Methode macht die Verwendung von Komponenten komfortabler. Angenommen, Sie haben eine Calendar-Komponente definiert, die sich im Namespace //ui befindet, dann können Sie sie in einer HTML-Seite wie folgt verwenden:

<Calendar xmlns="//ui"/>

Wie geht das ? Definieren Sie die Komponente. Weitere Informationen finden Sie in der offiziellen Dokumentation www.xmlplus.cn/docs.

Freundliche Kompatibilität

Das nicht aufdringliche Design ermöglicht die Integration von xmlplus in fast alle Frameworks oder Bibliotheken von heute.

Mit den hervorragenden Integrationsmöglichkeiten von xmlplus können Sie vorhandene Bibliotheken oder Frameworks in Ihr Projekt integrieren, um nicht das Rad neu erfinden zu müssen.

Das Folgende ist ein Beispiel für einen gekapselten Bootstrap Button-Gruppe:

Button: {
    xml: `<button type=&#39;button&#39; class=&#39;btn&#39;/>`,
    fun: function (sys, items, opts) {
        this.addClass("btn-" + opts.type);
    }}

Nach dieser Kapselung können Sie sehr gut so aussehen Folgendes: Verwenden Sie es einfach:

<Button type=&#39;default&#39;>Default</Button><Button type=&#39;primary&#39;>Primary</Button><Button type=&#39;success&#39;>Success</Button>

Einmal lernen, in mehreren Terminals verwenden

Das einzigartige Design von xmlplus ermöglicht es, browserbasierte und serverbasierte Anwendungen auf die gleiche Weise zu entwerfen.

Auf der Browserseite können Sie damit Single-Page-Anwendungen effizient entwickeln. Auf der Serverseite können Sie damit Dienstanwendungen und herkömmliche Websites entwickeln.

Das Folgende ist eine einfache Kapselung der Sqlite-Komponente auf der Serverseite.

Sqlite: {
    fun: function (sys, items, opts) {
        var sqlite = require("sqlite3").verbose(),
        return new sqlite.Database("data.db");
    }}

Sie können die oben definierte SQLite-Komponente wie folgt verwenden:

Example: {
    xml: `<Sqlite id=&#39;sqlite&#39;/>`,
    fun: function (sys, items, opts) {
        let stmt = "SELECT * FROM users";
        items.sqlite.all(stmt, (err, rows) => console.log(rows));
    }}

Dieses Framework unterstützt die direkte Serialisierung und Ausgabe von HTML-Code im Hintergrund. Verwenden Sie daher xmlplus, um herkömmliche Websites zu entwickeln Es ist äußerst praktisch. Das folgende Beispiel zeigt dies einfach:

HttpServer: {
    xml: `<html>              <body id=&#39;body&#39;>default</body>          </html>`
    fun: function (sys, items, opts) {
        let http = require("http");
        http.createServer((req, res) => { 
            sys.body.text("hello,world");
            res.setHeader("Content-Type", "text/html");
            res.end(this.serialize(true)); 
        }).listen(80); 
    }}

Anhand des Beispiels können Sie feststellen, dass nach der Verarbeitung des Dienstes zur Annahme der Anforderung die XML-Dokumentstruktur dynamisch geändert werden kann. Dadurch entwickelt xmlplus herkömmliche Website-Methoden und PHP, JSP und andere Skriptsprachen sind sehr unterschiedlich.

Darüber hinaus sind die in xmlplus enthaltenen Grundfunktionen wie Abruf, Kommunikation, Freigabe und verzögerte Instanziierung ebenfalls einzigartig und können die Anwendungsentwicklung äußerst effizient unterstützen.

Das obige ist der detaillierte Inhalt vonJavaScript-Framework – Einführung in xmlplus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Tutorial zur Implementierung von Fuzzy-Abfragen in MongoDB mithilfe von jsNächster Artikel：Tutorial zur Implementierung von Fuzzy-Abfragen in MongoDB mithilfe von js

In Verbindung stehende Artikel

Mehr sehen