Web Pages(单页面模型)

.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>
时间: 2024-11-05 17:27:55

Web Pages(单页面模型)的相关文章

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

本片文章翻译自ABP在CodeProject上的一个简单示例程序,网站上的程序是用ABP之前的版本创建的,模板创建界面及工程文档有所改变,本文基于最新的模板创建.通过这个简单的示例可以对ABP有个更深入的了解,每个工程里应该写什么样的代码,代码如何组织以及ABP是如何在工程中发挥作用的. 源文档地址:https://www.codeproject.com/Articles/791740/Using-AngularJs-ASP-NET-MVC-Web-API-and-EntityFram 源码可以

【Web API系列教材】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(下)

练习2:创建SPA界面 在本练习中,你将首先创建Geek Quiz的web前端,使用AngularJS专注于单页面应用程序的交互.然后你将使用CSS3来执行丰富的动画和提供一个当从一个问题转换到另一个问题时切换上下文的可视化效果以加强用户体验. 任务1:使用AngularJS来创建SPA界面 在本任务中,你将使用AngularJS来实现Geek Quiz应用程序的客户端.AngularJS是一个开源的JavaScript框架,它能够搭配MVC以加强基于浏览器的应用程序,使其对于开发和测试都更加便

如何在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] 一.布局页面介绍[About Layout Pages] 很多网站有些内容需要显示在各个页面中,比如Header,Footer或者告诉用户已经登录的部分.ASP.NET允许你创建一个单独的文件来包含文本.标签和代码的内容块,从而搭建一个风格整齐的网站.接下来你就可以将这个内容块插入到任何你想要让它展示的页面中.采用这种方法

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

由于单页面web应用的流行,client与server端之间都对应的产生了一些微妙的变化,比方,client原来仅仅是用来展示页面和理清逻辑,而现在逐渐转变成了一个可以进入驱动状态的应用程序. 未来的企业级应用发展方向,以及终于的技术落实相较于眼下一定会有非常大的改变,但新的变化也一定会为开发和管理人员带来一些困扰,从而引发出一系列技术上或是实际操作的问题. 假设server端排除页面渲染功能- 1.减轻server本身压力.server端不用保存不论什么client的状态内容,间接的提升了se

Web前端架构杂谈:单页面应用和服务器模板系统

单页Web应用程序: 单页应用(Single Page Application)越来越受web开发者欢迎,单页应用的体验可以模拟原生应用,一次开发,多端兼容.单页应用并不是一个全新发明的技术,而是随着互联网的发展,满足用户体验的一种综合技术,更大有吹捧者. 这种技术近几年随着移动端的大热也渐渐升温,BackBone,Angular等前端框架兴起,结合NodeJs,使得前后端语言同一,前端开发可以兼容后端开发等等,并有替代前几年一统天下的jQuery趋势. jQuery的缺点其实非常明显,臃肿和维

SPA设计与架构-理解单页面Web应用 (埃米顿.A斯科特) 中文pdf扫描版

SPA 开发技术的运用是当今Web 开发领域的热门趋势,但真正全面掌握该技术的开发者并不多.本书详尽阐述单页面Web 应用(SPA)开发技术,从SPA 构建基础入手,通过MV*.模块化编程.路由.模块间通信.服务器端交互等概念的阐述,全面介绍SPA 的设计与架构,帮助读者正确掌握SPA 开发的各方面知识要素.同时,<SPA设计与架构:理解单页面Web应用>中还讨论了SPA 的单元测试及客户端任务自动化,覆盖了从开发到部署的一系列任务,让读者在阅读完<SPA设计与架构:理解单页面Web应用

Web Pages razor 学习

1. Web Pages razor Web Pages 是三种 ASP.NET 编程模型中的一种,用于创建 ASP.NET 网站和 web 应用程序. 其他两种编程模型是 Web Forms 和 MVC (Model, View, Controller). Web Pages 是最简单的 ASP.NET 网页开发编程模型.它提供了一种简单的方法将 HTML.CSS.JavaScript 以及服务器代码结合起来: 易于学习.阅读和使用 围绕单一网页进行构建 类似 PHP 和 ASP 服务器脚本使

浅谈HTML5单页面架构(三)—— 回归本真:自定义路由 + requirejs + zepto + underscore

本文转载自:http://www.cnblogs.com/kenkofox/p/4650310.html 不过,这一篇,我想进一步探讨一下这两个框架的优缺点,另外,再进一步,抛开这两个框架,回到本真,自己搞个简单的路由一样可以实现单页面. 这个对于刚做前端开发的新同学来说就最好不过了,如果一来到岗位就一大堆angular.backbone.requirejs,看资料都看一两周.其实大家最熟悉的东西还是那个美元$,用美元能解决的问题,就不要麻烦到angular.backbone大爷了. 事先说明,

前端程序员必知:单页面应用的核心

这几年里,单页面应用的框架令人应接不暇,各种新的概念也层出不穷.从过去的 jQuery Mobie.Backbone 到今天的 Angular 2.React.Vue 2,除了版本号不同,他们还有很多的相同之处. 刚开始写商业代码的时候,我使用的是 jQuery.使用 jQuery 来实现功能很容易,找到一个相应的 jQuery 插件,再编写相应的功能即可.对于单页面应用亦是如此,寻找一个相辅助的插件就可以了,如 jQuery Mobile. 尽管在今天看来,jQuery Mobile 已经不适