Find a post...

DNN-Connect Blogs

The Future of DNN Speaks Razor - #2 But What is Razor?

As you might have heard, you have to migrate to Razor sooner than later, and the earlier you start, the more you will be creating future-compatible material today. This is part 2 of the Series The Future of DNN Speaks Razor. In this post I'll explain what Razor is, why it's not MVC (even though Razor is popular there as well) and more.

A first example of some code

The following screenshot shows a simple Razor template creating a list of questions with hidden answers. It's a part of the FAQ App I created last week:

Now just so you understand it a bit better I've added some color coding showing some features of Razor:

  1. Orange shows a .net using statement - you can integrate any kind of .net library
  2. Yellow shows standard placeholders - inserting any kind of variable directly inline
  3. Blue shows the same thing as yellow, but inserting it as raw HTML (the default insert will escape HTML)
  4. Green shows a loop

So What in the Gillette is Razor?

  1. Razor is a text-templating system based using .net placeholders and allows you to write .net code into the template.
  2. The classic use case is writing code like:

    @Content.Title


    which would then be replaced at run time with

    The Future Speaks Razor

  3. A Razor inline placeholder can be much more complex and contain .net code like:
    @(4+2)
    @((1+1==2) ? "it's true" : "it's not true")
  4. And Razor can also contain code blocks, which can again contain HTML like this:
    @{
    var x = 1;
    var y = x + 2;
    if(y > x)
    {
      

    it's large!


    }
    }
  5. It's not limited to HTML and can also be used for any kind of text output. We often use Razor to template our e-mails, because it allows us to write very custom, complex output code outside our main line of code, just to create this e-mail. It also allows us to easily use different highly complex, smart e-mail templates for various purposes.

A More Complex Example

The following screenshot shows a Razor-Template

I've marked the segments with colored bars on the side. The picture shows

  • Blue: A @functions block containing functions and variables needed by the entire view
  • Green: two different segments, each with a loop. All very simple and easy to read
  • Orange: a bit of code bridging some data to client side JS - like handing over a module-ID. This was all so much more complex with Webforms.

So What is a Razor good for?

Razor is ideal to dynamically create text - based on data or anything else…resulting in HTML, XML, JavaScript or simply plain text.

And What is it not Good for?

Technically, you could do everything in Razor, just like you could also create lemonade using a hammer and lots of lemons. But it's not the ideal use case. Razor is not ideal for generating binary data, for developing a data- or business layer. It's also not ideal for processing user input. And even though you could retrieve data in Razor (very easy, thanks to .net) you would typically not do it because of SoC (Separation of Concerns). Instead, data access should be in a separate code area containing all business and data logic.

Razor is NOT the same thing as ASP.net MVC

No. Razor is a view/templating-engine to combine data with a text-template and return a text-string. MVC uses it by default as the "V"-layer im MVC, but you could use MVC without Razor, and you can use Razor without MVC. The standard example is ASP.net WebPages - which are basically just some Razor-pages

Does Razor work with ASP.net Forms

Yes, it works very well inside and within ASP.net Forms. But it's very different - when you start using Razor, you are usually reminded of the good-old classic ASP days, before the it became aspX, because it's just HTML with placeholders. What's "missing" is the event-attachment, code-behind, view-state, post-back and a few other things. These are features that software developers usually like, but web designers hate.

Does Razor work with DNN?

It works perfectly well with and within DNN! In a following post I'll write how to get started. For the impatient, try the DNN-Razor Host Module and watch this video  or try packaged code apps by installing 2sxc and some of the Razor Apps like the Razor Basic TutorialsList-Tutorials or the SQL and Peta-Poco Tutorials

With love from Switzerland
Daniel

Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 600 DNN projects since 1999. He is also chief architect of 2sxc (2SexyContent - see forge), an open source module for creating attractive content and DNN Apps.

 

Daniel Mettler learned programming with the bible translation computer of his parents, deep in the jungles of Indonesia. Since he was only 12 years old at that time and the BIOS only had a version of BASICA, that's what got him started. With 16 he went back to Switzerland and learned German and basic city-survival skills. Equipped with this know-how he founded 2sic internet solutions in 1999 which was focused on web solutions on the Microsoft platform. After a few self-developed CMSs 2sic switched to DNN in 2003 and has been one of the largest partners (17 employees, 700+ projects) in Europe. Daniel is also the chief architect behind the open source 2sxc, a strong promoter of standardization (boostrap, patterns, AngularJS, checklists, etc.) and loves to eat anything - dead or alive. His motto: if the natives eat it, it game.
Comment(s)
Peter Donker
Peter Donker  I'm somewhat surprised to see the blue block above. Your claim that Razor enforces more separation of concerns is, IMHO, violated by this. For me the separation of concerns would also mean keeping code functions that run on the server separate from the template. I know WebForms allow this as well through the script runat="server" tag, but I've always avoided that in favour of putting this in the code behind. Ideally in the place it belongs. If it's only used in this one control I'd put it in the code behind, if it's used multiple times it needs to sit somewhere in your business layer. So maybe you could elaborate on this. Why would you put functions like CustomizeData in the same file?
· reply · 0 0 0

Hosting liberally provided by

Philipp Becker 6011 7
Geoff Barlow 542 4
DNN-Connect 431 6
Peter Donker 5092 30
Christopher Hammond 683 2
Olivier Jooris 418 1
Daniel Mettler 12054 88
Clint Patterson 1 1
Jos Richters 65 1
James Rosewell 327 2
Will Strohl 1550 27
Ernst Peter Tamminga 438 4
Barry Waluszko 2802 2
Declan Ward 468 1
Gifford Watkins 722 9
Torsten Weggen 2796 3