beanui

Angry Beanui

Un cadre pour développer une interface utilisateur Web via Javabean

Si les scénarios suivants apparaîtront dans votre travail:

• Je suis un développeur Java et je ne maîtrise pas la technologie Web, mais aujourd'hui, j'ai été arrangé pour développer une page simple;
• Un projet de service backend Java de deux mois (principalement backend), car personne dans l'équipe n'est compétent en front-end, il a fallu un mois pour créer des pages;
• J'ai construit un système de gestion de bibliothèque il y a deux ans, l'année dernière, j'ai construit un système de gestion des achats et cette année, j'ai construit un système de gestion des utilisateurs;
• Je suis un développeur Java et je ne suis vraiment pas intéressé à participer au développement Web;

Quels frameworks d'interface utilisateur Web sont actuellement populaires?

Ce que j'ai mentionné ci-dessus, c'est la confusion que je rencontre souvent. Dans la tendance actuelle de séparation des fins avant et arrière, Java a presque abandonné son investissement dans des cadres d'interface utilisateur Web. Même en tant que développeurs Java, nous utilisons rarement des cadres d'interface utilisateur Java tels que Struts et JSF pour se développer, et JSP est rarement écrit. Mais dans une vie quotidienne de Javaer, même si une centaine de personnes ne veulent pas le faire, elles rencontreront toujours la demande d'interface utilisateur, mais lors de l'ouverture d'un moteur de recherche, ils sont pleins de nouvelles technologies émergeant les unes après les autres. Il est peut-être difficile pour ceux qui y sont pour expliquer ce qu'est le cadre Web populaire actuellement.

Séparation avant et arrière

En parlant de séparation frontale, c'est aussi un scénario auquel je pense souvent. Si nous divisons simplement les systèmes équipés de l'UI, nous devenons deux catégories:

• Systèmes externes (comme les portails, les blogs, etc.)
• Système interne (comme le système de gestion, etc.)

Ensuite, le système externe est souvent responsable du personnel d'interface utilisateur professionnel ou même des équipes d'interface utilisateur, tandis que le système interne n'est pas nécessairement le cas. À l'heure actuelle, la tâche de développement frontal appartient aux ingénieurs back-end.

Dans ce cas, la séparation des extrémités avant et arrière devient moins belle, ce qui signifie:

• Apprenez divers cadres frontaux (jQuery, ReactJS, Vue, Angular)
• Apprenez les méthodes de test front-end (unité, simulation)
• Apprenez la compilation frontale et l'emballage
• En fait, il y a encore de nombreuses théories et concepts à comprendre
• La quantité totale de connaissances sur le front-end n'est certainement pas moins que le backend, et dépasse même la difficulté d'apprendre sur le backend.

Enfin, après avoir inventé vos connaissances, vous avez dépensé beaucoup d'efforts pour créer la page frontale, et vous pouvez toujours être critiqué.

Le processus de développement de l'interface utilisateur interne idéal de Javaer

• Pas besoin de connaître toutes sortes de connaissances sur le front-end
• Après avoir développé le code backend (comme le service Restful), vous n'avez besoin que de configuration simple pour rendre la page

Notre système interne ne nécessite souvent pas d'effets brillants, d'animations complexes ou de structures hautement personnalisées. Il peut s'agir d'une entrée pour les services back-end, ou gérer certaines configurations, ou gérer certains objets de données simples (tels que les utilisateurs, les commandes, les produits, etc.), ou présenter des rapports bidimensionnels courants. Leurs plus opérations sont simplement des cruds sur les objets de données. Par conséquent, j'ai réfléchi à la question de savoir si je pouvais générer de manière réverse le code frontal via Java. Avant cela, des cadres tels que GWT ont fait cela, mais le code est trop invasif.

Sur les caractéristiques de Beanui

• Configuration pure, adoptez entièrement les annotations Java pour une description de l'interface utilisateur
• La description de l'interface utilisateur du code non invasive n'affectera pas le projet de service RESTFul backend
• Développement rapide
• Avoir un certain niveau de capacités de personnalisation de l'interface utilisateur

Dépendances

1. Besoin d'installer NPM: installer NodeJS 10.0.0 ou NPM 6.2.0;
2. Besoin d'installer Apache Maven;

Installer Beanui

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

Installer et exécuter l'exemple Beanui

1. Copiez beanui/vue dans n'importe quel répertoire %your_vue_path%
2. cd %your_vue_path% et npm install
3. Ajouter le nœud de configuration <workPath>%your_vue_path%</workPath> dans le plugin beanui-maven-plugin dans pom.xml
4. cd beanui/demo et mvn install
5. java -jar demo-1.0.jar
6. Ouvrez le navigateur et entrez http://localhost:8080

Exécution de l'examen Beanui en mode Dev

1. Modifiez le mode d'exécution du fichier pom.xml sur dev <mode>dev</mode>
2. cd beanui/demo
3. mvn install

Entrée du programme

Commencez à construire un projet Beanui et besoin de construire un routeur.yml

Remarque: Router.yml n'est pas requis. S'il n'est pas configuré, le framework analysera toutes les classes annotées contenant @Component et les convertira. À l'heure actuelle, path doit être configuré. Si ce n'est pas configuré, c'est /

Si vous avez besoin d'un projet BeanUi le plus simple, voir un seul Demo

Instance de routeur à page unique

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

Avec routeur de menu à gauche

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

Avec page de connexion et routeur de menu

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

Instructions d'annotation Javabean

Si vous avez besoin de comprendre comment chaque contrôle est écrit dans Javabean, veuillez cliquer

Remarque: Étant donné que l'interface utilisateur de l'élément est utilisée (ele.me), vous pouvez presque entièrement vous référer à la description des composants de l'interface utilisateur de l'élément.

Description du plugin beanui maven

Pour comprendre l'utilisation du plug-in Maven, veuillez cliquer

Si vous avez besoin de savoir comment utiliser la bibliothèque d'amélioration, veuillez cliquer

Licence

Beanui est autorisé sous la licence du MIT. Voir la licence pour plus de détails.