Partager les notes d'étude ASP.NET (3) Disposition des pages Web-Tutoriel C#.Net-php.cn

Partager les notes d'étude ASP.NET (3) Disposition des pages Web

零下一度

Libérer： 2017-05-24 17:57:41

original

2052 Les gens l'ont consulté

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>

Copier après la connexion

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>&copy; 2012 W3CSchool. All rights reserved.</p>
</body>
</html>

Copier après la connexion

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>

Copier après la connexion

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";}

Copier après la connexion

[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!