Introduction to Bellevue View Engine - Part 1

OPerttilä

Rate me:

3.43/5 (4 votes)

18 Mar 2010CPOL8 min read

26K

126

Prototype of a new template engine for ASP.NET MVC Framework that respects HTML and uses CSS-like syntax for model binding.

bellevue_preview.zip
- Bellevue_Preview
  - DemoWeb.sln
  - Ope.Bellevue.DemoWeb
    - App_Data
      - Functions.xml
    - bin
      - BoneSoft.CSS.dll
      - Fizzler.dll
      - Fizzler.Systems.HtmlAgilityPack.dll
      - HtmlAgilityPack.dll
      - HtmlAgilityPack.pdb
      - Ope.Bellevue.DemoWeb.dll
      - Ope.Bellevue.DemoWeb.pdb
      - Ope.Bellevue.dll
      - Ope.Bellevue.pdb
    - Content
      - Demo1_intro.html
      - logo2.png
      - ope.css
      - Site.css
    - Controllers
    - Default.aspx
    - Default.aspx.cs
    - Global.asax
    - Global.asax.cs
    - Models
    - Ope.Bellevue.DemoWeb.csproj
    - Ope.Bellevue.DemoWeb.csproj.user
    - Properties
      - AssemblyInfo.cs
    - Scripts
    - Views
      - Account
        
        ChangePassword.aspx
        
        ChangePasswordSuccess.aspx
        
        LogOn.aspx
        
        Register.aspx
      - Demo
        
        Demo1_Intro_Bellevue.html
        
        Demo1_Intro_WebForms.aspx
        
        Demo2_Intro_Bellevue.bvue
        
        Demo2_Intro_Bellevue.html
        
        Demo2_Intro_WebForms.aspx
        
        Demo3_UseMaster.html
        
        Demo4_Declarations.html
        
        Demo5_RelativePosition.html
        
        Functions.html
        
        STComparison.bvue
        
        STComparison.html
      - Home
        
        About.aspx
        
        Index.aspx
      - Masters
        
        Site_Master_Alternate.html
      - Shared
        
        ApplyMaster.bvue
        
        Error.aspx
        
        Footer.html
        
        LogOnUserControl.ascx
        
        Site.Master
        
        Site_Master.html
      - Web.config
    - Web.config
  - Ope.Bellevue
    - bin
      - Debug
        
        BoneSoft.CSS.dll
        
        Fizzler.dll
        
        Fizzler.Systems.HtmlAgilityPack.dll
        
        HtmlAgilityPack.dll
        
        Ope.Bellevue.dll
        
        Ope.Vss.dll
    - Ope.Bellevue.csproj
    - Ope.Bellevue.csproj.user
    - Parsing
    - Properties
      - AssemblyInfo.cs
    - Renderers
      - _Renderers.cd
      - General.cs
      - Infra.cs
      - MvcHtmlHelper.cs
    - Rendering
    - Resources
      - debugger.css
      - Fetcher.cs
    - ViewEngine
      - _Overview.cd
      - BellevueView.cs
      - BellevueViewEngine.cs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>### No title set ###</title>
    <link href="/Content/ope.css" rel="stylesheet" type="text/css" />
    <script type="text/bellevue">
        @master
        {
            #mainContentPlaceholder
            {
                placeholder-id:     main;
            }
            title
            {
                placeholder-id:     title;
            }
        }
        #menu li:nth-child(1)
        {
            action-link: Home Index Home;
        }
        #menu li:nth-child(2)
        {
            action-link: About About Home;
        }
    </script>
</head>

<body>
    <div id="page">
        <div id="header">
            <a href="/" id="logo">
                <img alt="OPE AG" src="/content/logo2.png" />
            </a>
            <div id="menucontainer">
                <h1>Another View master</h1>
            </div>
            <div id="leftArea">
                <ul id="menu">
                    <li><a href="/linkHere">Link 1</a></li>
                    <li><a href="/linkHere">Link 2</a></li>
                </ul>
            </div>
        </div>

        <div id="main">
            <div id="mainContentPlaceholder"></div>
            
            <p>
                This master page is specified in the controller - it is in the "Views/Masters" folder.
            </p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
        </div>
        
        
    </div>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

OPerttilä

Founder OPE AG

Switzerland

Olli is a .Net developer and architect.

He specializes in Asp.net MVC and other web technologies, XML and lately Domain Specific Languages.

Olli is originally from Finland, but currently works for his own one-man-initiative OPE AG (www.ope.ag) from Switzerland. He has over 10 years of experience as one of the founding partners and Chief Technology Officer of Quartal group of companies (www.quartal.com).

Introduction to Bellevue View Engine - Part 1

License

Comments and Discussions