WEBAPP开发:Razor 在WebApp 框架的运用
安安 2017-11-21 来源 :网络 阅读 1041 评论 0

摘要:本篇WEBAPP开发教程将为大家讲解WEBAPP编程的知识点,看完这篇文章会让你对WEBAPP编程的知识点有更加清晰的理解和运用。

本篇WEBAPP开发教程将为大家讲解WEBAPP编程的知识点,看完这篇文章会让你对WEBAPP编程的知识点有更加清晰的理解和运用。

     前面介绍了WebApp框架《WebApp MVC,“不一样”的轻量级互联网应用程序开发框架》和《WebApp MVC 框架的开发细节归纳》,其中视图引擎是用的Nvelocity,最近发现Razor不错,语法比较像C#,而且在VS IDE中有提示比较方便,更不错的是在CodePlex上已有人把Razor从aspx mvc中剥离出来独立的开源项目RazorEngine,立马就研究了一下并加入到框架中。

      RazorEngine开源网址://razorengine.codeplex.com/

 

下面我们看看在Webapp 框架中使用Razor视图引擎的实例:

 WEBAPP开发:Razor 在WebApp 框架的运用WEBAPP开发:Razor 在WebApp 框架的运用

1.简单实例,hello worlod

WEBAPP开发:Razor 在WebApp 框架的运用 

 

2.Razor方法实例

WEBAPP开发:Razor 在WebApp 框架的运用 

使用关键字@helper 来创建方法aa,输出字符串hello 这里跟MVC中的Razor语法有点不一样,要想不报错得用@()把输入内容包括起来,这地方开始不知道老报错,最后调式源码才发现必须这样书写。

 

3.判断实例

 WEBAPP开发:Razor 在WebApp 框架的运用

 

4.循环实例

 WEBAPP开发:Razor 在WebApp 框架的运用

5.方法ToUrl和LoadJs

 WEBAPP开发:Razor 在WebApp 框架的运用

WEBAPP开发:Razor 在WebApp 框架的运用

 

 

 WEBAPP开发:Razor 在WebApp 框架的运用

 

 WEBAPP开发:Razor 在WebApp 框架的运用

6.包含外部文件

 WEBAPP开发:Razor 在WebApp 框架的运用

 

7.后台TestController的代码

 

 

 [AOP(typeof(HeadComponent), typeof(FooterComponent))]

        public void Razortest01()

        {

            List<string> data = new List<string>();

            data.Add("选项1");

            data.Add("选项2");

            data.Add("选项3");

            ViewData.Add("data", data);

 

            ViewData.Add("name", "kakake");

            ViewResult = ToView(@"Views\Test\test01.cshtml");

        }

 

 

 

public class HeadComponent : AbstractRazorComponent

    {

        public override string GetFilePath()

        {

            return "Views/Test/head.cshtml";

        }

 

        public override void LoadViewData()

        {

            ViewData.Add("head", "这是页头!");

        }

    }

 

 

 public class FooterComponent : AbstractRazorComponent

    {

        public override string GetFilePath()

        {

            return "Views/Test/footer.cshtml";

        }

 

        public override void LoadViewData()

        {

            ViewData.Add("footer", "这是页脚!");

        }

    }

 

 

 

界面效果:

 WEBAPP开发:Razor 在WebApp 框架的运用

 

总结:使用Razor确实让我们的代码看起来更加舒服,但是Razor在性能方面可能有点缺失。另外就是如果修改了cshtml文件需要退出服务重新编译项目运行,不然执行可能会出错。


希望这篇文章可以帮助到你。总之,同学们,你想要的职坐标WEBAPP频道都能找到!

本文由 @安安 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程