Disposition des pages Web
Pages Web ASP.NET - Mise en page
Créer un site Web à la présentation cohérente est facile avec les pages Web.
Aspect cohérent
Sur Internet, vous trouverez de nombreux sites Web qui ont une apparence cohérente :
Chaque page a la même en-tête
Chaque page a le même bas
Chaque page a le même style et la même mise en page
Avec les pages Web, vous pouvez le faire de manière très efficace. Vous pouvez écrire des blocs de contenu réutilisés (tels que des en-têtes et des pieds de page) dans un fichier séparé.
Vous pouvez également utiliser des modèles de mise en page (fichiers de mise en page) pour définir une mise en page cohérente pour toutes les pages de votre site.
Blocs de contenu
De nombreux sites Web ont du contenu qui est affiché sur chaque page du site (comme l'en-tête et le pied de page).
Avec les pages Web, vous pouvez importer du contenu à partir de différents fichiers à l'aide de la méthode @RenderPage().
Les blocs de contenu (provenant d'un autre fichier) peuvent être importés n'importe où sur la page. Les blocs de contenu peuvent contenir du texte, du balisage et du code comme n'importe quelle page Web normale.
Écrire les en-têtes et les fonds communs dans des fichiers séparés vous fera économiser beaucoup de travail. Vous n'êtes pas obligé d'écrire le même contenu sur chaque page. Lorsque le contenu change, il vous suffit de modifier le fichier d'en-tête ou de bas, et vous verrez que le contenu correspondant de chaque page du site a été mis à jour.
Ce qui suit montre comment il est rendu dans le code :
Instance
<html> <body> @RenderPage("header.cshtml") <h1>Hello Web Pages</h1> <p>This is a paragraph</p> @RenderPage("footer.cshtml") </body> </html>
Instance en cours d'exécution»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Page de mise en page (page de mise en page)
Dans la partie précédente, vous l'avez vue et souhaitez en savoir plus Il est très simple d'afficher le même contenu sur plusieurs pages Web.
Une autre façon de créer une apparence cohérente consiste à utiliser des pages de mise en page. Une page de mise en page contient la structure de la page Web, pas le contenu. Lorsqu'une page Web (page de contenu) est liée à une page de mise en page, elle s'affiche selon la structure de la page de mise en page (modèle). La page de mise en page
utilise la méthode @RenderBody() pour intégrer la page de contenu. À part cela, elle n'est pas différente d'une page Web normale.
Chaque page de contenu doit commencer par une directive de mise en page.
Ce qui suit montre comment il est rendu dans le code :
Page de mise en page :
<body>
< p>Ceci est le texte d'en-tête</p>
@RenderBody()
<p>© 2012 W3CSchool.</p>
< ;/ body>
</html>
N'importe quelle page Web :
Instance
@{Layout="Layout.cshtml";} <h1> Welcome to W3Cschool </h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse cillum dolore eu fugiat nullapariatur. Excepteur sint occaecat cupidatat non proident, sunt inculpa qui officia deserunt mollit anim id est laborum.</p>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
D.R.Y. - Ne vous répétez pas
Avec les deux outils ASP.NET Blocs de contenu et Pages de mise en page, vous pouvez donner à votre application Web une apparence cohérente.
Ces deux outils peuvent vous faire économiser beaucoup de travail car vous n'avez pas besoin de répéter les mêmes informations sur chaque page. Le balisage, les styles et le code centralisés facilitent la gestion et la maintenance de vos applications Web.
Empêcher l'affichage des fichiers
Dans ASP.NET, les noms de fichiers commençant par un trait de soulignement peuvent empêcher l'affichage de ces fichiers en ligne.
Si vous ne souhaitez pas que vos blocs de contenu ou vos pages de mise en page soient visibles par vos utilisateurs, vous pouvez renommer ces fichiers :
_header.cshtm
_footer.cshtml
_Layout.cshtml
Masquer les informations sensibles
Dans ASP.NET, le moyen le plus courant de masquer les informations sensibles (mots de passe de base de données, mots de passe de messagerie, etc.) consiste à Ces informations sont enregistrées dans un fichier séparé appelé « _AppStart ».
_AppStart.cshtml
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "nom d'utilisateur@exemple.com";
WebMail.Password = "votre-mot de passe";
WebMail.From = "votre-nom-ici@exemple.com";
}