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

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

2011-03-17 16:17 · 稿源:站长之家Chinaz.com

在本系列文章中,您将学习如何开发一个简单的 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:第 7 部分,创建编辑数据网页

目前为止,您创建了电影网页,设置了它的样式,将它设计为受数据驱动,随后创建了一个窗体用于向数据库添加电影。下一步将是创建一个非常类似的窗体,用于编辑现有的电影列表。

我们看一下目前为止的应用程序:

 

可以看到,它有一个电影列表,能够通过底部的链接添加影片。为了建立鼠标悬停效果,我们使用 《a》 标记将列表中每个电影条目设置为超链接。如果在希望编辑电影时只需使用此超链接,那将非常有用,那么我们看一下如何实现此功能。

创建编辑网页

首先,在 WebMatrix 中创建一个新 CSHTML 网页,将它命名为 EditMovie.cshtml。此网页最终将包含一个窗体,其中填充了所选电影的详细信息,当您更改这些详细信息时,更改将提交回数据库。

将 EditMovie.cshtml 中的默认内容替换为这样一个窗体。该窗体非常类似于在上一部分中创建的窗体。

 

以下为引用的内容:

<h1>Edit a Movie</h1>

<form action="" method="post">

    <p>Name:<input type="text" name="formName" /></p>

    <p>Genre:<input type="text" name="formGenre" /></p>

    <p>Year:<input type="text" name="formYear" /></p>

    <p><input type="submit" value="Edit Movie" /></p>

</form>

 

从电影列表调用编辑网页

我们现在了解了编辑窗体的基本知识。但是如何使用您所选的特定电影的数据库内容来初始化该窗体?首先,我们看一下如何告诉此网页您希望编辑哪部电影,为此我们必须返回到 dataMovies.cshtml 网页。

您可能还记得,我们按照以下形式编写了一些列表项:

 

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

 

超链接不会转到任何地方,因为 href 还仅仅是“#”。我们让超链接转到 EditMovie.cshtml 网页,如下所示:

 

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

 

这很不错,但是无论您选择哪部电影,它将总是调用 EditMovie.cshtml,而且此网页不知道您正在编辑哪部电影。但是,ataMovies.cshtml 网页已经知道您编辑的电影,因为您已选择了它,所以您可以将您所选电影的 ID 传递给 EditMovie.cshtml,如下所示:

 

EditMovie.cshtml?id=<something>

 

而且由于我们已经知道当前行的 id 是什么(@row.id),我们可以在写出列表时使用 Razor 写出该 ID,按如下形式更改 <li>:

 

<li><a href="EditMovie.cshtml?id=@row.id">@row.Name, @row.Genre, @row.ReleaseYear</a></li>

 

现在查看 dataMovies.cshtml,会得到以下界面:

 

它看起来没有任何区别,我们看一下此网页的 HTML 代码。这不是您在 WebMatrix 中看到的 .cshtml 网页,而是服务器(从 cshtml 中的指令)生成并发送给浏览器的 HTML。

举报

  • 相关推荐
  • 特斯拉磁悬浮Cybertruck车模上架中国官网 售价999元

    特斯拉磁悬浮Cybertruck车模11月12日在中国官网开售,定价999元。这款1:24比例模型精准还原实车细节,采用银色涂装与可亮车灯,内置14个LED灯,展现科技感。模型重293克,底座重1291克,确保稳定悬浮。使用时只需通电并放置于非金属表面,通过磁力实现悬浮效果,可静置观赏或轻触旋转,为收藏爱好者带来独特视觉体验。

  • IBM翟峰:携手乌镇峰会共建AI生态,以开源开放解锁数智生产力

    2025年世界互联网大会乌镇峰会于11月6日至9日在浙江乌镇举行,聚焦“共建开放合作、安全普惠的数智未来”主题,探讨人工智能、数据治理等前沿议题。IBM大中华区技术专家翟峰参与人工智能模型论坛,强调AI是企业竞争关键,开源开放创新受业界青睐。IBM通过企业级AI平台watsonx、开源模型Granite及智能体解决方案,助力企业构建定制化AI能力,推动数字化转型。IBM致力于深耕中国市场,携手合作伙伴共促AI技术发展与产业升级。

  • B站回应拉黑指定用户可屏蔽开屏广告:不实信息

    近日,“B站拉黑指定用户可屏蔽开屏广告”话题登上热搜。起因是网友发现B站疑似通过零等级、无头像的隐藏账号发布视频实现开屏广告投放,网上还流传一份“拉黑名单”。部分网友称实测有效,但经媒体实测发现该方法无效。B站官方回应称此说法为不实信息,提醒用户理性看待网络谣言,切勿相信和传播。

  • 如何检查你的网站是否被大模型引用?AI排名查询工具推荐

    本文探讨AI搜索时代网站流量获取新逻辑:传统SEO因Google搜索"零点击"现象失效,而71%用户通过AI工具研究购买决策。文章指出被大语言模型引用成为新流量入口,并推荐使用AIBase等GEO工具监测网站在豆包、DeepSeek等国内主流AI平台的曝光情况。提出三步操作法和三个优化建议:建立监控基线、定期检查变化、聚焦高转化场景。强调在AI搜索时代,内容被LLM引用已成为新的流量生命线。

  • TabTab 登顶模力工场 AI 应用榜榜首, 把 AI 数据分析师装进口袋,关键结论更快抵达!

    TabTab是一款全链路AI数据分析助手,核心功能包括多源数据连接(支持文档、数据库、电商平台等)、自动化采集清洗、内置分析模型及可视化呈现。其优势在于通过多智能体系统实现自然语言交互,降低分析门槛,让非技术人员也能快速完成客户洞察、销售业绩等分析,显著提升效率。产品定位中立,致力于构建多元化AI效率提升生态。

  • 乡村坝子里的顶流男团 云南Bigbang极致反差硬控全网

    ​“找遍韩国才凑齐一个Bigbang,但在云南只需要一个妈就行了。” 近日,由五位亲兄弟组成的云南Bigbang,在抖音横空出世,无数网友被他们的直播和切片硬控。 每天上午,云南昭通一处院里都会升起由苞谷杆燃烧带来的白雾,点进@关恒(蹦山咔拉咔)的直播间,你可以看到,五位亲兄弟迅速站好位置,手机架在板凳上,随着BIGBANG《Fantastic Baby》前奏响起,他们瞬间切换成�

  • AI工具网站GEO优化实战:3个月让品牌曝光率提升40%

    随着AI搜索工具普及,传统SEO面临挑战。数据显示,71%美国用户用AI研究产品,58.5%的谷歌搜索实现零点击。流量正从搜索引擎转向AI平台,企业需转向GEO(生成引擎优化)。通过监控AI平台推荐情况、分析竞品曝光策略、持续优化内容质量,案例显示3个月内品牌曝光率可从10%提升至42%。建议每周固定监测核心问题排名,针对高价值问题优化页面,建立“监控-优化-验证”闭环。

  • 前B站副总裁打造“非共识”AI陪伴,国内拿下千万用户后加速出海

    在今年东京电玩展的现场,我们第一次见到了 AI 陪伴创企心影随形的创始人刘斌新。 面前的刘斌新,像此前媒体同行描述的一样随和、健谈,他曾先后出任过百度副总监、360助理总裁、B 站副总裁,2023年,他选择了自己创业,从熟悉的游戏场景切入做一款 AI 陪伴产品,「逗逗游戏伙伴」由此诞生。 从整个 AI 陪伴品类来看,「逗逗游戏伙伴」是一个很“特别”的存在。不同�

  • 数智驱动,共赢跨境|RixDesk亮相ICBE 2025,重磅发布“跨屏全媒介广告投放解决方案”

    在ICBE2025深圳跨境电商博览会上,RixDesk发布“跨屏全媒介广告投放解决方案”。该方案针对用户多设备切换导致的广告触点分散问题,通过跨屏整合、一次创建全媒介触达、智能优化及数据闭环四大核心功能,帮助品牌实现多平台高效投放,提升传播效果与ROI。系统利用AI技术自动分发内容、优化策略,助力跨境品牌在复杂流量环境中精准获客与持续增长。

  • 双11买MacBook最优选出炉 网友发现京东价低天猫近千元

    双11期间,京东和天猫推出iPhone17系列优惠。京东提供300元以旧换新补贴、12期免息,256G版可叠加500元国家补贴,覆盖地区比天猫多5个。iPhone17 Pro系列在京东可享700元以旧换新补贴,优惠超千元。MacBook方面,京东MacBook Air M4直降1600元并叠加10%政府补贴,优惠超2000元;MacBook Pro M5享1000元直降,天猫无此优惠。京东还备有百万现货,配送更快。建议果粉打开京东APP搜索"苹果惊喜券"参与活动。

今日大家都在搜的词: