一对一免费咨询: 13913005726 025-66045668

在本系列文章中,您将学习如何开发一个简单的 Web 应用程序来管理您最喜爱的电影列表。尽管它很简单,但它将展示完整的 Web 应用程序的许多功能,包括使用数据库存储数据,提供让用户向数据库添加数据、编辑和删除数据的功能。(您可能听说过 CRUD 创建、检索、更新、删除,现在您将学习如何在 WebMatrix 中实现这些操作!)

您还将学习如何通过 WebDeploy 和 WebMatrix 中的主机供应商来部署应用程序!

访问webmatrix专区,了解更详细的动态 http://www.chinaz.com/zt/webmatrix/

内容第 1 部分:向您介绍 WebMatrix 以及如何安装和使用它。

第 2 部分:指导您使用 WebMatrix 创建您的第一个网页。

第 3 部分:让您熟悉 CSS 和样式表,使您可以使自己的页面更加美观。

第 4 部分:介绍布局,以及如何为各个页面中的相同代码使用 WebMatrix 中的布局。

第 5 部分:介绍数据,您将学习如何在网页中使用数据库,以及使网页更加动态。

第 6 部分:介绍如何构建一个页面来让用户可以向数据库添加数据,使您的网站可以呈现该数据。

第 7 部分:介绍如何在一个页面中编辑数据库,实现更改的自动更新。

第 8 部分:最终完成该应用程序,向您展示如何为数据创建删除页面。

第 9 部分:介绍如何使用 WebMatrix 将网站发布到 Internet

.Web 开发 101:第 4 部分,使用布局

目前为止,您了解了如何使用 WebMatrix 创建一个非常简单的网页,此网页如何在多种不同的浏览器中运行,以及如何使用 CSS 样式来使基本上海宝山区网站建设公司的网页更加美观。

在本章中,您将更进一步,开始使用服务器编程。您可能习惯于客户端编程,比如构建在电话、桌面上运行的应用程序或者甚至在浏览器内运行的 JavaScript 应用程序。服务器编程的重要区别在于,许多应用程序代码不在客户端设备上运行。相反,最终用户的操作会向服务器发起网页请求,如果该网页是活动网页,服务器将运行代码并使用该代码生成将发送给浏览器的 HTML 标记和值。然后浏览器呈现此 HTML,用户会看到显示的结果。

随着您技能的不断提升,您将发现有时候将代码混搭在一起会很有用,一些代码在浏览器上运行(通常使用 JavaScript 或 Silverlight 等富 Internet 应用程序 (RIA) 技术),剩余代码在服务器上运行。

WebMatrix 为网页编程引入了 Razor 语法,它提供的一项功能非常强大,但非常简单,那就是布局引擎。在本文中我们将介绍使用布局功能将所有常见的 HTML(比如 head 和页脚内容)放在一个位置并为您的网页自动生成这些内容,这样当构建网页(比如电影列表)时,该网页的文件将仅拥有该网页的主要内容,您可以添加并完全控制剩余内容。

创建使用 Razor 的 CSHTML 网页

目前为止,您创建了使用 .HTM 或 .HTML 扩展名的 HTML 网页。这些是静态网页,所以浏览器调用它们的地址时,服务器会将它们和它们的内容发送给浏览器。服务器不会以任何方式处理该网页。

您可能听说过动态网页,这些网页是服务器基于 HTML 以及在服务器上运行来确定应该如何构建网页的代码所构建的,构建的内容将 HTML 化。动态网页能够实现真正强大的使用场景,本系列的后续内容将使用它们。除此之外,它们将允许您将电影存储到数据库中,让服务器利用数据库中的数据生成您网页的内容,您无需直接在 HTML 网页上编写电影标题,也无需在希望更改列表时更改网页。

在本节中,您将创建第一个动态网页。

嘉兴网站建设公司 WebMatrix 中,动态网页具有 .CSHTML 或高端网站建设 .VBHTML 扩展名。它们实际上是 HTML 文件,包含使用 C# (CS) 或 Visual Basic (VB) 编写的内联代码,这从扩展名可以看出。我将使用 CSHTML 文件,这样能够使用 C# 语言在网页上编写内联代码。执行此操作的方法,以及支持在 HTML 内部执行此操作的语法具有昵称Razor。

我们创建一个动态网页。

使用 WebMatrix,在 Files 工作区中,创建一个名为 movies.cshtml 的新 CSHTML 网页:

WebMatrix 将创建一个网页,它看起来像一个基本的 HTML 网页。将此网页的内容替换为以下内容:

1: div id="movieslist"

2: ol

3: lia href="#"It's a wonderful life/a/li

4: lia href="#"Lord of the Rings/a/li

5: lia href="#"The Fourth World/a/li

6: lia href="#"The Lion King/a/li

7: /ol

8: /div

这段代码是不是看起来很奇怪?代码中没有 HTML标记,没有 HEAD 或 BODY标记,但它仍然能生效!或者至少能基本生效。运行它,您将看到以下界面:


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询