Beni Lunigiana - client

Project setup

Prima di tutto scaricare Node.js, assicurarsi di selezionare l'installazione di npm. Poi aprire il terminale, piazzarsi nella directory di questo progetto e impartire:

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Shows a brief documentation about Vue Components

npm run showDoc

Struttura progetto

• Vedi intanto Vue Cli
• src
  • assets. Qui ci stanno risorse Javascript, CSS o SCSS
  • components. La cartella dove sono presenti tutti i componenti di Vue. All'interno c'è la cartella pages (contiene le pagine pronte da mostrare a schermo; tali pagine non si possono inserire dentro altri componenti). Abbiamo poi la cartella UI (contiene i singoli blocchetti della UI che vanno a comporre le pagine)
  • router. File per la configurazione degli url. Si rimanda a Vue Router per il funzionamento.
  • store. File per memorizzare lo stato della web application mentre è in esecuzione. Si rimanda a Vuex

La creazione dell'interfaccia utente è fortemente legata a Vue Bootstrap, si consiglia di capirne il funzionamento. Per la gestione delle tabelle è stata usata la libreria Vue Tables 2, si rimanda alla documentazione. Per le mappe Leaflet e Vue Leaflet sono stati usati. Mentre per le icone è stata usata Vue-FontAwesome.

Impostare l'indirizzo del server a cui fare le richieste

Recarsi in src/store/URLsStore.js e modificare 'serverURL'. Questa variabile rappresenta l'indirizzo base del server a cui fare le richieste. Tale indirizzo può essere diverso in base al fatto se si stia eseguendo l'applicazione in modalità di test o se si stia rilasciando al pubblico (production). Sempre nello stesso file sono inoltre dichiarati i percorsi relativi a 'serverURL' per le varie operazioni (crea bene, modifica bene, etc.)

Customize configuration

See Configuration Reference.