Latest web development tutorials

ASP.NET Web Pages Disposition

Par pages Web, de créer une mise en page cohérente du site est une chose très facile à faire.

apparence cohérente

Sur Internet, vous le trouverez sur le site un aspect cohérent et la sensation:

  • Chaque page a la même tête
  • Chaque page a la même base
  • Chaque page a le même style et la mise en page

Par pages Web, vous êtes en mesure de le faire de façon très efficace. Vous pouvez réutiliser des blocs de contenu (tels que la tête et le bas de la page) écrite dans un fichier séparé.

Vous pouvez également utiliser le modèle de mise en page (fichiers layout) à toutes les pages du site en accord avec la définition de la mise en page.

Blocs de contenu (contenu du bloc)

Beaucoup de sites ont une partie du contenu doit être affiché (comme tête de page et pied de page) sur chaque page du site.

Par pages Web, vous pouvez utiliser la méthode@RenderPage () pour importer le contenu de différents fichiers.

bloc de contenu (d'un autre fichier) partout sur une page Web peut être importé. bloc de contenu peut contenir du texte, le balisage et le code, comme tout web ordinaire même.

Il sera écrit dans un fichier en-tête et pied de page séparée, ce qui vous aidera à économiser beaucoup de travail. Vous n'êtes pas obligé d'écrire le même contenu sur chaque page, lorsque les changements de contenu, il vous suffit de changer la tête ou en bas du fichier, vous pouvez consulter le site du contenu de chaque page ont été mis à jour.

Le code suivant montre comment il est présenté:

Exemples

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

Exécution instance »

Mise en page (mise en page)

Dans la section précédente, voyez-vous, et que vous voulez montrer le même contenu est très facile sur plusieurs pages.

Une autre façon de créer une apparence cohérente consiste à utiliser une mise en page. Une mise en page contient une structure sur la page, plutôt que le contenu. Quand une page Web (pages de contenu) de lien vers la mise en page, il sera affiché en fonction de la mise en page (template) de structure.

méthode de mise en page @RenderBody utilisé () pour intégrer des pages de contenu, en outre, il ne fait aucune différence avec une page Web normale.

Chaque page de contenu doit commencer par les instructions de mise en page.

Le code suivant montre comment il est présenté:

Mise en page:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 W3CSchool. All rights reserved.</p>
</body>
</html>

Toute 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>

Exécution instance »

DRY - Do not Repeat Yourself (ne vous répétez pas)

Par blocs de contenu (contenu de bloc) et Pages mise en page (la page __gVirt_NP_NN_NNPS<__ mise en page) les deux outils ASP.NET, vous pouvez rendre votre application Web affiche un aspect cohérent.

Ces deux outils peuvent vous aider à économiser beaucoup de travail, vous ne devez pas répéter les mêmes informations sur chaque page. balises Set, le style et le code pour vos applications Web plus facile à gérer, plus facile à entretenir.

Parcourir empêcher les fichiers d'être

Dans ASP.NET, les noms de fichiers commençant par un trait de soulignement, vous pouvez éviter ces fichiers sont à naviguer sur Internet.

Si vous ne voulez pas que votre bloc de contenu ou de mise en page vu vos utilisateurs, vous pouvez renommer ces fichiers:

_header.cshtm

_footer.cshtml

_Layout.cshtml

Cacher les informations sensibles

Dans ASP.NET, cacher les informations sensibles (mot de passe de base de données, mots de passe e-mail, etc.) La méthode la plus courante consiste à enregistrer ces informations dans un fichier nommé "_AppStart" fichier séparé.

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}