Incorporando le pagine HTML del web designer in un'applicazione MVC4

1

Ci stiamo imbarcando in un nuovo progetto che utilizzerà la piattaforma ASP .NET MVC4.

Sono stato informato che il design è stato esternalizzato a una ditta di design personalizzata e ci forniranno pagine HTML e fogli di stile.

Quanto sarà facile incorporare questi fogli di stile CSS e le pagine HTMl nella nostra applicazione? Devo chiedere qualcosa di più delle pagine HTML?

La mia esperienza personale è limitata a un sito creato per un interno e ho utilizzato HTMLHelper per generare viste. Un'altra esperienza passata che ho avuto da molto tempo fa è stata l'utilizzo di ASP classico ed è stato un gioco da ragazzi dato che avrei potuto letteralmente mischiare insieme ASP e HTML.

La mia domanda è, qual è questo un buon approccio per incorporare HTML e fogli di stile da un web designer in un'applicazione web ASP.NET MVC4?

    
posta abhi 05.04.2013 - 16:29
fonte

1 risposta

6

La conversione / incorporazione di un sito Web HTML statico in ASP.NET MVC è molto semplice e relativamente semplice. La situazione che descrivi è quella che si è verificata frequentemente nel mio ultimo lavoro. Non dovrai chiedere altro che il sito HTML statico; HTML, JS, CSS e immagini vanno bene.

Hai menzionato l'uso di ASP e HTML classici in un unico file. ASP.NET MVC ha qualcosa di molto simile a questo con il motore dei template: Razor . In breve , ti dà pieno accesso al linguaggio C # ( e credo VB) all'interno di pagine che altrimenti sarebbero solo HTML. Usarlo all'interno delle nostre pagine HTML (.cs) è il modo principale con cui convertiamo l'HTML statico. Va notato che Razor è non è l'unico motore di template che possiamo usare con ASP.NET MVC.

Per quanto riguarda il flusso di lavoro, dovremmo:

  1. Inizia identificando un insieme di layout sovraordinati per tutte le pagine (ad esempio alcune pagine potrebbero avere un menu allineato a sinistra mentre altre potrebbero non avere alcun menu). Dovremmo quindi rimuovere tutti i markup che differiscono tra le pagine dello stesso layout (tipicamente questo è il vero contenuto della pagina) e utilizzare il markup risultante come pagina modello.

  2. Inserisci tutti i markup separati da ciascun file in un file di visualizzazione appropriato e imposta i file di layout appropriati, per creare le singole pagine del sito.

  3. Esamina le viste che abbiamo creato nel passaggio 2 per trovare elementi comuni, come tabelle, menu e moduli. Questi elementi comuni possono quindi essere estratti in viste parziali e la marcatura nelle pagine sostituita con una chiamata alla vista parziale.

  4. Una volta create le pagine di layout e gli elementi comuni estratti nelle viste parziali, inizia ad incorporare la tua logica aziendale digitando strongmente le tue viste e parziali.

Dopo il passaggio 4, i processi sono gli stessi della creazione di un sito MVC ASP.NET senza la base dell'HTTP statico.

    
risposta data 05.04.2013 - 16:56
fonte

Leggi altre domande sui tag