[发明专利]AngularJS框架的页面生成方法、装置及系统

说明书

本发明公开了一种基于AngularJS框架的页面生成方法，包括：将vtemplet定制的模板文件按照预定解析格式进行解析，生成数据对象；按照所述数据对象的数据格式及AngularJS语法规则，将所述数据对象转换为符合AngularJS语法的html语言，将所述html语言写入文件系统中生成html静态页面；可见，在方案中，通过将vtemplet定制的模板文件转换为符合AngularJS语法的html静态页面，实现了前台系统对html静态页面的展示；本发明还公开了一种基于AngularJS框架的页面生成装置及系统，同样具有上述技术效果。

技术领域

本发明涉及页面生成技术领域，更具体地说，涉及一种基于AngularJS框架的页面生成方法、装置及系统。

背景技术

目前，金交所新一代综合交易系统的门户网站采用互联网当下比较流行也是比较新的框架和技术，其中AngularJS框架作为一款优秀的前端静态页面实现技术是系统的一大亮点。为了业务需求，实现金交所理财产品的定制功能，使用vtemplet构件进行页面的定制生成，vtemplet为基于vtemplate技术实现的一种可视化图形界面个性化定制jsp页面的构件，以标签的方式实现jsp的动态加载。但是目前vtemplet只能支持金交所后台管理系统中的产品定制功能，不能对html静态页面提供支持，即vtemplet定制并生成的jsp页面的功能并不能用于前台系统中。

因此，如何使前台系统展示vtemplet定制的页面，是本领域技术人员需要解决的问题。

发明内容

本发明的目的在于提供一种基于AngularJS框架的页面生成方法、装置及系统，以实现生成基于AngularJS语法的html静态页面，使前台系统进行展示。

为实现上述目的，本发明实施例提供了如下技术方案：

一种基于AngularJS框架的页面生成方法，包括：

将vtemplet定制的模板文件按照预定解析格式进行解析，生成数据对象；

按照所述数据对象的数据格式及AngularJS语法规则，将所述数据对象转换为符合AngularJS语法的html语言，将所述html语言写入文件系统中生成html静态页面。

其中，所述将vtemplet定制的模板文件按照预定解析格式进行解析，生成数据对象，包括：

将vtemplet定制的所述模板文件加载至内存；

按照预定解析格式解析所述模板文件的内容，生成数据对象。

其中，所述模板文件为vtemplet定制的xml格式的模板文件。

其中，将所述html语言写入文件系统中生成html静态页面之后，还包括：

将所述html静态页面通过浏览器展示。

一种基于AngularJS框架的页面生成装置，包括：

解析模块，用于将vtemplet定制的模板文件按照预定解析格式进行解析，生成数据对象；

遍历模块，用于按照所述数据对象的数据格式及AngularJS语法规则，将所述数据对象转换为符合AngularJS语法的html语言，将所述html语言写入文件系统中生成html静态页面。

其中，所述解析模块将vtemplet定制的所述模板文件加载至内存，按照预定解析格式解析所述模板文件的内容，生成数据对象。

其中，所述模板文件为vtemplet定制的xml格式的模板文件。

一种基于AngularJS框架的页面生成系统，包括上述页面生成装置，以及展示所述html静态页面的浏览器。