GoRazor
GoRazor is the Go port of the razor view engine originated from asp.net in 2011. In summary, GoRazor's:
- Concise syntax, no delimiter like
<?,<%, or{{.- Original Razor Syntax & quick reference for asp.net.
- Able to mix go code in view template
- Insert code block to import & call arbitrary go modules & functions
- Flow controls are just Go, no need to learn another mini-language
- Code generation approach
- No reflection overhead
- Go compiler validation for free
- Strong type view model
- Embedding templates support
- Layout/Section support
Usage
Install:
go get gopkg.in/fsnotify.v1
go get github.com/sipin/gorazorUsage:
gorazor template_folder output_folder or
gorazor template_file output_file or
gorazor -watch input_dir output_dir to auto re-generate code when file changes.
new/modify -> generate corresponding Go file, make new directory if necessary
remove/rename -> remove/rename corresponding Go file or directorySyntax
Variable
-
@variableto insert string variable into html template- variable could be wrapped by arbitrary go functions
- variable inserted will be automatically escaped
<div>Hello @user.Name</div><div>Hello @strings.ToUpper(req.CurrentUser.Name)</div>Use raw to skip escaping:
<div>@raw(user.Name)</div>Only use raw when you are 100% sure what you are doing, please always be aware of XSS attack.
Flow Control
@if .... {
....
}
@if .... {
....
} else {
....
}
@for .... {
}
@{
switch .... {
case ....:
<p>...</p>
case 2:
<p>...</p>
default:
<p>...</p>
}
}Please use example for reference.
Code block
It's possible to insert arbitrary go code block in the template, like create new variable.
@{
username := u.Name
if u.Email != "" {
username += "(" + u.Email + ")"
}
}
<div class="welcome">
<h4>Hello @username</h4>
</div>It's recommendation to keep clean separation of code & view. Please consider move logic into your code before creating a code block in template.
Declaration
The first code block in template is strictly for declaration:
- imports
- model type
- layout
like:
@{
import (
"kp/models" //import `"kp/models"` package
"tpl/layout/base" //Use tpl/layout package's **base func** for layout
)
var user *models.User //1st template param
var blog *models.Blog //2nd template param
}
...first code block must be at the beginning of the template, i.e. before any html.
Any other codes inside the first code block will be ignored.
import must be wrapped in (), import "package_name" is not yet supported.
The variables declared in first code block will be the models of the template, i.e. the parameters of generated function.
If your template doesn't need any model input, then just leave it blank.
Helper / Include other template
As gorazor compiles templates to go function, embedding another template is just calling the generated function, like any other go function.
However, if the template are designed to be embedded, it must be under helper namespace, i.e. put them in helper sub-folder.
So, using a helper template is similar to:
@if msg != "" {
<div>@helper.ShowMsg(msg)</div>
}
GoRazor won't HTML escape the output of helper.XXX.
Please use example for reference.
Layout & Section
The syntax for declaring layout is a bit tricky, in the example mentioned above:
@{
import (
"tpl/layout/base"
)
}"tpl/layout/base" is not a package, it's actually referring to "tpl/layout" package's Base function, which should be generated by tpl/layout/base.gohtml.
GoRazor is using the second last part of namespace layout as a magic string to decide if the import is for layout declaration or normal import.
A layout file tpl/layout/base.gohtml may look like:
@{
var body string
var sidebar string
var footer string
var title string
var css string
var js string
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@title</title>
</head>
<body>
<div class="container">@body</div>
<div class="sidebar">@sidebar</div>
<div class="footer">@footer</div>
@js
</body>
</html>It's just a usual gorazor template, but:
- First param must be
var body string(As it's always required, maybe we could remove it in future?) - All params must be string, each param is considered as a section, the variable name is the section name.
- Under
layoutpackage, i.e. within "layout" folder.
A template using such layout tpl/index.gohtml may look like:
@{
import (
"tpl/layout"
)
}
@section footer {
<div>Copyright 2014</div>
}
<h2>Welcome to homepage</h2>With the page, the page content will be treated as the body section in layout.
The other section content need to be wrapped with
@section SectionName {
....
}
The template doesn't need to specify all section defined in layout. If a section is not specified, it will be consider as "".
Thus, it's possible for the layout to define default section content in such manner:
@{
var body string
var sidebar string
}
<body>
<div class="container">@body</div>
@if sidebar == "" {
<div class="sidebar">I'm the default side bar</div>
} else {
<div class="sidebar">@sidebar</div>
}
</body>- A layout should be able to use another layout, it's just function call.
Conventions
- Template folder name will be used as package name in generated code
- Template file name must has the extension name
.gohtml - Template strip of
.gohtmlextension name will be used as the function name in generated code, with first letter Capitalized.- So that the function will be accessible to other modules. (I hate GO about this.)
- Helper templates must has the package name helper, i.e. in
helperfolder. - Layout templates must has the package name layout, i.e. in
layoutfolder.
Example
Here is a simple example of gorazor templates and the corresponding generated codes.
FAQ
IDE / Editor support?
Sublime Text 2/3
Syntax highlight Search & install GoRazor via Package Control.
Context aware auto-completion, you may need to manually modify GoSublime package, bascially replace gscomplete.py in with this and gslint.py with this
Emacs
web-mode supports Razor template engine, so add this into your Emacs config file:
(require 'web-mode)
(add-hook 'web-mode-hook 'my-web-mode-hook)
(add-to-list 'auto-mode-alist '("\\.html?\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.gohtml\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.js\\'" . web-mode))
(setq web-mode-engines-alist '(("razor" . "\\.gohtml\\'")))Credits
The very first version of GoRazor is essentially a hack of razor's port in javascript: vash, thus requires node's to run.
GoRazor has been though several rounds of refactoring and it has completely rewritten in pure Go. Nonetheless, THANK YOU @kirbysayshi for Vash! Without Vash, GoRazor may never start.
LICENSE
Todo
- Add default html widgets
- Add more usage examples
- Generate more function overloads, like accept additional buffer parameter for write
