jello是针对服务端为JAVA+Velocity的前端集成解决方案。jello为优化前端开发而生,提供前后端开发分离、自动性能优化、模块化开发机制等功能。
前后端分离基于velocity模板引擎实现前后端分离,让前端攻城师更专注于JS、CSS、VM(velocity模板文件)文件编写。我们提供一种简单的机制,模拟线上环境,让你轻松的预览线上效果。
比如:创建一个vmvelocity模板文件后,基于我们的工具,你可以直接预览此模板文件的内容,在相应的目录创建一个同名json文件,按与后端开发人员约定好的数据格式,在此json文件中添加测试数据便能自动与模板变量绑定上。
使用此机制可以让前端开发流程与后端开发完全分离,后端开发人员只需关心渲染哪个模板文件和添加相应的模板数据。
自动性能优化我们基于velocity开发了些扩展标签(directive),如:html、head、body、script、style、widget...如果你采用我们提供的标签(directive)组织代码,无论按什么顺序组织,我们可以保证所有css内容集中在头部输出,所有的js集中在底部输出,以达到一个性能优化的效果。
另外结合自动打包配置,可以让多个js/css资源合并成一个文件,更大程度的优化性能。
模板继承机制扩展velocity实现类smarty的模板继承功能,让模板能够得到更充分的复用。
将多个页面间相同的部分提取到一个layout.vm文件里面,每个页面只需填充自己独有的内容。
更多细节查看模板继承。
模块化开发提供html、css、js模块化机制,包括widget组件化与jsamd加载机制,让内容更好的拆分与复用。
简化环境安装内嵌j2ee开发服务器,你无需再折腾j2ee环境搭建。直接通过jelloserverstart就能开起服务,预览页面。
如何使用安装安装nodejs&npm
安装java
安装jello&lights
npm install lights -g npm install jello -g jello -v快速上手下载jello-demo
lights install jello-demo编译预览
cd jello-demo jello release jello server start预览:localhost:8080/example/page/index
jello命令三条命令满足所有开发需求
jello --help Usage: jello <command> Commands: release build and deploy your project install install components and demos server launch a embeded tomcat server Options: -h, --help output usage information -v, --version output the version number --no-color disable colored output具体命令使用请参考fis-plus
配置参考fis配置
更多资料fis
fis-plus
gois
spmx
phiz
评论