beanui Download - beanui Quellcode Download

beanui

Website-Daten

1.0.0

Herunterladen

Wütende Beanui

Ein Rahmen für die Entwicklung von Web -Benutzeroberflächen über JavaBean

Ob die folgenden Szenarien in Ihrer Arbeit angezeigt werden:

Ich bin ein Java -Entwickler und keine Kompetenz in der Web -Technologie, aber heute war ich angeordnet, um eine einfache Seite zu entwickeln.
Ein zweimonatiges Java-Backend-Service (hauptsächlich Backend) -Projekt, da niemand im Team im Front-End kompetent ist, es hat einen Monat gedauert, um Seiten zu machen.
Ich habe vor zwei Jahren ein Bibliotheksmanagementsystem erstellt, letztes Jahr habe ich ein Beschaffungsmanagementsystem erstellt und dieses Jahr ein Benutzerverwaltungssystem erstellt.
Ich bin ein Java -Entwickler und interessiere mich wirklich nicht für die Teilnahme an der Webentwicklung.

Welche Web -UI -Frameworks sind derzeit beliebt?

Was ich oben erwähnt habe, ist die Verwirrung, die mir oft begegnet. Im aktuellen Trend der Trennung von Front- und Back -Enden hat Java seine Investition in Web -UI -Frameworks fast aufgegeben. Selbst als Java -Entwickler verwenden wir selten Java UI -Frameworks wie Struts und JSF, um sich zu entwickeln, und JSP ist selten geschrieben. Aber in einem täglichen Javaer -Leben, selbst wenn hundert Menschen dies nicht tun wollen, werden sie immer noch auf die Nachfrage nach Benutzeroberfläche stoßen, aber wenn sie eine Suchmaschine öffnen, sind sie voller neuer Technologien, die nacheinander auftreten. Vielleicht ist es für diejenigen, die sich darin befinden, schwierig, zu erklären, was derzeit das beliebte Web -Framework ist.

Vorder- und Rückendtrennung

Apropos Front-End-Trennung, dies ist auch ein Szenario, an das ich oft nachdenke. Wenn wir einfach die UI-ausgestatteten Systeme unterteilen, die wir in zwei Kategorien entwickeln:

Externe Systeme (wie Portale, Blogs usw.)
Internes System (wie Managementsystem usw.)

Dann ist das externe System häufig für professionelle UI -Mitarbeiter oder sogar UI -Teams verantwortlich, während das interne System nicht unbedingt der Fall ist. Zu diesem Zeitpunkt fällt die Aufgabe der Front-End-Entwicklung auf die Back-End-Ingenieure.

In diesem Fall wird die Trennung der vorderen und hinteren Enden weniger schön, was bedeutet:

Erfahren Sie verschiedene Front-End-Frameworks (JQuery, Reactjs, Vue, Angular)
Lernen Sie Front-End-Testmethoden (Einheit, Mock)
Lernen Sie Front-End-Zusammenstellung und Verpackung
In der Tat gibt es immer noch viele Theorien und Konzepte zu verstehen
Die Gesamtmenge an Wissen am vorderen Ende ist definitiv nicht weniger als das Backend und übertrifft sogar die Schwierigkeit des Lernens im Backend.

Nachdem Sie Ihr Wissen erfunden haben, haben Sie sich schließlich viel Mühe gegeben, um die Front-End-Seite zu erstellen, und Sie werden möglicherweise immer noch kritisiert.

Javaers idealer interner UI -Entwicklungsprozess

Es ist nicht erforderlich, alle möglichen Wissen über das Front-End zu kennen
Nachdem Sie den Backend -Code (z. B. den Ruhestand) entwickelt haben, benötigen Sie nur eine einfache Konfiguration, um die Seite zu rendern

Unser internes System erfordert häufig keine brillanten Effekte, komplexen Animationen oder hochmobilen Strukturen. Es kann nur ein Eingang zu Back-End-Diensten sein, einige Konfigurationen verwalten oder einige einfache Datenobjekte (wie Benutzer, Bestellungen, Produkte usw.) verwalten oder einige häufige zweidimensionale Berichte vorlegen. Ihre meisten Vorgänge sind einfach Cruds für Datenobjekte. Daher dachte ich darüber nach, ob ich umgekehrt Front-End-Code über Java erzeugen konnte. Vorher haben Frameworks wie GWT dies getan, aber der Code ist zu invasiv.

Über die Merkmale von Beanui

Reine Konfiguration, vollständige Java -Anmerkungen für die UI -Beschreibung übernehmen
Die Beschreibung der UI-Beschreibung des nicht-invasiven Code hat keinen Einfluss auf das Backend Rastful Service Project
Schnelle Entwicklung
Eine bestimmte Ebene der UI -Anpassungsfunktionen haben

Beispiel

Abhängigkeiten

Müssen NPM installieren: NodeJS 10.0.0 oder NPM 6.2.0 installieren;
Müssen Apache Maven installieren;

Beanui installieren

git clone https://github.com/magic-bunny/beanui
cd beanui
mvn install

BEANUI -Beispiel installieren und ausführen

Kopieren Sie beanui/vue -Verzeichnis in ein beliebiges Verzeichnis %your_vue_path%
cd %your_vue_path% und npm install
Fügen Sie den Konfigurationsknoten <workPath>%your_vue_path%</workPath> im Beanui-Maven-Plugin-Plugin in pom.xml hinzu
cd beanui/demo und mvn install
java -jar demo-1.0.jar
Öffnen Sie den Browser und geben Sie http://localhost:8080 ein

Ausführen der Beanui -Prüfung im Dev -Modus

Ändern Sie den laufenden Modus der Datei pom.xml in Dev <mode>dev</mode>
cd beanui/demo
mvn install

Programmeintrag

Beginnen Sie mit dem Bau eines Beanui -Projekts und müssen einen Router.yml bauen

Hinweis: Router.yml ist nicht erforderlich. Wenn nicht konfiguriert, scannt das Framework alle kommentierten Klassen mit @Component und konvertieren sie. Zu diesem Zeitpunkt muss path Pfadattribut konfiguriert werden. Wenn nicht konfiguriert, ist es /

Wenn Sie ein einfachstes Beanui-Projekt benötigen, siehe Single-Demo

Einzelseite Routerinstanz

 path : /test
component : demo.view.layout.card.CardComponent

Mit linkem Menü Router

 name : root
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent

Mit Anmeldeseite und Menürouter

 path : /login
component : demo.view.LoginComponent
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent

Javabäe Annotation Anweisungen

Wenn Sie verstehen müssen, wie jede Steuerung in JavaBean geschrieben ist, klicken Sie bitte auf

Hinweis: Da die Element UI verwendet wird (ELE.ME), können Sie sich fast vollständig auf die Komponentenbeschreibung der Element -Benutzeroberfläche beziehen.