🧘🏿 🗂️ 🙉 lsFusion 4: Pivot-Tabellen, Diagramme, Karten und Kalender, OAuth-Authentifizierung, dunkles Thema und mehr 📆 😒 🕹️

lsFusion. gif- ( ). , - lsFusion.

lsFusion ( ). , ( , ).

, ( ), ( ) — UI .

, , . . , , ( ). MyCompany. ( , , ), , . , , , , .

, , .

. : . , , — , , , , - , , .

, , . , frontend ( javascript HTML). , , ( Java Swing RCP) . . . , , , - ( http-). - lsFusion OLTP-, , . - , lsFusion -.

, lsFusion ( , , ) , , (BI) ( , BI- ). , , , , .

lsFusion . ( ) , , . , , .

Beachten Sie, dass auf physischer Ebene der Gruppierungsvorgang in Gruppierungsansichten sowohl auf dem Datenbankserver als auch auf dem Client ausgeführt werden kann. Die Plattform verwaltet diese Auswahl automatisch: Wenn die Anzahl der Gruppen abnimmt oder die Menge der Anfangsdaten unter dem Schwellenwert liegt, werden die Daten auf dem Client verarbeitet (um unnötige Anrufe an den Server auszuschließen). In den meisten anderen Fällen wird die Gruppierung auf dem SQL Server mithilfe einer Abfrage durchgeführt (Zwischensummen werden jedoch weiterhin auf dem Client berechnet).

Die Gruppierung kann vom Benutzer über die entsprechende Drag-Drop-Oberfläche geändert werden. Der Entwickler kann Gruppierungen mithilfe der entsprechenden Syntax in der FORM-Anweisung definieren.

FORM myReport
      

        
        
        
      

         OBJECTS l = Ledger PIVOT 'Area Chart'
      

        
        
        
      

         PROPERTIES (l) customer ROW, sum MEASURE
      

        
        
        
      

     ;

Übersichtstabelle

. , :

. , — --, .
. , .

, , , , Excel . :

( ), ( drag-drop ). , ( , ).
Excel , , /

(drill-down) — , , , , , .

, , , (, ), . - , .

, .

/ :

( / , / )

. open-source plotly, ( ). , ( , , , ), .

img-, ( / ) . , , , , , .

, ( -) , . , time-tracking, ..

lsFusion :

- / .
- , , ..
- ,
- ( ), ( ).
- .
- ( ).

, , . :

- longitude —
- latitude —
- polygon —
- line —
- icon —
- ..
- date, dateTime — /
- dateFrom, dateTimeFrom — /
- dateTo, dateTimeTo — /
- name —
- ..

FORM map 'Map'
      

        
        
        
      

         OBJECTS o = Element MAP
      

        
        
        
      

         PROPERTIES (o) longitude, latitude, polygon
      

        
        
        
      

         PROPERTIES name = name(o) IF o IS Point, color = RGB(255, 0, 0) IF isInAnyArea(o)
      

        
        
        
      

         PROPERTIES SHOWIF o IS Point namePopup = name(o) PANEL, inParis '' = 'I am ' + (CASE WHEN isInAnyArea(o) THEN '' ELSE 'not ') + 'in Paris. Drag me' PANEL
      

        
        
        
      

         PROPERTIES (o) 'Add point' = NEW[Point], 'Add area' = NEW[Area], DELETE
      

        
        
        
      

     ;
      

        
        
        
      

     FORM calendar 'Calendar'
      

        
        
        
      

         OBJECTS e = Event CALENDAR
      

        
        
        
      

         PROPERTIES (e) date, name, NEW, DELETE
      

        
        
        
      

     ;

Falls gewünscht, können Sie mit der Karte und dem Kalender auf der offiziellen lsFusion- Website im Abschnitt Online testen (Plattformmodus -> Karte und Kalender) experimentieren .

Benutzerdefinierte Ansichten

Unabhängig davon, welche Ansichten in lsFusion standardmäßig unterstützt werden, sind sie möglicherweise nicht immer ausreichend (oder es sind möglicherweise nicht genügend Einstellungen in vorhandenen Ansichten vorhanden). Um das Problem im allgemeinen Fall zu lösen, unterstützt die Plattform die sogenannten benutzerdefinierten Ansichten.

Die Unterstützung dieser Ansichten besteht aus zwei Teilen:

javascript css web-. , web ( ) , -, , web-. , , , , .
. javascript-, ( window , javascript function window, ). :
- element — DOM,
- objects — javascript-, ( = , = )
- controller — javascript-, / (, , ).

web js css ( , test.js test.css):

function calendar(element, objects, controller) {
    if(controller.calendar == null) { // lazy initialization
        controller.calendar = new FullCalendar.Calendar(element, {
            height: 'parent',
            editable: true,
            eventChange: function(info) {
                controller.changeDateProperty('date', controller.objects[info.event.extendedProps.index], info.event.start.getFullYear(),
                    info.event.start.getMonth() + 1,info.event.start.getUTCDate() + 1); // month and day are zero-based in full calendar
            },
            eventClick: function(info) {
                controller.changeSimpleGroupObject(controller.objects[info.event.extendedProps.index], false, info.el);
            }
        });
        setTimeout(function () {
            controller.calendar.render();
        }, 0);
    }

    controller.objects = objects; // need to save it to work with changes
    controller.calendar.setOption('events', objects.map((obj, index) =>
        Object.assign({}, obj, {
            index: index, // needed to work with changes
            classNames: controller.isCurrent(obj) ? 'event-highlight' : '' // highlighting current element
        })));
}

.event-highlight {
    border-color: #2C4751;
    background-color: #2C4751;
}

(web) ( js css, web, -, ).

, e:

CLASS Event;
      

        
        
        
      

     date = DATA DATE (Event);
      

        
        
        
      

     date(Event e) <- currentDate() WHEN SET(e IS Event);
      

        
        
        
      

     title = DATA STRING (Event);
      

        
        
        
      

     title(Event e) <- 'Event' + e WHEN SET(e IS Event);
      

        
        
        
      

     
      

        
        
        
      

     FORM calendar
      

        
        
        
      

         OBJECTS e=Event CUSTOM 'calendar'
      

        
        
        
      

         PROPERTIES (e) date, title, NEW, EDIT, DELETE 
      

        
        
        
      

     ;
      

        
        
        
      

     
      

        
        
        
      

     NAVIGATOR {
      

        
        
        
      

         NEW calendar;
      

        
        
        
      

     }

lsFusion , Flatlaf, , , , Intellij. - Flatlaf , - «» . lsFusion :

( ) — -
— -

«» . , , / ( ). , lsFusion , , , - ( ). (, ).

OAuth

«»: , , , . :

- ( ). , .
.

( ) OAuth . , (, lsFusion) / . / , / (, — ). « » lsFusion / : Facebook, Google, Github, . (Authorization URI, Token URI ..). , ( OAuth , , , ).

lsFusion — «» « ». «» -. « » (, ).

, ( «», OAuth-) « ». , « ». , , , , .

url user password ( http://myserver?user=X&password=Y

). , , , , VPN.

lsFusion :

( , 'Some text {x.y}'

).
- :
- ( ),
- .

, , . :

/ .
( ).

« ». :

, , .
, , , .
, ( ).

, , :

, ;
« », .

.
, , Google Translate. , . , .
, .
PROFIT

, , , - lsFusion. / : guestuk / guestuk ( ), guestbe / guestbe ( ).

lsFusion, , , . :

CTRL ( Excel). , ( EDIT_OBJECT

) .
« » .
( ) « ».
( CHANGE

, , )

, .

. , .

« »

lsFusion ( ), ( ) . :

. N+1, , , .

(GROUP_CHANGE) :

onChange(a);
      

        
        
        
      

     PUSH REQUEST
      

        
        
        
      

         FOR [FILTER formY.a](ga) AND NOT a=ga DO
      

        
        
        
      

             onChange(ga);

onChange — (CHANGE), a — ( , ).

, f(a,b) :

DIALOG formX OBJECTS x = f(a,b) CHANGE; //   formX,   f(a,b)    x

? «». ( CHANGE , ):

REQUEST 
      

        
        
        
      

         DIALOG formX OBJECTS x=f(a,b) INPUT DO requestedX() <- x; 
      

        
        
        
      

     DO 
      

        
        
        
      

         f(a,b) <- requestedX();
      

        
        
        
      

     
      

        
        
        
      

     PUSH REQUEST 
      

        
        
        
      

         FOR [FILTER formY.a](ga) AND NOT a=ga DO
      

        
        
        
      

             REQUEST 
      

        
        
        
      

                 DIALOG formX OBJECTS x=f(a,b) INPUT DO requestedX() <- x; 
      

        
        
        
      

             DO 
      

        
        
        
      

                 f(a,b) <- requestedX();

PUSH REQUEST REQUEST ( DO ). , :

PUSH REQUEST 
      

        
        
        
      

         FOR [FILTER formY.a](ga) AND NOT a=ga DO
      

        
        
        
      

             f(a,b) <- requestedX();

, lsFusion, FOR WHERE:

PUSH REQUEST 
      

        
        
        
      

             f(a,b) <- requestedX() WHERE [FILTER formY.a](ga) AND NOT a=ga;

, « ».

, (, , ).

( , ) — . , . , :

DESIGN order {
      

        
        
        
      

         caption = ' №' + number(o);
      

        
        
        
      

     
      

        
        
        
      

         lines {
      

        
        
        
      

             caption  = ' (' + (GROUP SUM 1 IF line(OrderDetail od) = o) + ')';
      

        
        
        
      

         }
      

        
        
        
      

     }

, . (, width pattern) ( )

, , , . , , . , lsFusion . , ( ). , .

lsFusion « » — (, , , ..). , , , , , , , , ( ). / ( , ).

, , , «». .

, ( ), / - .

http-

, . , - 2 :

. javascript, , , css html ( ) .
«» . , / , .

( Chrome V8 ), , , . , , — , http-. http- , .

Nun zurück zu lsFusion. Für die Arbeit mit externen Systemen, einschließlich des http-Protokolls, verwendet die Plattform den Operator EXTERNAL. Die Besonderheit dieses Operators ist zwar, dass er in der dritten Version nur auf dem Server ausgeführt werden konnte, was bedeutet, dass es unmöglich war, ihn für dieselbe Arbeit mit Geräten auf dem Client zu verwenden. Dementsprechend wurde es in der vierten Version der Plattform für das HTTP-Protokoll möglich, den EXTERNAL-Operator auf dem Client auszuführen. Syntaktisch sieht es so aus:

reportX(Pos p) {
      

        
        
        
      

         generateUUID();
      

        
        
        
      

         EXPORT reportX JSON CHARSET 'UTF-8';
      

        
        
        
      

         TRY {
      

        
        
        
      

             EXTERNAL HTTP CLIENT 'http://' + hostname(p) + ':16732/requests' PARAMS exportFile();
      

        
        
        
      

         } CATCH {
      

        
        
        
      

             CASE
      

        
        
        
      

                 WHEN statusHttp() > 299 THEN
      

        
        
        
      

                     MESSAGE ' - ' + STRING(statusHttp());
      

        
        
        
      

                 WHEN NOT statusHttp() THEN
      

        
        
        
      

                     MESSAGE ' -      v.10';
      

        
        
        
      

                 ELSE
      

        
        
        
      

                     MESSAGE ' -      v.10';
      

        
        
        
      

         }
      

        
        
        
      

     }

Genau wie beim Ausführen anderer Clientaktionen (z. B. Anzeigen von Formularen / Nachrichten) stoppt die Plattform selbst die Aktion auf dem Server, überträgt die Kontrolle an den Client, führt dort eine http-Anforderung aus, gibt dann die Kontrolle an den Server zurück und setzt die Ausführung der gestoppten Aktion auf dem Server fort.

, . , , , . , , , . , — «» ( OBJECTS) / . , , — FILTERS :

exportAndShowIncomes (Supplier s) {
      

        
        
        
      

         // i -      (incomes)
      

        
        
        
      

         EXPORT incomes FILTERS supplier(i) = s;
      

        
        
        
      

         open(exportFile());
      

        
        
        
      

         DIALOG incomes FILTERS supplier(i) = s;
      

        
        
        
      

     }

Wie bei berechneten Titeln ist eine wichtige Neuerung nicht die Funktionalität, zusätzliche Filter zum Formular selbst hinzuzufügen, sondern im Allgemeinen die Infrastruktur für die Verwendung des Kontexts zum Öffnen des Formulars innerhalb des Formulars. In zukünftigen Versionen ist es daher einfach, die Unterstützung für das Hinzufügen beispielsweise zusätzlicher Eigenschaften oder Aufträge beim Öffnen eines Formulars zu implementieren. Beim Hinzufügen dieser Elemente können Sie auch Parameter aus dem Kontext des Öffnens des Formulars verwenden. Alle diese zusätzlichen Elemente (mit Ausnahme von Filtern) hängen jedoch viel seltener vom Kontext ab. Um sie hinzuzufügen, wäre es dennoch logischer, den Vererbungs- (Aggregations-) Mechanismus von Formularen zu verwenden, der auch in einer der nächsten Versionen enthalten sein wird (dieser Mechanismus wird in der nächsten ausführlich beschrieben Artikel).

DOM-Optimierung

, lsFusion -, - . , (- ), Swing ( , / ), / HTML DOM. , . , . , :

“” -.
- .

— . , lsFusion- ( -), . - ( lsFusion), DOM . , - MyCompany ( ). , , ( , / , ).

( github). , (UX) developer experience (DX), . ( -) , .

MyCompany. (, custom-made ), , . -, ERP-, / «» . MyCompany. SME ( ERP ), ( , , Apache 2.0 ). WMS, , , WMS - ( lsFusion), - ( -).

lsFusion 4: Pivot-Tabellen, Diagramme, Karten und Kalender, OAuth-Authentifizierung, dunkles Thema und mehr

Übersichtstabelle

Benutzerdefinierte Ansichten

OAuth

« »

http-

DOM-Optimierung

More articles: