.NET 是一套框架，用来个HTML、JS、CSS和服务器端脚本构建网页和网站。

可以有三种开发模式：Web Pages（单页面模型）、MVC（模型视图控制器）、Web Forms（事件驱动模型）

Web Forms简介

1、最简单的ASP.NET模型

2、类似于PHP和ASP

3、内置了用于数据库、视频、社交媒体等的模板和帮助器。

MVC

MVC 将 web 应用程序分为三种不同的组件：

1、针对数据的模型

2、针对现实的视图

3、针对输入的控制器

Web Forms

1、传统的 ASP.NET 事件驱动开发模型。

2、添加了服务器控件、服务器事件以及服务器代码的网页。

==========================================

  1. Web Pages (使用 Razor 语法)
  2. MVC (Model View Controller)
  3. Web Forms (传统的 ASP.NET)

什么是 Razor？

  1. Razor 是一种向网页添加基于服务器的代码的标记语法
  2. Razor 拥有传统 ASP.NET 标记的能力，但是更易学习，更易使用
  3. Razor 是一种类似 ASP 和 PHP 的服务器端标记语法
  4. Razor 支持 C# 和 Visual Basic 编程语言

C# 的主要 Razor 语法规则

  1. Razor 代码块由 @{ ... } 包围
  2. 行内表达式（变量和函数）以 @ 开始
  3. 代码语句以分号结束
  4. 变量通过 var 关键词进行声明
  5. 字符串用引用来包围
  6. C# 代码对大小写敏感
  7. C# 文件的扩展名是 .cshtml

============================================

示例代码：

<!DOCTYPE html>

<html lang="en">

<head>

     <meta charset="utf-8" />

     <title>Web Pages Demo</title>

</head>

<body>

     <h1>Hello Web Pages</h1>

     <p>The time is @DateTime.Now</p>

</body>

</html>
PS：Razor 代码的全部工作是检测服务器上的当前时间，然后显示出来。

================================================================
<!-- 单行代码块 -->

@{ var myMessage = "Hello World"; }

<!-- 行内表达式或变量 -->

<p>The value of myMessage is: @myMessage</p> 

<!-- 多行代码块 -->

@{

var greeting = "Welcome to our site!";

var weekDay = DateTime.Now.DayOfWeek;

var greetingMessage = greeting + " Today is: " + weekDay;

}

<p>The greeting is: @greetingMessage</p>

Web Pages（单页面模型）的更多相关文章

  1. ASP.NET Web Pages：页面布局

    ylbtech-.Net-ASP.NET Web Pages:页面布局 1.返回顶部 1. ASP.NET Web Pages - 页面布局 通过 Web Pages ,创建一个布局一致的网站是很容易 ...

  2. ASP.NET Web Pages：全局页面

    ylbtech-.Net-ASP.NET Web Pages:全局页面 1.返回顶部 1. ASP.NET Web Pages - 全局页面 本章介绍全局页面 AppStart 和 PageStart ...

  3. ASP。NET Web表单模型，部分呈现和事件

    下载EventExample.zip - 41.33 KB 下载EventandAjaxExample.zip - 41.94 KB 介绍 通过参考ASP获得Web应用程序环境及其约束的概述.NET ...

  4. ASP.NET —— Web Pages

    为简单起见,新建一个空的web工程,再新建一个MVC的视图(.cshtml),因为WP是单页面模型,所以以后就在这个页面中进行试验. Razor语法简介: 变量可用var或者其确切类型声明. 遍历fo ...

  5. 使用react-router实现单页面应用路由

    这是Webpack+React系列配置过程记录的第二篇.其他内容请参考: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-rout ...

  6. 如何在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 ...

  7. ABP示例程序-使用AngularJs，ASP.NET MVC，Web API和EntityFramework创建N层的单页面Web应用

    本片文章翻译自ABP在CodeProject上的一个简单示例程序,网站上的程序是用ABP之前的版本创建的,模板创建界面及工程文档有所改变,本文基于最新的模板创建.通过这个简单的示例可以对ABP有个更深 ...

  8. ASP.NET Web Pages：表单

    ylbtech-.Net-ASP.NET Web Pages:表单 1.返回顶部 1. ASP.NET Web Pages - HTML 表单 表单是 HTML 文档中放置输入控件(文本框.复选框.单 ...

  9. 由单页面web应用引发的企业应用问题

    由于单页面web应用的流行,client与server端之间都对应的产生了一些微妙的变化,比方,client原来仅仅是用来展示页面和理清逻辑,而现在逐渐转变成了一个可以进入驱动状态的应用程序. 未来的 ...

随机推荐

  1. Intel Quick Sync Video Encoder 2

    这边博客主要记录在预研quick sync中涉及到的一些性能质量相关的关键参数设置. github: https://github.com/MarkRepo/qsve 1. VPP处理过程伪代码: M ...

  2. spring 注解事务

    前提:在applicationContext.xml中配置<tx:annotation-driven transaction-manager="transactionManager&q ...

  3. POJ - 2195 Going Home 【KM】

    题目链接 http://poj.org/problem?id=2195 题意 在一张N * M 的地图上 有 K 个人 和 K 个房子 地图上每个点都是认为可行走的 求 将每个人都分配到不同的房子 求 ...

  4. Python partial function 偏函数

    Partial function 偏函数是将所要承载的函数作为partial()函数的第一个参数,原函数的各个参数依次作为partial()函数后续的参数,除非使用关键字参数. 当函数的参数个数太多, ...

  5. NCL 小图对其问题

    从昨天下午开始的折腾终于告一段落,虽然解决得不甚完善,只是图可以用了…… 问题起自想把之前手动拼成的一页四张的图用脚本自动生成,这样一方面应该对得更齐一点,另一方面大大节省人工. 这本来应该是件很容易 ...

  6. Python 3 mysql 简介安装

    Python 3 mysql 简介安装 一.数据库是什么 1.  什么是数据库(DataBase,简称DB) 数据库(database,DB)是指长期存储在计算机内的,有组织,可共享的数据的集合.数据 ...

  7. Spring层面的事务管理

    事务管理方式 1. 编程式事务管理 2. 声明式事务管理 建立于AOP之上,对指定的方法执行前后进行拦截,即在方法执行前开始或加入一个事务,执行完毕后根据结果提交或回滚事务. 方式: a. 配置文件中 ...

  8. web框架详解之 tornado 四 模板引擎、session、验证码、xss

    一.模板引擎 基本使用 继承,extends 页面整体布局用继承 导入,include 如果是小组件等重复的那么就用导入 下面是目录 首先在controllers里面创建一个文件,文件里面是页面类 # ...

  9. linux下扩展root分区

    1 查看当前磁盘情况 fdisk -l /dev/sda1 2048 6143 2048 83 Linux /dev/sda2 * 6144 1054719 524288 83 Linux /dev/ ...

  10. java深入探究07-jdbc上

    1.连接数据库三种方式 //连接数据库的URL private String url = "jdbc:mysql://localhost:3306/day17"; // jdbc协 ...