最聪明的 web 框架字符转义设计

开发 前端
特殊字符的转义(escaping)对于网页安全和用户体验至关重要,由于在 HTML 的不同位置,需要对不同的字符进行不同的转义,各种框架/脚本语言提供了若干个不同的函数,但是,这里要介绍的是 Go 的自带 Web 框架,它能够识别 HTML,自动的选择转义含糊进行正确的转义。

特殊字符的转义(escaping)对于网页安全和用户体验至关重要,由于在 HTML 的不同位置,需要对不同的字符进行不同的转义,各种框架/脚本语言提供了若干个不同的函数,但是,这里要介绍的是 Go 的自带 Web 框架,它能够识别 HTML,自动的选择转义含糊进行正确的转义。

Go 语言是 Google 发起的开源项目,现在已经有大量的外部人员参与到开发当中,其中不乏中国的程序员。由于是一门新兴的语言,因此设计不少之前编程语言的经验与教训。为了适应当前开发的需要,Go 自带了 Web 框架:template。

template 的一个***的特点就是会解析模板中的 HTML 语法,从而知道所要替换的变量在网页中的位置,从而正确的进行转义,下面看一段例子程序(边边角角省掉了,template 需使用 “html/template”):

t, _ := template.New("foo").Parse(  

  `<a title="{{.}}" href="http://example.com/{{.}}/hello?q={{.}}">{{.}}</a>` +

  `<script>var s = '#Hello? I\x27m David='</script>`)  

t.ExecuteTemplate(os.Stdout, "foo", "#Hello? I'm David=")

​一共就两条语句:
  1. 编译一个模板,模板中包含了 HTML 框架,其中含有一些变量。这里就是四个 {{.}}
  2. 执行模板,给出变量的值,这里四个变量的值都是 ”#Hello? I’m David=”,这个古怪的字符串包含和很多需要转义的字符。转换完的结果直接输出到标准输出了。

下面是输出结果:

  1. <a title="#Hello? I&#39;m David=" href="http://example.com/#Hello?%20I%27m%20David=/hello?q=%23Hello%3f%20I%27m%20David%3d">#Hello? I&#39;m David=</a><script>var s = '#Hello? I\x27m David='</script> 

我把四个变量转换的结果用红色粗体字标了出来。可以发现,虽然调用的时候给的是同一个值,转换之后却是不同的,下面列成一个表格方便比较:

位置取值

HTML正文 #Hello? I&#39;m David=

属性取值 #Hello? I&#39;m David=

URL Path #Hello?%20I%27m%20David=

URL Query 取值 %23Hello%3f%20I%27m%20David%3d

Javascript 字符串 #Hello? I\x27m David=

具体的转换规则是按照 HTML/Javascript 的标准进行的,这里不细说了。

这样的方式,***限度防止了书写模板的时候忘记进行转换或者选错转换函数,因为可以不用显示的转换了。

作者未必熟悉所有的 web 框架,欢迎留言参加讨论。

原文链接:http://techblog.youdao.com/

责任编辑:陈四芳 来源: youdao.com
相关推荐

2013-07-09 10:11:41

程序设计大赛程序员

2009-11-10 09:39:00

Web设计

2010-05-25 15:12:59

Web

2010-05-24 09:57:08

2013-03-18 10:19:41

程序设计语言

2009-08-17 17:04:29

C#转义字符

2010-07-14 15:32:21

Perl转义字符

2009-12-14 15:54:34

Ruby转义字符

2012-01-04 09:49:30

2011-01-04 18:04:49

PHP

2013-09-25 15:28:42

Storm流式处理框架框架

2011-03-21 13:01:10

2010-05-19 14:45:46

2010-02-07 10:00:46

嵌入式设计专家

2014-02-25 10:47:22

web设计设计趋势

2010-05-19 14:38:11

Web开发框架Web层

2009-09-03 16:52:44

Java Web开发框

2019-10-09 11:26:01

JavaXMLSQL

2017-07-14 14:50:00

架构框架前端

2017-06-27 14:02:09

前端框架Bootstrap
点赞
收藏

51CTO技术栈公众号