🐺 ✋🏻 💃 lsFusion 4：ピボットテーブル、チャート、マップ、カレンダー、OAuth認証、ダークテーマなど 👩🏼‍🎓 👻 📰

つい先日、無料のオープンプラットフォームlsFusionの新しい第4バージョンがリリースされました。この記事では、このバージョンの主な新機能について簡単に説明し、gif画像と例を使用して可能な限りそれらを説明します（少なくとも多くのテキストを読みたくない人のために）。また、これらの機能の多くは、公式Webサイトでオンラインで試すことも、たとえば、lsFusionのソリューションの1つのデモバージョンで試すこともできます。

lsFusion ( ). , ( , ).

, ( ), ( ) — UI .

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

, , .

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

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

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

lsFusion . ( ) , , . , , .

物理レベルでは、グループ化ビューのグループ化操作は、データベースサーバーとクライアントの両方で実行できることに注意してください。プラットフォームはこの選択を自動的に管理します。グループの数が減少した場合、または初期データの量がしきい値より少ない場合、データはクライアントで処理されます（サーバーへの不要な呼び出しを除外するため）。他のほとんどの場合、グループ化はクエリを使用してSQLサーバーで実行されます（ただし、小計は引き続きクライアントで計算されます）。

グループ化は、対応するドラッグドロップインターフェイスを使用してユーザーが変更できます。開発者は、FORMステートメントで適切な構文を使用してグループ化を定義できます。

FORM myReport
      

        
        
        
      

         OBJECTS l = Ledger PIVOT 'Area Chart'
      

        
        
        
      

         PROPERTIES (l) customer ROW, sum MEASURE
      

        
        
        
      

     ;

ピボットテーブル

. , :

. , — --, .
. , .

, , , , 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
      

        
        
        
      

     ;

必要に応じて、lsFusionの公式Webサイトの[オンラインで試す]セクション（[プラットフォームモード]-> [マップとカレンダー]）でマップとカレンダーを試すことができます。

カスタムビュー

lsFusionですぐにサポートされるビューが何であれ、常に十分ではない可能性があります（または、既存のビューに十分な設定がない可能性があります）。一般的な場合の問題を解決するために、プラットフォームはいわゆるカスタムビューをサポートします。

これらのビューをサポートするには、次の2つの部分があります。

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- , .

lsFusionに戻ります。http-protocolを含む外部システムを操作するために、プラットフォームはEXTERNAL演算子を使用します。確かに、このオペレーターの特徴は、3番目のバージョンではサーバー上でしか実行できなかったことです。つまり、クライアント上の機器で同じ作業に使用することは不可能でした。したがって、HTTPプロトコル用のプラットフォームの4番目のバージョンでは、クライアントでEXTERNAL演算子を実行できるようになりました。構文的には、次のようになります。

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';
      

        
        
        
      

         }
      

        
        
        
      

     }

物理的には、他のクライアントアクション（フォーム/メッセージの表示など）を実行する場合と同様に、プラットフォーム自体がサーバーでアクションを停止し、クライアントに制御を移し、そこでhttp要求を実行してから、サーバーに制御を戻し、サーバーで停止したアクションの実行を続行します。

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

exportAndShowIncomes (Supplier s) {
      

        
        
        
      

         // i -      (incomes)
      

        
        
        
      

         EXPORT incomes FILTERS supplier(i) = s;
      

        
        
        
      

         open(exportFile());
      

        
        
        
      

         DIALOG incomes FILTERS supplier(i) = s;
      

        
        
        
      

     }

計算されたタイトルの場合のように、重要な革新は、フォーム自体に追加のフィルターを追加する機能ではなく、一般に、フォーム自体の内部でフォームを開くコンテキストを使用するためのインフラストラクチャです。したがって、将来のバージョンでは、フォームを開くときにプロパティや注文などを追加するためのサポートを簡単に実装できます。これらの要素を追加するプロセスでは、フォームを開くコンテキストからパラメータを使用することもできます。ただし、これらすべての追加要素（フィルターを除く）はコンテキストに依存する頻度がはるかに少ないため、それらを追加するには、フォームの継承（集約）メカニズムを使用する方が論理的です。これは、次のバージョンの1つにも表示されます（このメカニズムについては、次のバージョンで詳しく説明します）。記事）。

DOMの最適化

, 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：ピボットテーブル、チャート、マップ、カレンダー、OAuth認証、ダークテーマなど

ピボットテーブル

カスタムビュー

OAuth

« »

http-

DOMの最適化

More articles: