ASP.NET —— Web Pages
为简单起见,新建一个空的web工程,再新建一个MVC的视图(.cshtml),因为WP是单页面模型,所以以后就在这个页面中进行试验。
Razor语法简介:
- 变量可用var或者其确切类型声明。
遍历foreach:
<ul>
@foreach (var i in Request.ServerVariables)
{
<li>@i</li>
}
</ul>
统一的布局:
将相似的页眉、页脚写在单独的布局文件中,需要时导入即可。
<body>
<!--导入页眉、页脚:RenderPage-->
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body> <!DOCTYPE html>
<html>
<body>
<!--页眉-->
<h1>This is header.</h1>
</body>
</html> <!DOCTYPE html>
<html>
<body>
<!--页脚-->
<h6>This is footer.</h6>
</body>
</html>
除了页眉、页脚之外,还可以引用部分相同的内容:
<body>
<!--布局网页,只是将框架做出来,而不是内容页面,内容部分用RenderBody顶替-->
<!--使用此布局的页面,用Layout导入。-->
<!--此时在内容页面,Layout指令会将指定的布局页导入到内容页面:就是把内容页当前成RenderBody,然后按照布局页的格式在RenderBody前后布局-->
<p>This is header text</p>
@RenderBody()
<p>© 2012 W3School. All rights reserved.</p>
</body> <body>
<!--内容页面-->
@{Layout = "body.cshtml";}
<h1>Welcome to W3Schools</h1>
</body>
防止代码泄露:
在 ASP.NET 中,名称以下划线开头的文件,例如"_header"无法从服务器中get到。因此可以将布局页面等文件以下划线"_"开头重命名。
隐藏敏感信息:
把信息数据保存在独立文件"_AppStart.cshtml"中(站点启动之前,执行其中代码,即启动代码和全局变量的初始化:只会在站点第一次启动时执行,即只执行一次)——_PageStart:在当前文件夹中如果有_PageStart.cshtml文件,那么每一次在访问这个文件夹中的任意页面时,都会先执行_PageStart页面中的代码。但也可在_PageStart页面中使用RunPage()规定在何处运行被访问的页面(而不是_PageStart)。
<body>
@WebMail.UserName
</body> <!--整个_AppStart页面-->
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}
WP常用的逻辑文件夹结构:
- "Account" 文件夹包含登录和安全文件
- "App_Data" 文件包含数据库和数据文件
- "Shared" 文件夹包含通用文件(比如布局和样式文件)
绝对路径(磁盘上)的目录:例如C:\,相对路径(网站上)的目录是 /(斜杠)。ASP.NET 提供三种处理文件夹路径的工具:~ 操作符、Server.MapPath 方法以及 Href 方法。
<!--~:虚拟根目录-->
@RenderPage("~/View/_header.cshtml")
<!--Server.MapPath:参数(正确的相对路径)、返回(绝对路径:因为访问数据文件时,必须用完整的绝对路径)-->
@Server.MapPath("_header.cshtml") <!--或者写成~/View/_header.cshtml-->
<!--Href 把相对路径转换为浏览器能够理解的路径(浏览器无法理解 ~ 操作符;但是浏览器明明要认上一级目录"..",为啥不用这个)-->
@{ var imgPath = "~/Images/2.png";}
<img src="@Href(imgPath)" />
<img src="@imgPath" />
读取输入:
@{
var message = "";
if(IsPost)
{
message = Request["message"];
}
}
@message
<form method="post">
<input type="text" name="message" />
<input type="submit" value="Submit" />
</form>
所有页面使用同一个对象Page,有方法有属性:
添加自定义的属性:
@{ Page.Title = "Index Page";}
@Page.Title<br />
@RenderPage("_header.cshtml") <!--_header页面-->
<body>
@Page.Title
</body>
处理文本文件:
存储数据的文本文件通常称为平面文件(flat files)。常见的文本文件格式是 txt、xml 以及 csv。下面读取一个文本文件:
新建一个App_Data文件夹,再新建"Persons.txt":
@{
//var dataFile = Server.MapPath("~/App_Data/Persons.txt");
//var dataFile = Server.MapPath("~/App_Data/Persons.csv");
var dataFile = Server.MapPath("~/App_Data/Persons.xml");
Array userData = File.ReadAllLines(dataFile);
}
<h1>Reading Data from a File</h1>
@foreach (string dataLine in userData)
{
foreach (string dataItem in dataLine.Split(','))
{@dataItem <text> </text>}
<br />
}
ASP.NET —— Web Pages的更多相关文章
- 如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites]
如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites] 一.布局页面介绍[Abo ...
- Displaying Data in a Chart with ASP.NET Web Pages (Razor)
This article explains how to use a chart to display data in an ASP.NET Web Pages (Razor) website by ...
- 五张图概括 什么是 ASP 、 ASP.NET (Web Pages,Web Forms ,MVC )
当你看懂下面这五张图,我相信你对于学习.NET Web开发路线将不陌生! 来源: http://www.w3 ...
- ASP.NET Web Pages 的冲突版本问题
随着VS版本和.NET MVC版本.EF的版本的不断更新,虽然很多功能随着版本的提升而更完善,但对于旧版本开发的软件就有点悲催了,或许很多开发者都遇到类似的问题! 最近有一个项目是用.NET MVC3 ...
- ASP.NET Web Pages:C# 和 VB 实例
ylbtech-.Net-ASP.NET Web Pages:C# 和 VB 实例 1.返回顶部 1. ASP.NET Web Pages - C# 和 VB 实例 通过 C# 和 Visual Ba ...
- ASP.NET Web Pages:发布网站
ylbtech-.Net-ASP.NET Web Pages:发布网站 1.返回顶部 1. ASP.NET Web Pages - 发布网站 学习如何在不使用 WebMatrix 的情况下发布 Web ...
- ASP.NET Web Pages:PHP
ylbtech-.Net-ASP.NET Web Pages:PHP 1.返回顶部 1. ASP.NET Web Pages - PHP PHP 开发人员请注意,Web Pages 可以用 PHP 编 ...
- ASP.NET Web Pages:WebMail 帮助器
ylbtech-.Net-ASP.NET Web Pages:WebMail 帮助器 1.返回顶部 1. ASP.NET Web Pages - WebMail 帮助器 WebMail 帮助器 - 众 ...
- ASP.NET Web Pages:Chart 帮助器
ylbtech-.Net-ASP.NET Web Pages:Chart 帮助器 1.返回顶部 1. ASP.NET Web Pages - Chart 帮助器 Chart 帮助器 - 众多有用的 A ...
- ASP.NET Web Pages:WebGrid 帮助器
ylbtech-.Net-ASP.NET Web Pages:WebGrid 帮助器 1.返回顶部 1. ASP.NET Web Pages - WebGrid 帮助器 WebGrid - 众多有用的 ...
随机推荐
- 算法提高 11-1实现strcmp函数
问题描述 自己实现一个比较字符串大小的函数,也即实现strcmp函数.函数:int myStrcmp(char *s1,char *s2) 按照ASCII顺序比较字符串s1与s2.若s1与s2相等返回 ...
- [转载]Oracle修改用户表所属表空间的步骤
1 .修改表的空间alter table TABLE_NAME move tablespace TABLESPACENAME 查询当前用户下的所有表选择'alter table'|| table_na ...
- [转载]css代码优化的12个技巧
1.ID 规则2.Class 规则3.标签规则4.通用规则对效率的普遍认识是从Steve Souders在2009年出版的<高性能网站建设进阶指南>开始,虽然该书中罗列的更加详细,但你也可 ...
- 018.07 New BMW ICOM A3+B+C+D Plus EVG7 Controller Tablet PC with WIFI Function
2018.07 New BMW ICOM A3+B+C+D Plus EVG7 Controller Tablet PC with WIFI Function Software Version : ...
- MyEclipse配置默认自带的Java代码格式化
1.配置注释一大段代码块后,格式化代码,已经注释的代码仍然保持原样 (1)首先,Window -> Prefrences -> Java -> Code Style -> Fo ...
- bzoj3932 / P3168 [CQOI2015]任务查询系统(主席树+差分)
P3168 [CQOI2015]任务查询系统 看到第k小,就是主席树辣 对于每一段任务(a,b,k),在版本a的主席树+k,版本b+1的主席树-k 同一时间可能有多次修改,所以开个vector存操作, ...
- Spring Boot 2 (五):Docker Compose + Spring Boot + Nginx + Mysql 实践
Spring Boot 2 (五):Docker Compose + Spring Boot + Nginx + Mysql 实践 Spring Boot + Nginx + Mysql 是实际工作中 ...
- GitHub git 命令思维导图
GitHub git 命令思维导图 拖动图片至浏览器地址栏松手,点击回车看高清大图.
- nlp homework 03
NLP Homework 03 --冯煜博 题目描述 (盒子和球模型)假设有3个盒子,每个盒子里装有红白两种颜色的球,盒子里的红白球有下表列出,初始状态分布. 解答 1. 给出HMM模型 \(\mu= ...
- sublime3 快速创建html模板
1 安装 Package Control1.1 ctrl + ` 呼出控制台1.2 复制(不要带最外层的双引号,该代码仅适用于sublime text 3)“import urllib.request ...