Pular para o conteúdo principal

Portal Web — Angular 14 + Ionic 7.5

Aplicação web do ERP acessada via browser. Versão web de funcionalidades selecionadas.


Stack​

ItemDetalhe
FrameworkAngular 14
UIIonic 7.5
ChartsChart.js
UI ComponentsAngular Material
DeployWildFly / nginx
AutenticaçãoJWT via APIs Java → PortalWebAPI

Localização no Repositório​

source/JunsoftPortalWeb/
├── PortalWebAPI/ ← Backend Spring Boot 2.7.18 (Java 17)
└── PortalWebAPP/ ← Frontend Angular 14
└── src/app/main/

Módulos / Páginas​

Coletas (coletas/)​

  • Lista de coletas
  • Detalhe da coleta (coleta-detail/)
  • Filtros (filtros-coleta/)
  • Relacionado com Coleta e APIs Java (CaptacaoMobile API)

Contas (contas/)​

  • Lista de contas
  • Detalhe de conta (conta-detail/)
  • Filtros (filtro-conta/)
  • Relacionado com Financeiro

Dashboard (dashboard/)​

  • Gráficos de barras (bar-chart/ via Chart.js)
  • Analytics e KPIs do ERP

Faturamento (faturamento/)​

Pedidos (pedidos/)​

  • Lista de pedidos
  • Detalhe do pedido (pedido-detail/)
  • Filtros (filtros-pedido/)
  • Relacionado com Pedidos
  • Catálogo de produtos

Perfil do Usuário (perfil-usuario/)​

  • Dados e configurações do usuário logado

Arquitetura Angular​

src/app/
├── main/ ← Feature modules (páginas)
│ ├── catalogo/
│ ├── coletas/
│ ├── contas/
│ ├── dashboard/
│ ├── faturamento/
│ ├── pedidos/
│ └── perfil-usuario/
├── components/ ← Componentes compartilhados
└── pipes/ ← Pipes Angular customizados

Comunicação​

Browser
│
│ HTTPS
▼
PortalWebAPI (Spring Boot 2.7.18)
│
│ JDBC
▼
Firebird (Banco de Dados)

→ Ver detalhes em Integração entre Plataformas


Diferença: Portal Web vs Mobile Web​

Portal WebMobile Web App
FrameworkAngular 14 + Ionic 7.5Angular 14 + Ionic + Capacitor 5
FocoGestão/backofficeOperacional (oficina, vendas)
APIPortalWebAPIJunsoftWebAPI
DeployWildFly/nginxFirebase