JavaScript-Framework – Einführung in xmlplus-js-Tutorial-php.cn

JavaScript-Framework – Einführung in xmlplus

零下一度

Freigeben： 2017-05-04 10:20:29

Original

1414 Leute haben es durchsucht

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"); 
    }}

Nach dem Login kopieren

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"/>

Nach dem Login kopieren

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 dem Login kopieren

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>

Nach dem Login kopieren

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");
    }}

Nach dem Login kopieren

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));
    }}

Nach dem Login kopieren

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); 
    }}

Nach dem Login kopieren

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!