Maison > Article > développement back-end > Partager les notes d'étude ASP.NET (3) Disposition des pages Web
Partager les notes d'étude ASP.NET (3) Disposition des pages Web
- 零下一度original
- 2017-05-24 17:57:411959parcourir
Créer un site Web avec une mise en page cohérente est facile avec les pages Web.
Aspect cohérent
Sur Internet, vous constaterez que de nombreux sites Web ont une apparence cohérente :
Chaque page a le 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 très efficacement. 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 utiliser la méthode @RenderPage() pour importer du contenu à partir de différents fichiers.
Les blocs de contenu (provenant d'un autre fichier) peuvent être importés n'importe où dans la page Web. Les blocs de contenu peuvent contenir du texte, du balisage et du code, comme n'importe quelle page Web normale.
Écrire l'en-tête et le pied de page 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 :
Exemple
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>Page de mise en page
Dans la section précédente, vous voyez, c'est très facile 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 méthode @RenderBody() est utilisée dans la page de mise en page 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.
Voici comment cela serait rendu dans le code :
Page de mise en page :
<html> <body> <p>This is header text</p> @RenderBody() <p>© 2012 W3CSchool. All rights reserved.</p> </body> </html>
N'importe quelle page :
@{Layout="Layout.cshtml";}<h1>Welcome to W3CSchool.cc</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.</p>D.R.Y - Ne faites pas cela. Répétez-vous
Avec les blocs de contenu et les pages de mise en page, deux outils ASP.NET, vous pouvez donner à votre application Web une apparence cohérente.
Ces deux outils peuvent vous épargner 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 à enregistrer ces informations Dans un fichier séparé appelé "_AppStart".
_AppStart.cshtml
@{WebMail.SmtpServer = "mailserver.example.com";WebMail.EnableSsl = true;WebMail.UserName = "username@example.com";WebMail.Password = "your-password";WebMail.From = "your-name-here@example.com";}[Recommandations associées]
1 Tutoriel vidéo gratuit ASP.NET
2 Partagez les notes d'étude ASP.NET. (1)--WebPages Razor
3 Partagez les notes d'étude ASP.NET (2)--WebPages Introduction
4. Une brève définition et introduction d'ASP.NET
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!