美文网首页程序员
动态页面数据绑定过程

动态页面数据绑定过程

作者: UncleRiver | 来源:发表于2014-03-27 21:51 被阅读599次

公司使用现成的HTML 然后在加载完页面之后使用js来加载数据,这带来了很多潜在威胁。所以今天来看看其他框架是怎么做的。作为参考的框架是playframework。

在Play Framework中,每个请求最终会调用一个开发者定义的action函数。开发者在这个函数中对请求进行处理。也就是控制层的逻辑。在action函数中,开发者可能需要根据请求使用模型层的数据,并将数据传送给模板,也就是视图层。之后交由框架处理,将数据加载到模板中,并完成最终输出。一个action函数大概是这样:

public class Application extends Controller {
	public static void stockCommit(
    		String barCode,
    		String name,
    		Long cost,
    		Long price,
    		Integer stock){
    	if(!(barCode != null 
    			&& name != null
    			&& cost != null
    			&& price != null
    			&& stock != null)){
    		String message = "输入有误";
    		render(message);
    	}
    	Product p = new Product();
    	p.barCode = barCode;
    	p.name = name;
    	p.cost = cost;
    	p.price = price;
    	p.stock = stock;
    	p.save();
    	render(p);
    }

这里的Application 类继承了Controller,定义了stockCommit方法,处理提交库存的请求。一般的控制层的任务便是如此,处理数据,并最终显示页面。

页面由模板文件而来,模板文件中使用了占位符并可能运行一些Groovy代码。模板可能已经编译过,变成单纯的Groovy代码。调用render() 之后,这个模板文件会被执行(使用Groovy解释器)并返回最终的HTML代码。调用层次如下:

Controller.render
    ->Controller.renderTemplate
        ->Controller.template    //找出actin对应的template名字
        ->TemplateLoader.load    //根据找出的template名字加载template并编译(如果还未编译的话)
        ->throw new RenderTemplate(Template template, Map<String, Object> args) extends Result    //将找出的template模板交给RenderTemplate
            ->Template.render( Map<String, Object> args )    //RenderTemplate调用传入的template中的render,得到最终的输出
                ->Template.internalRender( new HashMap<String, Object>(args) )
                -->GroovyTemplate.internalRender

这里关键一步便是Template.internalRender( new HashMap<String, Object>(args) )。 这个函数里面,准备了Groovy运行环境,并最终将模板文件执行(此时的模板文件已经被编译成Groovy代码)。最终执行结果是一个String,便是最终要返回给用户的页面内容。此后这个String由框架输出给服务器,服务器将内容返回给浏览器。Play Framework的框架核心部分很有意思,网上有相关描述,这里不说。

可以看到,Play Framework的页面是在一个请求到来之后才生成的,在生成之前相关数据已经准备好,并嵌入到页面中。这其实是大部分框架的作法。这么做的特点是:

1. 业务逻辑在后台执行。

2. 每次都需要运行模板文件并生成最终的字符串。

相比之下,公司的作法是:

1. 在请求来的时候找出对应页面(HTML),并返回给用户.

2. 页面包含JS代码,在页面加载完成的时候立即执行,调用后台Java代码,收集数据并填补到页面上。

这么做的特点是:

1. 页面加载分为两步骤,先加载整个页面再加载数据。

2. 所有页面会在服务器启动的时候生成,被调用的时候只需要读取并输出即可。

在有些时候,有些控件会根据数据的不同而有不同的行为,而这些行为都是由JS控制的,这样一来用户很容易就可以通过运行JS来改变这些控件的行为,带来了很大的安全隐患。由于页面是原先就有的,所以必须提供“最大级别”的控件集合,然后再在客户端进行限制。这实际上相当于没法控制(客户端可以自己编写JS代码并在当前页面上执行)。

而由后台动态生成页面的作法就不同了。先有数据再有页面,页面的最终效果由数据决定,传送到客户端的都是“恰当级别”的控件集合。这对于ERP 产品来说很重要。

另外,考虑到速度与效率方面。Play Framework可以预编译好所有的模板,需要的时候将模板脚本运行,其实也就是将其包含的字符串填上占位符并全部输出即可,没有复杂逻辑。而直接输出HTML 的作法,其实也是读取文件并将其输入到服务器的输出流上。更何况在加载完页面之后还需要第二次通信将数据填补到页面上。

明天有机会的话去问问开发这个框架的组,看他们是怎么说的。

相关文章

网友评论

    本文标题:动态页面数据绑定过程

    本文链接:https://www.haomeiwen.com/subject/rgnktttx.html