RazorMVC教程.docx

Razor 不是编程语言。它是服务器端标记语言。什么是 Razor ？Razor 是一种允许您向网页中嵌入基于服务器的代码（Visual Basic 和 C#）的标记语法。当网页被写入浏览器时，基于服务器的代码能够创建动态内容。在网页加载时，服务器在向浏览器返回页面之前，会执行页面内的基于服务器代码。由于是在服务器上运行，这种代码能执行复杂的任务，比如访问数据库。Razor 基于 ASP.NET，它为 web 应用程序的创建而设计。它拥有传统 ASP.NET 标记的能力，但更易使用，也更易学习。Razor 语法Razor 使用的语法与 PHP 和 ASP 相似。Razor：for (int i = 0; i 10; i+) iPHP:?php for ($i = 0; $i 10; $i+) echo($i); ?Web Forms（以及 Classic ASP）：% for (int i = 0; i C# 的主要 Razor 语法规则 Razor 代码封装于 . 中 行内表达式（变量和函数）以 开头 代码语句以分号结尾 字符串由引号包围 C# 代码对大小写敏感 C# 文件的扩展名是 .cshtmlC# 实例 var myMessage =Hello World; The value of myMessage is: myMessage var greeting = Welcome to our site!;var weekDay = DateTime.Now.DayOfWeek;var greetingMessage = greeting + Here in Huston it is: + weekDay;The greeting is: greetingMessageVB 的主要 Razor 语法规则 Razor 代码块被包围在 Code . End Code 中 行内表达式（变量和函数）以 开头 以 Dim 关键词来声明变量 字符串由引号包围 VB 对大小写不敏感 VB 文件的扩展名是 .vbhtml如何工作？Razor 是一种简单的编程语法，用于在网页中嵌入服务器端代码。Razor 语法基于 ASP.NET 框架，该框架是微软的 .NET 框架特别为 web 应用程序开发而设计的组成部分。Razor 语法赋予您所有 ASP.NET 的能力，但是使用了简化过的语法，如果您是初学者，则更容易学习，如果您是专家，则更有利于提高生产力。Razor 网页可被描述为带有两种内容的 HTML 页面：HTML 内容和 Razor 代码。当服务器读取这种页面后，在将 HTML 页面发送到浏览器之前，会首先运行 Razor 代码。这些在服务器上执行的代码能够完成浏览器中无法完成的任务，比如访问服务器数据库。服务器代码能够在页面被发送到浏览器之前创建动态的 HTML 内容。从浏览器来看的话，由服务器代码生成的 HTML 与静态 HTML 内容没有区别。使用 Razor 语法的 ASP.NET 网页拥有特殊的文件扩展名 cshtml（使用 C# 的 Razor 语法）或者 vbhtml（使用 VB 的 Razor）。与对象打交道服务器代码常常涉及对象。Date 对象是典型的 ASP.NET 内建对象，但是也可以自行定义对象，一张网页，一个文本框，一个文件，或者一条数据库记录，等等。对象可以拥有能够执行的方法。数据库记录可以提供“保存”方法，图像对象可以有“旋转”方法，电子邮件对象可以提供“发送”方法，以此类推。对象也可以有描述其特点的属性。数据库记录可以有 FirstName 和 LastName 属性。ASP.NET Date 对象拥有 Now 属性（写为 Date.Now），Now 属性有 Day 属性（写为 Date.Now.Day）。下面的例子展示如何访问 Date 对象的某些属性：实例NameValueDayDateTime.Now.DayHourDateTime.Now.HourMinuteDateTime.Now.MinuteSecondDateTime.Now.SecondIf 和 Else 条件动态网页的重要特性是基于条件来确定执行的动作。实现这一点的常用方法是使用 if . else 语句：实例var txt = ;if(DateTime.Now.Hour 12) txt = Good Evening;else txt = Good Morning;The message is txt读取用户输入动态网页的另一个重要特性是读取用户的输入。由 Request 函数读取输入，并由 IsPost 条件进行测试：实例var totalMessage = ;if(IsPost) /由 IsPost 条件进行测试 var num1 = Requesttext1; /由 Request 函数读取输入 var num2 = Requesttext2; / var total = num1.AsInt() + num2.AsInt(); totalMessage = Total = + total; First Number:Second Number:totalMessage变量变量用于存储数据。变量名必须以字母字符开头，不能包含空格和保留字符。变量可以是某个具体的类型，指示其所存储的数据类型。字符串变量存储字符串值 (Welcome to W3School)，整数变量存储数值 (103)，日期变量存储日期值，等等。使用 var 关键词或类型对变量进行声明，不过 ASP.NET 通常能够自动确定数据的类型。实例/ 使用 var 关键词：var greeting = Welcome to W3School;var counter = 103;var today = DateTime.Today;/ 使用 data 类型：string greeting = Welcome to W3School;int counter = 103;DateTime today = DateTime.Today;数据类型下面是常用数据类型的列表：类型描述实例int整数103, 12, 5168float浮点数3.14, 3.4e38decimal小数1037.196543bool逻辑值true, falsestring字符串值Hello W3School, Bill运算符运算符告诉 ASP.NET 在表达式中执行哪种类型的命令。C# 语言支持多种运算符。下面是常见的运算符：运算符描述实例=为变量赋值。i=6 + - * / 加上值或变量 减去值或变量 乘值或变量 除值或变量 i=5+5 i=5-5 i=5*5 i=5/5 += -= 递增变量 递减变量 i += 1 i -= 1=相等。如果值相等，则返回 true。if (i=10)!=不相等。如果值不相等，则返回 true。if (i!=10) = 小于 大于 小于等于 大于等于 if (i10) if (i=10)+字符串相加（级联或并置）w3 + school.点。分隔对象与方法。DateTime.Hour()括号。对值进行分组。(i+5)()括号。传递参数。x=Add(i,5)括号。访问数组或集合中的值。name3!非。反转 true 或 false。if (!ready) & | 逻辑与 逻辑或 if (ready & clear) if (ready | clear)转换数据类型将一种数据类型转换为另一种有时很有用。大多数常见的例子是将字符串输入转换为另一种类型，比如整数或日期。作为一项规则，用户输入会成为字符串，即使用户输入的是数字。所以，数字输入值在用于计算之前必须被转换为数字。下面是常用的转换方法列表：方法描述实例 AsInt() IsInt()把字符串转换为整数。if (myString.IsInt()myInt=myString.AsInt(); AsFloat() IsFloat()把字符串转换为浮点数。if (myString.IsFloat()myFloat=myString.AsFloat(); AsDecimal() IsDecimal()把字符串转换为十进制数。if (myString.IsDecimal()myDec=myString.AsDecimal(); AsDateTime() IsDateTime()把字符串转换为 ASP.NET DateTime 类型myString=10/10/2012;myDate=myString.AsDateTime(); AsBool() IsBool()把字符串转换为逻辑值。myString=True;myBool=myString.AsBool();ToString()把任意数据类型转换为字符串。myInt=1234;myString=myInt.ToString();语句可以在循环中重复执行。For 循环如果需要重复运行相同的语句，您可以编写一个循环。如果您能够确定循环的次数，则可以使用for 循环。这种循环类型是专门为计数或反向计数设计的：实例for(var i = 10; i 21; i+) Line i运行实例For Each 循环如果您需要处理集合或数组，则通常要用到for each 循环。集合是一组相似的对象，for each 循环允许您在每个项目上执行一次任务。for each 循环会遍历集合直到完成为止。下面的例子遍历 ASP.NET Request.ServerVariables 集合。实例foreach (var x in Request.ServerVariables) x运行实例While 循环while 是一种通用的循环。while 循环以关键词 while 开始，后面跟括号，其中定义循环持续的长度，然后是要循环的代码块。while 循环通常会对用于计数的变量进行增减。在下面的例子中，循环每运行一次，+= 运算符就向变量 i 增加 1。实例var i = 0;while (i 5) i += 1; Line #i 运行实例数组如果您需要存储相似的变量，但又不希望为每个项目创建独立的变量，那么数组就派上用场了：实例string members = Jani, Hege, Kai, Jim;int i = Array.IndexOf(members, Kai)+1;int len = members.Length;string x = members2-1;Membersforeach (var person in members)personThe number of names in Members are lenThe person at position 2 is xKai is now in position iIf 条件C# 允许您执行基于条件的代码。如需测试某个条件，您可以使用if 语句。if 语句会基于您的测试来返回 true 或 false： if 语句启动代码块 条件位于括号中 如果条件为真，则执行花括号中的代码实例var price=50;if (price30) The price is too high. 运行实例Else 条件if 语句能够包含else 条件。else 条件定义条件为 false 时执行的代码。实例var price=20;if (price30) The price is too high. else The price is OK. 运行实例注释：在上面的例子中，如果价格不大于 30，则执行其余的语句。Else If 条件可通过else if 条件来测试多个条件：实例var price=25;if (price=30) The price is high. else if (price20 & price30) The price is OK. else The price is low. 运行实例在上面的例子中，如果第一个条件为 true，则执行第一个代码块。否则，如果下一个条件为 true，则执行第二个代码块。您能够设置任意数量的 else if 条件。如果 if 和 else if 条件均不为 true，则执行最后一个 else 代码块。Switch 条件switch 代码块可用于测试一系列具体的条件：实例var weekday=DateTime.Now.DayOfWeek;var day=weekday.ToString();var message=;switch(day)case Monday: message=This is the first weekday.; break;case Thursday: message=Only one day before weekend.; break;case Friday: message=Tomorrow is weekend!; break;default: /设置不满足上述条件的默认值 message=Today is + day; break;message运行实例测试值 (day) 位于括号中。每个具体的测试条件以 case 关键词开头，以冒号结尾，其后允许任意数量的代码行，以 break 语句结尾。如果测试值匹配 case 值，则执行代码行。switch 代码块可为其余的情况设置默认的 case (default:)，允许在所有 case 均不为 true 时执行代码。MVC 编程模型MVC 是三个 ASP.NET 开发模型之一。MVC 是用于构建 web 应用程序的一种框架，使用 MVC (Model View Controller) 设计： Model（模型）表示应用程序核心（比如数据库记录列表） View（视图）对数据（数据库记录）进行显示 Controller（控制器）处理输入（写入数据库记录）MVC 模型同时提供对 HTML、CSS 以及 JavaScript 的完整控制。MVC 模型通过三个逻辑层来定义 web 应用程序： business layer（业务层、模型逻辑） display layer（显示层、视图逻辑） input control（输入控件、控制器逻辑）模型（Model）模型（Model）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象在数据库中存取数据。View（视图）View（视图）是应用程序中处理数据显示的部分。通常从模型数据中创建视图。控制器控制器是应用程序中处理用户交互的部分。通常控制器从视图读取数据、控制用户输入，并向模型发送数据数据。MVC 的这种拆分有助于我们管理复杂的应用程序，因为您能够在同一时间关注一个方面。例如，您可以在不依赖业务逻辑的情况下对视图进行设计。同时对应用程序的设计也更加容易。MVC 的这种拆分同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。Web Forms vs MVCMVC 编程模型是与传统的 ASP.NET (Web Forms) 相比更轻量级的替代方案。它是轻量级的高可测试性的框架，同时整合了所有已有的 ASP.NET 特性，比如模板页、安全性和认证。Visual Studio Express 2012/2010Visual Studio Express 是 Microsoft Visual Studio 的免费版本。Visual Studio Express 是为 MVC （以及 Web Forms）量身定制的开发工具。Visual Studio Express 包含： MVC 和 Web Forms 拖拽 web 控件和 web 组件 web 服务器语言（Razor 使用 VB 和 C#） web 服务器 (IIS Express) 数据库服务器 (SQL Server Compact) 完整的 web 开发框架 (ASP.NET)部分 1：创建Internet应用程序我们将构建什么我们将构建一个 Internet 应用程序，它支持添加、编辑、删除以及列出数据库中的信息。我们将做什么Visual Web Developer 提供了构建 web 应用程序的不同模板。我们将使用Visual Web Developer来创建使用HTML5 标记的空白 MVC Internet 应用程序。当这个空白的 Internet 应用程序被创建之后，我们将逐步向该应用添加代码，直到彻底完成。我们将使用C#作为编程语言，以及最新的Razor服务器代码标记。沿着这个路径，我们将讲解该应用程序的内容、代码和所有组件。创建 web 应用程序如果您已安装 Visual Web Developer，请启动 Visual Web Developer 并选择新项目。否则您只能通过阅读教程来学习了。在新建项目对话框中： 打开Visual C#模板 选取模板ASP.NET MVC 3 Web 应用程序 把项目名称设置为MvcDemo 设置磁盘位置，比如c:w3school_demo 点击确定当新项目对话框打开时： 选择Internet Application模板 选择Razor 引擎 选择HTML5 标记 点击确定Visual Studio Express 会创建类似这样的一个项目：部分 2：了解应用程序文件夹。MVC 文件夹典型的 ASP.NET MVC web 应用程序拥有如下文件夹内容：应用程序信息 Properties 引用应用程序文件夹 App_Data 文件夹 Content 文件夹 Controllers 文件夹 Models 文件夹 Scripts 文件夹 Views 文件夹配置文件 Global.asax packages.config Web.config所有 MVC 应用程序中的文件夹名称都是相等的。MVC 框架基于默认的命名。控制器位于 Controllers 文件夹，视图位于 Views 文件夹，模型位于 Models 文件夹。您不必在应用程序代码中使用文件夹名称。标准化的命名减少了代码量，同时有利于开发者对 MVC 项目的理解。下面是对每个文件夹内容的简要描述：App_Data 文件夹App_Data 文件夹用于存储应用程序数据。我们将在本教程稍后的章节向 App_Data 文件夹添加 SQL 数据库。Content 文件夹Content 文件夹用于静态文件，比如样式表（CSS 文件）、图表和图像。Visual Web Developer 会自动向 Content 文件夹添加一个themes文件夹。这个 themes 文件夹存放 jQuery 样式和图片。在这个项目中，您可以删除这个主题文件夹。Visual Web Developer 同时向项目添加标准的样式表文件：Content 文件夹中的文件Site.css。这个样式表文件是您希望改变应用程序样式时需要编辑的文件。我们将在本教程的下一章中编辑这个样式表文件 (Site.css)。Controllers 文件夹Controllers 文件夹包含负责处理用户输入和响应的控制器类。MVC 要求所有控制器文件的名称以 Controller 结尾。Visual Web Developer 已创建好一个 Home 控制器（用于首页和关于页面）以及一个 Account 控制器（用于登录页面）：我们将在本教程稍后的章节创建更多控制器。Models 文件夹Models 文件夹包含表示应用程序模型的类。模型存有并操作应用程序的数据。我们将在本教程稍后的章节创建模型（类）。Views 文件夹Views 文件夹存有与应用程序的显示相关的 HTML 文件（用户界面）。Views 文件夹中含有每个控制器对应的一个文件夹。Visual Web Developer 已创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹（在 Views 文件夹内）。Account 文件夹包含用于注册并登录用户帐户的页面。Home 文件夹用于存储诸如首页和关于页之类的应用程序页面。Shared 文件夹用于存储控制器间分享的视图（模板页和布局页）。我们将在本教程的下一章编辑这些布局文件。Scripts 文件夹Scripts 文件夹存储应用程序的 JavaScript 文件。默认地，Visual Web Developer 在这个文件夹中放置标准的 MVC、Ajax 以及 jQuery 文件：注释：文件 modernizr 是用于在应用程序中支持 HTML5 和 CSS3 的 JavaScript 文件。 部分 3：添加样式和统一的外观（布局）。添加布局文件 _Layout.cshtml 表示应用程序中每个页面的布局。它位于 Views 文件夹中的 Shared 文件夹。打开这个文件，把其内容替换为： /可防止乱码ViewBag.TitleHtml.ActionLink(Home, Index, Home)Html.ActionLink(Movies, Index, Movies)Html.ActionLink(About, About, Home) RenderBody()Copyright W3schools 2012. All Rights Reserved.HTML 帮助器在上面的代码中，HTML 帮助器用于修改 HTML 输出：Url.Content() - URL 内容在此处插入。Html.ActionLink() - HTML 链接在此处插入。我们将在本教程稍后的章节讲解 HTML 帮助器。Razor 语法在上面的代码中，由红色标记的代码是使用 Razor 标记的 C#。ViewBag.Title - 在此处插入页面标题。RenderBody() - 此处呈现页面内容。添加样式应用程序的样式表是 Site.css。它位于 Content 文件夹中。打开文件 Site.css，并把其内容替换为：bodyfont: Trebuchet MS, Verdana, sans-serif;background-color: #5c87b2;color: #696969;h1border-bottom: 3px solid #cc9900;font: Georgia, serif;color: #996600;#mainpadding: 20px;background-color: #ffffff;border-radius: 0 4px 4px 4px;acolor: #034af3; /* 菜单样式 -*/ul#menupadding: 0px;position: relative;margin: 0;ul#menu lidisplay: inline;ul#menu li a background-color: #e8eef4;padding: 10px 20px;text-decoration: none;line-height: 2.8em;/*CSS3 properties*/border-radius: 4px 4px 0 0;ul#menu li a:hoverbackground-color: #ffffff; /* 表单样式 -*/fieldsetpadding-left: 12px; fieldset labeldisplay: block;padding: 4px;inputtype=text, inputtype=passwordwidth: 300px;inputtype=submitpadding: 4px;/* 数据样式 -*/table.databackground-color:#ffffff;border:1px solid #c3c3c3;border-collapse:collapse;width:100%;table.data thbackground-color:#e8eef4;border:1px solid #c3c3c3;padding:3px;table.data td border:1px solid #c3c3c3;padding:3px;_ViewStart 文件Shared 文件夹（位于 Views 文件夹内）中的 _ViewStart 文件包含以下内容：Layout = /Views/Shared/_Layout.cshtml;这段代码被自动添加到由应用程序显示的所有视图。如果删除该文件，则必须向所有视图添加这段代码。您将在本教程稍后的章节学到更多有关视图的知识。部分 4：添加控制器。Controllers 文件夹Controllers 文件夹包含负责处理用户输入和响应的控制器类。MVC 要求所有控制器的名称必须以 Controller 结尾。在我们的例子中，Visual Web Developer 已创建以下文件：HomeController.cs（用于首页和关于页面）AccountController.cs（用于登录页面）：web 服务器通常会将进入的 URL 请求直接映射到服务器上的磁盘文件。例如：某个 URL 请求（比如 /index.asp）将映射到服务器根目录上的文件 index.asp。MVC 框架的映射方式有所不同。MVC 将 URL 映射到方法。这些方法在类中被称为“控制器”。控制器负责处理进入的请求、处理输入、保存数据、并把响应发送回客户端。Home 控制器我们应用程序中的控制器文件HomeController.cs，定义了两个控件Index和About。把 HomeController.cs 文件的内容替换为：using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace MvcDemo.Controllerspublic class HomeController : Controllerpublic ActionResult Index()return View();public ActionResult About()return View();Controller 视图Views 文件夹中的文件Index.cshtml和About.cshtml定义了控制器中的 ActionResult 视图 Index() 和 About()。部分 5：添加用于显示应用程序的视图。Views 文件夹Views文件夹存储的是与应用程序显示（用户界面）相关的文件（HTML 文件）。根据语言的不同，这些文件的扩展名可能是 html、asp、aspx、cshtml 以及 vbhtml。Views 文件夹包含每个控制器对应的一个文件夹。Visual Web Developer 已创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹（在 Views 文件夹内）。Account 文件夹包含用于注册并登录用户帐户的页面。Home 文件夹用于存储诸如首页和关于页之类的应用程序页面。Shared 文件夹用于存储控制器间分享的视图（模板页和布局页）。ASP.NET 文件类型能够在 Views 文件夹中找到以下 HTML 文件类型：文件类型扩展名纯 HTML.htm or .html经典 ASP.asp经典 ASP.NET.aspxASP.NET Razor C#.cshtmlASP.NET Razor VB.vbhtmlIndex 文件文件 Index.cshtml 表示应用程序的首页。它是应用程序的默认文件（首页文件）。在文件中写入以下内容：ViewBag.Title = Home Page;Welcome to W3SchoolPut Home Page content hereAbout 文件文件 About.cshtml 表示应用程序的关于页面。在文件中写入以下内容：ViewBag.Title = About Us;About UsPut About Us content here运行应用程序选择调试，从调试菜单中启动调试（或者按 F5）。您的应用程序将类似这样：请点击“首页”和“关于”，看看它是如何运行的。祝贺你祝贺您。您已经创建好了第一个 MVC 应用程序。注释：“电影”选项卡仍然无法点击。我们将在本教程稍后的章节中为“电影”选项卡添加代码。部分 6：添加数据库。 (重要)创建数据库Visual Web Developer 带有免费的 SQL 数据库，名为 SQL Server Compact。本教程所需的这个数据库能够通过以下几个简单的步骤来创建：1. 右键点击解决方案资源管理器中的App_Data文件夹2. 选择添加，新项目3. 选择SQL Server Compact Local Database*4. 把这个数据库命名为Movies.sdf5. 点击添加按钮* 如果选项中没有 SQL Server Compact Local Database，则表示您尚未在计算机上安装 SQL Server Compact。请通过以下链接安装：SQL Server CompactVisual Web Developer 会自动在 App_Data 文件夹中创建该数据库。注释：在教程中，需要您掌握 SQL 数据库的基础知识。如果您希望首先学习这个主题，请访问我们的SQL 教程。添加数据库表双击 App_Data 文件夹中的Movies.sdf将打开Database Explorerwindow。如需在这个数据库中创建新表，请右键点击Tables文件夹，然后选择创建表。创建如下的列：列类型允许 NullsIDint (primary key)NoTitlenvarchar(100)NoDirectornvarchar(100)NoDatedatetimeNo对列的解释：ID是用于识别表中每条记录的整数。Title是 100 个字符长度的文本列，用于存储影片的名称。Director是 100 个字符长度的文本列，用于存储导演的名字。Date是日期列，用于存储影片的发行日期。在建好上述列之后，您必须把 ID 列设置为表的主键（记录识别符）。要做到这一点，请在列名（ID）上点击并在Column Propertieswindow 中选择 Primary Key，把Identity属性设置为True。当您完成创建表列后，请保存表并命名为MovieDBs。注释：我们已经把这个表命名为 MovieDBs （以 s 结尾）。在下一章，我们会看到 MovieDBs 用于数据模型。觉得有点陌生是不是，不过这是确保控制器与数据库表进行链接的命名惯例。添加数据库记录您可以使用 Visual Web Developer 向 movie 数据库添加一些测试记录。在App_Data文件夹中双击Movies.sdf文件。右键点击 Database Explorer window 中的MovieDBs表，并选择Show Table Data。添加记录：IDTitleDirectorDate1PsychoAlfred Hitchcock01.01.19602La Dolce VitaFederico Fellini01.01.1960注释：ID 列会自动更新。您不必编辑。添加链接字符串向Web.config文件中的元素添加如下元素：部分 7：添加数据模型。MVC 模型MVC模型包含所有应用程序逻辑（业务逻辑、验证逻辑、数据访问逻辑），除了纯视图和控制器逻辑。通过 MVC，模型可保存并操作应用程序数据。Models 文件夹Models 文件夹包含表示应用程序模型的类。Visual Web Developer 自动创建一个AccountModels.cs文件，包含用于应用程序安全的模型。AccountModels包含LogOnModel、ChangePasswordModel以及RegisterModel。添加数据库模型本教程所需的数据库模型能够通过以下几个简单的步骤来创建：在解决方案管理器中，右键点击Models文件夹，选择添加、类。对类MovieDB.cs进行命名，然后点击添加。编辑这个类：using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Data.Entity;namespace MvcDemo.Modelspublic class MovieDBpublic int ID get; set; public string Title get; set; public string Director get; set; public DateTime Date get; set; public class MovieDBContext : DbContextpublic DbSet Movies get; set; 注释：我们已经把这个表命名为 MovieDBs （以 s 结尾）。在前一章，我们看到了用于数据库表的名称 MovieDBs （以 s 结尾） 用于数据模型。觉得有点陌生是不是，不过这是确保控制器与数据库表进行链接的命名惯例。添加数据库控制器本教程所需的数据库控制器能够通过以下几个简单的步骤来创建：1. 重建您的项目：选择测试，然后从菜单中选择 Build MvcDemo。2. 在解决方案资源管理器中，右键点击 Controllers 文件夹，然后选择添加、控制器。3. 把控制器名称设置为 MoviesController4. 选择模板：Controller with read/write