ASP.NET —— Web Pages

时间：2023-09-03 13:22:32

为简单起见，新建一个空的web工程，再新建一个MVC的视图(.cshtml)，因为WP是单页面模型，所以以后就在这个页面中进行试验。

Razor语法简介：

  1. 变量可用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 />

}

相关文章