beanui

Raivosa beanui

Uma estrutura para o desenvolvimento da interface da web através de Javabean

Se os seguintes cenários aparecerão em seu trabalho:

• Sou desenvolvedor de Java e não sou proficiente em tecnologia da web, mas hoje fui organizado para desenvolver uma página simples;
• Um projeto Java Backend Service (principalmente back-end) de dois meses, porque ninguém na equipe é proficiente no front-end, levou um mês para fazer páginas;
• Eu construí um sistema de gerenciamento de bibliotecas há dois anos, no ano passado, construí um sistema de gerenciamento de compras e, este ano, construí um sistema de gerenciamento de usuários;
• Sou desenvolvedor de Java e realmente não estou interessado em participar do desenvolvimento da web;

Quais estruturas da interface do usuário da web são atualmente populares?

O que mencionei acima é a confusão que muitas vezes encontro. Na tendência atual de separação das extremidades dianteiras e traseiras, a Java quase desistiu de seu investimento nas estruturas da interface do usuário da Web. Mesmo como desenvolvedores de Java, raramente usamos estruturas de interface do usuário do Java, como Struts e JSF, e o JSP raramente é escrito. Mas em uma vida cotidiana de Javaer, mesmo que cem pessoas não estiverem dispostas a fazê -lo, elas ainda encontrarão a demanda por interface do usuário, mas ao abrir um mecanismo de busca, elas estão cheias de novas tecnologias emergindo uma após a outra. Talvez seja difícil para mesmo aqueles que estão nele explicando qual é a estrutura popular da web atualmente.

Separação da frente e traseira

Falando em separação de front-end, este também é um cenário em que muitas vezes penso. Se simplesmente dividirmos os sistemas equipados com a UI, desenvolvemos em duas categorias:

• Sistemas externos (como portais, blogs etc.)
• Sistema interno (como sistema de gerenciamento, etc.)

Em seguida, o sistema externo geralmente é responsável pela equipe de interface do usuário profissional ou mesmo às equipes de interface do usuário, enquanto o sistema interno não é necessariamente o caso. Neste momento, a tarefa do desenvolvimento do front-end cai nos engenheiros de back-end.

Nesse caso, a separação das extremidades da frente e de trás se torna menos bonita, o que significa:

• Aprenda várias estruturas de front-end (jQuery, Reactjs, Vue, Angular)
• Aprenda métodos de teste front-end (unidade, simulação)
• Aprenda compilação e embalagem front-end
• De fato, ainda existem muitas teorias e conceitos para entender
• A quantidade total de conhecimento no front -end não é definitivamente menos que o back -end e até excede a dificuldade de aprender no back -end.

Finalmente, depois de inventar seu conhecimento, você gastou muito esforço para criar a página front-end e ainda pode ser criticada.

Processo de Desenvolvimento Interno da UI Interna de Javaer

• Não há necessidade de saber todos os tipos de conhecimento sobre o front-end
• Depois de desenvolver o código de back -end (como o RESTful Service), você só precisa de configuração simples para renderizar a página

Nosso sistema interno geralmente não requer efeitos brilhantes, animações complexas ou estruturas altamente personalizadas. Pode ser apenas uma entrada para serviços de back-end, ou gerenciar algumas configurações ou gerenciar alguns objetos de dados simples (como usuários, pedidos, produtos etc.) ou apresentar alguns relatórios bidimensionais comuns. Suas operações são simplesmente cruds em objetos de dados. Portanto, pensei se poderia gerar reversamente código de front-end através do Java. Antes disso, estruturas como o GWT fizeram isso, mas o código é muito invasivo.

Sobre os recursos de Beanui

• Configuração pura, adote totalmente as anotações Java para descrição da interface do usuário
• Descrição da interface do usuário do código não invasivo não afetará o projeto de serviço de back-end RESTful
• Desenvolvimento rápido
• Tenha um certo nível de recursos de personalização da interface do usuário

Dependências

1. Precisa instalar o NPM: Instale o NodeJS 10.0.0 ou NPM 6.2.0;
2. Precisa instalar o Apache Maven;

Instale Beanui

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

Instale e execute o exemplo beanui

1. Copie beanui/vue para qualquer diretório %your_vue_path%
2. cd %your_vue_path% e npm install
3. Adicione o nó de configuração <workPath>%your_vue_path%</workPath> no plug-in Beanui-Ma-Maven-Plugin em pom.xml
4. cd beanui/demo e mvn install
5. java -jar demo-1.0.jar
6. Abra o navegador e entre http://localhost:8080

Exame de Beanui no modo dev

1. Modifique o modo de execução do arquivo POM.XML para Dev <mode>dev</mode>
2. cd beanui/demo
3. mvn install

Entrada do programa

Comece a construir um projeto Beanui e precisa construir um roteador.yml

Nota: Router.yml não é necessário. Se não estiver configurado, a estrutura digitalizará todas as classes anotadas contendo @Component e as converterão. Neste momento, path precisa ser configurado. Se não estiver configurado, é / é /

Se você precisar de um projeto Beanui mais simples, consulte o Demo único

Instância de roteador de página única

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

Com roteador de menu esquerdo

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

Com página de login e roteador de menu

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

Instruções de anotação de Javabean

Se você precisar entender como cada controle está escrito em Javabean, clique em

NOTA: Como a interface do usuário do elemento é usada (ele.me), você pode se referir quase completamente à descrição do componente da interface do usuário do elemento.

Descrição do plugin Beanui Maven

Para entender o uso do plug-in maven, clique

Se você precisar saber como usar a biblioteca de aprimoramento, clique em

Licença

Beanui está licenciado sob a licença do MIT. Consulte a licença para obter mais detalhes.