Metainformationen zur Seite
  •  

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
web:webcore [2026/02/28 11:32] – adminweb:webcore [2026/04/14 06:49] (aktuell) – admin
Zeile 1: Zeile 1:
 ====== WebCore ====== ====== WebCore ======
 +
 +===== Beachten! =====
 +
 +  * um das erste Eingabeelement im Formular zu fokusieren, kann man SetFocus des Elements im WebFormShow aufrufen. In WebFormCreate funktioniert dieser Aufruf noch nicht.
 +
 +===== Template =====
  
   * Wenn man ein Template mit BootstrapStudio erstellt und dann mit einem WebCore-Projekt verknüpfen möchte, dann kann man die html-Datei z.B. form_main.html nennen.   * Wenn man ein Template mit BootstrapStudio erstellt und dann mit einem WebCore-Projekt verknüpfen möchte, dann kann man die html-Datei z.B. form_main.html nennen.
Zeile 6: Zeile 12:
   * man darf in Delphi keine Daten ändern, die im Template vorgegeben sind. Z.B. den caption eines Buttons   * man darf in Delphi keine Daten ändern, die im Template vorgegeben sind. Z.B. den caption eines Buttons
   * Listenelemente kann man mit ThsWebTools.ElementOuterHtml('zeile') aus dem Template laden. Dann löscht man dieses Element aus dem Template mit ThsWebTools.Remove('#liste') und kann es dann innerhalb z.B. eines TWebListControl als Vorlage verwenden.   * Listenelemente kann man mit ThsWebTools.ElementOuterHtml('zeile') aus dem Template laden. Dann löscht man dieses Element aus dem Template mit ThsWebTools.Remove('#liste') und kann es dann innerhalb z.B. eines TWebListControl als Vorlage verwenden.
-  * **Wichtig**: Bei TWebListControl muss style auf lsListGroup gesetzt werden, sonst wird der Text nur im letzten Element angezeigt.+  * **Wichtig**: Bei TWebListControl muss style auf lsListGroup gesetzt werden, sonst wird der Text nur im letzten Element angezeigt. Das ElementListClassName auf list-group-item setzen, dann gehen die Rahmen weg.
   * Den horizontalen Scrollbar bekommt man weg, indem man eine Klasse definiert, die overflow: hidden !important und width: 98% hat und diese den Item-Elementen zusätzlich zuweist : ElementListClassName = "list-group test"   * Den horizontalen Scrollbar bekommt man weg, indem man eine Klasse definiert, die overflow: hidden !important und width: 98% hat und diese den Item-Elementen zusätzlich zuweist : ElementListClassName = "list-group test"
  
Zeile 15: Zeile 21:
   * Die Einstellungen werden in der config.json gemacht   * Die Einstellungen werden in der config.json gemacht
     * Achtung: diese Datei muss für Online angepasst werden und darf nicht beim Hochladen ohne Anpassungen mit kopiert werden     * Achtung: diese Datei muss für Online angepasst werden und darf nicht beim Hochladen ohne Anpassungen mit kopiert werden
-    * **wichtig:** Für jedes Projet muss der (Online-)Pfad zur Datei in der Constanten cConfigJsonFile angepasst werden+    * **wichtig:** Für jedes Projet muss der (Online-)Pfad zur Datei in der Constanten **cConfigJsonFile** angepasst werden 
 +  * Die Überschrift WebLabel1 muss im Delphi-Formular gesetzt werden, ebenso der Text auf dem Anmelde-Button 
 +  * Die RedirectUrl muss in der App in M365 registriert werden unter: "Authentication (Preview)" - als Single-Page-Webanwendung 
 + 
 +in der config.json wird die Url definiert, mit der ein JWT abgerufen werde soll: 
 +z.B. https://services.ksh-m.de:2001/auth/v1/login/jwtbymstoken 
 +Dieser Url muss ein gültiges Microsoft AccessToken übergeben werden 
 +{ "token": "%s" } 
 +mit dem dann im KDB-Service https://graph.microsoft.com:443/v1.0/me aufgerufen wird.  
 + 
 +Um ein neues Projekt damit zu starten: 
 + 
 +  * Verzeichnis KshLoginTemplate kopieren und umbenennen 
 +  * Projektdatei des kopierten Verzeichnisses KshLoginTemplate.dproj in Delphi öffnen 
 +  * Das Projekt in Delphi umbenennen und speichern 
 +  * jetzt kann man das neue Projekt weiterentwickeln, vor allem als erstes die Prozedur **AfterJwtRead** mit sinnvollem Code füllen 
 +  * **WICHTIG**: die Adresse zum Testen darf nicht http://127.0.0.1:/... sein, sondern muss http://localhost:8000/... sein 
 + 
 +==== BootstrapStudio ==== 
 + 
 +  * Neues Projekt anlegen (Bootstrap 5.3) 
 +  * Export anpassen 
 +    * Exportverzeichnis 
 +    * Use a CDN for Libraries 
 +    * Export Labels 
 +  * Hauptdatei anpassen: form_main 
 +    * container 
 +    * row 
 +    * column 
 +    * Heading H1 
 + 
 + 
 +==== Fehlermeldung beim Speichern des Formulars ==== 
 + 
 +  * Sync zwischen pas und dfm 
 +  * TWebImageControl.Data = {} - in dfm ganz löschen 
 +