首页 > 经验 > 关键词  > Web开发最新资讯  > 正文

系列教程 使用微软WebMatrix进行Web开发(6)

2011-03-17 15:59 · 稿源:站长之家

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

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

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

内容

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

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

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

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

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

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

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

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

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

Web 开发 101:第 6 部分,创建添加数据网页

目前为止您了解了如何在 WebMatrix 中创建网站,如何使用样式和布局使网页更小且更容易维护,以及使浏览器能够更快地下载和呈现。您创建了动态的 和数据驱动的 网页,本部分将介绍如何创建网页来向数据库添加数据。

创建和链接添加网页

使用 WebMatrix,在 Files 工作区中,创建一个新网页并将它命名为“AddData.cshtml”。

删除 WebMatrix 为您创建的网页的默认内容,将它替换为

<h1>Add a New Movie to the database</h1>

现在返回到“dataMovies.cshtml”网页。打开它,它应该类似于以下形式:

以下为引用的内容:

@{

    var db= Database.Open("Movies");

    var sqlQ = "SELECT * FROM Favorites";

    var data = db.Query(sqlQ);   

}

 

<div id="movieslist">

  <ol>

    @foreach(var row in data){

      <li><a href="#">@row.Name, @row.Genre, @row.ReleaseYear</a></li>

    }

  </ol>

</div>

 在结束 </div> 之前,添加下面这行 HTML。如果您还记得,前面某一部分中介绍过这是一个定位标记,HTML 就是通过它定义另一个网页的链接的。

<a href="AddMovie.cshtml">Add a new movie</a>

 运行网站并在浏览器中查看该网页。它应该类似于下图:

 

单击“Add a new movie”链接,您将转到之前创建的网页。

 

举报

  • 相关推荐
  • 卢伟冰:REDMI K系列向上突破!Turbo系列承接K系列定位

    Redmi Turbo 4 Pro首销创2025年纪录,获全价位段销量冠军。卢伟冰表示该系列定位"性能小旋风",强化设计与质感。今年Turbo系列产品力强、性价比高,用户认可度高,销量持续创新高。随着小米高端化发展,K系列定位也将持续突破。去年Turbo系列独立,为K系列向上发展预留空间。预计年底Redmi K90系列将全面升级,Pro版可能配备超声波指纹和潜望长焦,首次采用长焦镜头,进一步缩小与小米数字旗舰的差距。K90系列或将推出标准版、Pro版和至尊版三款机型。

  • 打破不可能三角!孙宇晨“三驾马车”推进Web3合规与增长并举

    或许不再只是一个口号,而是一场真正照进现实的梦想。

  • WEEX全球大使招募计划启动:赋能创作者,共享Web3增长红利

    WEEX交易所推出全球大使招募计划,面向加密领域内容创作者、KOL及Web3用户开放合作。该计划以"长期共赢"为核心,通过阶梯式激励模型与独家资源支持,助力参与者实现影响力变现和品牌共建。权益包括:1)阶梯激励机制提供固定薪资和高比例返佣;2)独家流量扶持,优质内容可获得官方矩阵转发;3)优先参与新币空投和线下活动。计划旨在构建"用户即渠道"的分布式增长模型,通过本地化内容精准触达华语及东南亚市场。首期限150席位,申请截止2025年5月20日。

  • iQOO Z10 Turbo系列今天发:美女产品经理主讲

    快科技4月28日消息,iQOO Z10 Turbo系列将在今天19点亮相,本次发布会将由iQOO产品经理邢程主讲。官方介绍,iQOO Z10 Turbo系列全部标配旗舰级自研电竞芯片Q1,这是同档唯一双芯手机,带来真正的硬件级超分超帧,支持1.5K 144 FPS满格并发,玩游戏更爽,助你轻松超神。据悉,iQOO自研电竞芯片Q1率先实现游戏内超分和插帧并发,结合高效的芯片运算通路,iQOO Q1做到了流畅更细腻,视效满格,功耗更低。核心配置上,iQOO Z10 Turbo系列标准版搭载联发科天玑8400处理器,Pro版首批搭载高通骁龙8s Gen4处理器。其中骁龙8s Gen4处理器主要使用?

  • Adobe 发布 Firefly 系列产品,涵盖图片、视频、矢量等

    Firefly 通过在单一空间内提供图像、视频、音频和矢量生成功能,将为基于人工智能的创意制作体验带来革新……

  • 国补1529.15元起 iQOO Z10 Turbo发布:7620mAh系列最大电池 同档唯一旗舰双芯

    iQOO Z10 Turbo正式发布,主打超长续航和旗舰性能。配备7620mAh超大电池,支持90W快充,34分钟可充至60%。搭载天玑8400满血版处理器和自研电竞芯片Q1,安兔兔跑分190万+。采用6.78英寸AMOLED华星C9发光材料屏幕,支持144Hz刷新率和4320Hz超高频PWM调光。后置5000万像素索尼主摄+200万景深镜头,支持OIS+EIS双防抖。运行OriginOS 5系统,支持红外遥控、NFC和IP65防尘防水。售价1799元起,国补后1529.15元起。

  • iQOO Z10 Turbo系列官宣将于4月28日发布

    iQOO正式发布全新Z10 Turbo系列手机,包含标准版与Pro版,搭载天玑8400处理器,Pro版配备第四代骁龙8S芯片。新机在性能、续航及设计上均有显著提升,尤其标准版预计采用满血版8400处理器,带来更强体验。该系列通过vivo蓝绿合作与ARM深度协作,实现性能极致释放,在屏幕体验与稳定性上表现更加优异,适合日常使用或大型游戏,同时延续家族“万窗”设计理念。

  • Matrixport 获评 2025 年金融科技新加坡独角兽企业

    Fintech News Network发布2025亚洲独角兽榜单,涵盖新加坡、中国、印度等亚洲国家表现优异的金融科技企业。其中新加坡6家企业上榜……

  • 微软上线GPT-image-1模型 通过API向开发者开放使用

    OpenAI于4月24日发布全新图像生成模型GPT-image-1,通过API向全球开发者开放。该模型支持生成高质量图像,具备多级定制功能,包括控制敏感度、生成效率、背景、输出格式等参数,并推出"吉卜力模式"生成独特风格图像。Adobe、Figma等多家企业已将其集成到产品中。API定价按token计算,低质量图像生成成本约0.02美元/张。OpenAI CEO Sam Altman高度评价该模型,认为其为开发者带来更大创意空间。

  • 曝小米16系列支持UWB超宽带 并配备对称双扬声器

    ​近日,知名博主数码闲聊站暗示,小米16系列将在外围规格方面进行显著加强。据悉,该系列将配备对称双扬声器、UWB超宽带技术,同时标配3D超声波指纹和无线充功能,电池容量也将迎来大幅提升。