当前位置: 首页 > 软件库 > 程序开发 > 模板引擎 >

jello

J2EE Velocity 前端集成方案
授权协议 未知
开发语言 JavaScript
所属分类 程序开发、 模板引擎
软件类型 开源软件
地区 国产
投 递 者 解沈义
操作系统 跨平台
开源组织 百度
适用人群 未知
 软件概览

jello 是针对服务端为 JAVA + Velocity 的前端集成解决方案。jello 为优化前端开发而生,提供前后端开发分离、自动性能优化、模块化开发机制等功能。

前后端分离

基于 velocity 模板引擎实现前后端分离,让前端攻城师更专注于 JS、CSS、VM(velocity 模板文件) 文件编写。 我们提供一种简单的机制,模拟线上环境,让你轻松的预览线上效果。

比如:创建一个 vm velocity 模板文件后,基于我们的工具,你可以直接预览此模板文件的内容, 在相应的目录创建一个同名 json 文件,按与后端开发人员约定好的数据格式, 在此 json 文件中添加测试数据便能自动与模板变量绑定上。

使用此机制可以让前端开发流程与后端开发完全分离,后端开发人员只需关心渲染哪个模板文件和添加相应的模板数据。

自动性能优化

我们基于 velocity 开发了些扩展标签 (directive),如:html、head、body、script、style、widget... 如果你采用我们提供的标签 (directive) 组织代码,无论按什么顺序组织,我们可以保证所有 css 内容集中在头部输出,所有的 js 集中在底部输出,以达到一个性能优化的效果。

另外结合自动打包配置,可以让多个 js/css 资源合并成一个文件,更大程度的优化性能。

模板继承机制

扩展 velocity 实现类 smarty 的模板继承功能,让模板能够得到更充分的复用。

将多个页面间相同的部分提取到一个 layout.vm 文件里面,每个页面只需填充自己独有的内容。

更多细节查看模板继承

模块化开发

提供 html、css、js 模块化机制,包括 widget 组件化与 js amd 加载机制,让内容更好的拆分与复用。

简化环境安装

内嵌 j2ee 开发服务器,你无需再折腾 j2ee 环境搭建。直接通过 jello server start 就能开起服务,预览页面。

如何使用

安装

  • 安装 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配置

更多资料

  • 本文是开发基于jello框架的web应用的入门文章,无需使用其他任何框架即可完成应用构建。 简介: 这个例子是建立一个简单的web应用,叫ProductManage,完成产品管理操作,包含简单的数据库增,删,改,查,即CRUD(新建,访问,更新,删除)操作。这是一个三层的web应用,通过web控制器Controller访问业务层,业务层调用框架内置的持久层实现业务逻辑。流程顺序从web控制器(Pr

  • 因为是基于 fis 的二次开发,还有更多的 fetaures 也可以在 jello 中使用,如:前端三种语言能力、资源压缩、异构语言支持、静态资源加 md5 戳 & cdn 部署 等等。具体请查看 fis 官网。 Getting started 如果以上的 features 也打动了你,不妨从一个简单的 demo 开始 jello 之旅吧。 安装 jello npm install -g jell

  • 原文地址:http://blog.csdn.net/jelloframework/archive/2007/01/22/1489780.aspx jello框架V1.6(以下简称框架)是一个基于AOA技术的java web应用程序框架,它包含了一些独特的观点如零配置、BCP模式、DMM持久化技术等等,支持快速的web应用程序开发。 框架的下载地址为http://sourceforge.net/pr

  • 0%, 11.1%, 100% { transform: none } 22.2% { transform skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform skewX(6.25deg) skewY(6.25deg) } 44.4% { transform skewX(-3.125deg) skewY(-3.12

  • 一、写在前面的         fis3-jello 是基于 fis3 针对 jsp/velocity 模板的前端工程解决方案。github 地址为:https://github.com/fex-team/fis3-jello。         注意:fis3 对 Node 版本要求 0.8.x,0.10.x, 0.12.x,4.x,6.x,不在此列表中的版本不予支持。         本文主要介

  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,

  • 环境:node-v4.4.7,win7 npm -g install fis3 cnpm -g install fis3(不能翻墙的同学用这个,cnpm安装参考下文:为了顺畅搭建请使用cnmp) 安装 fis3-jello npm install -g fis3-jello 然后在 fis-conf.js 中添加以下代码即可。 fis.require('jello')(fis); 调试服务器 如

  • 又一个强大的 FIS 解决方案 jello - FEX

  • 一.环境 发行版:Ubuntu 18.04.1 LTS 代号:bionic 内核版本:4.15.0-30-generic   二.背景 在编译Openwrt/LEDE时出现以下错误,进而自动终止了编译: Signing package index... Cannot open file '/home/jello/openwrt/key-build' for reading   三.解决 有两种方法

  • jello框架V1.6(以下简称框架)是一个基于AOA技术的java web应用程序框架,它包含了一些独特的观点如零配置、BCP模式、DMM持久化技术等等,支持快速的web应用程序开发。 框架的下载地址为http://sourceforge.net/projects/jelloframework/ 框架主要包括一个核心类库jello.jar和一个面向对象的javascript类库jello.js。

  • 最近在做一个项目,需要安装jello,由于用的是mac,按照网上提供的顺序安装: 1、先安装nodejs,下载对应的安装包(mac是.apk文件)    https://nodejs.org/download/ 在终端输入: node -v                        nom -v  如果有版本号返回,说明安装正常。 2、安装jello (1)、安装jello          

  • 新版jello框架秉承了一贯的即下即用和零配置的特色,不过在构思上有了一定的改变,主要的是分离了javascript,控制器由本页面改为控制页,view层大量使用JSTL、EL和自定义标签,以代替服务器端脚本和框架自动生成的javascript代码。框架添加了大量数据层和中间层的类库支持,加上自定义标签,形成了完整的基于页面的三层web应用程序开发框架。分离出来的面向对象的javascript类库

  • 原文地址:http://blog.csdn.net/jelloframework/archive/2007/01/22/1489778.aspx BCP ( Business Controller Page ,业务 - 控制器 - 页面)是一种新的面向 WEB 应用的设计模式,它基于 AOA 技术设计而成,继承并扩展了 MVC 模式。jello框架V1.6(以下简称框架)基于BCP模式进行了全新的

  •  原文地址: http://blog.csdn.net/jelloframework/archive/2007/01/22/1489779.aspx DMM ( Direct Model Mapping ,直接模型映射 )是一种新的对象持久化模式,它吸纳了 AOA 架构的核心理念,简化了域模型 (Domain Model) 到持久存储的映射过程,不但能实现域模型到关系数据库的映射,还能实现域模型到

  • jello框架V1.6(以下简称框架)是一个开源的基于AOA技术的java web应用程序框架,它包含了一些独特的观点如零配置、BCP模式、DMM持久化技术等等,支持快速的web应用程序开发。更多内容请参见: http://sourceforge.net/projects/jelloframework/ 当然,jello框架的推出不是为了颠覆现有的WEB应用的开发模式,而是为了给WEB应用的开发者

 相关资料
  • 如果你想使用传统的后端(如 Rails, Laravel)来服务 HTML,但使用 Vite 来服务其他资源,可以查看在 Awesome Vite 上的已有的后端集成列表。 或者你可以按照如下步骤手动配置: 在你的 Vite 配置中配置入口文件和启用创建 manifest: // vite.config.js export default { build: { // 在 outDir

  • 9.13 面了一个小时多点 从css,js,vue,webpack,git都问了一遍 忘了录音,几个记得的问题: 手写深拷贝考虑循环引用 webpack构建流程 vue原理 script defer async属性 vue2和vue3的diff算法区别 git rebase,git reset css的BFC,transition, 事件循环 宏任务,微任务(判断代码输出) async await

  • 下面这篇教程会简单介绍React如何和三方库集成. 在这个例子中我们将会学习到如何混合使用React和jQuery UI 这个插件. 我们选用了tag-it这个jQuery插件来举例. 这个插件将无序列表(unordered list)转化成input标签来管理. <ul> <li>JavaScript</li> <li>CSS</li> </ul> 为了让上面这段代码能够运行, 我们需要

  • 一、导入Mobile SDK 1.1 maven导入(推荐方式) 1.1.1 引入 maven 仓库地址 在工程根目录的 build.gradle 找到(或增加) allprojects -> repositories 节点,然后在该节点加入 maven 仓库地址 https://dl.bintray.com/rokid/maven/,如下所示: allprojects { reposit

  • 客户端集成 CAT推出多种语言的客户端,基本覆盖了主流开发语言。 CAT目前支持::Java、C、Python、node、Go等语言的接入。详情请参考:传送门 注意所有的客户端均在lib目录下,Java客户端也是,Java客户端不再使用cat-client这个模块,这个客户端无任何依赖。 Java C C++ Python Go Node.js 其它语言客户端接入: .NET 客户端 项目地址 c

  • 该文档为服务端2.0接口文档,如果您第一次服务器端集成,我们强烈建议您直接使用服务端2.0接口,相较于服务端1.0的接口,服务端2.0接口上传数据更加稳定,并且提供了更丰富的接口。如设备信息、环境信息等。 对于无法在App客户端中布点的情况,您可以通过本文提供的接口,在应用服务器端或合适的位置时机上传用户及事件数据。 1. 接口地址 https://u.zhugeapi.com/open/v2/e

  • Web 前端应用开发-插件集成 添加插件 插件 ID 安装插件加载器 编写代码 调试 预览 Web 前端应用开发-插件集成 更新时间:2018-07-05 11:25:26 本章介绍Web插件在Web应用中的集成,若您的应用中不需要使用插件可跳过本章。 添加插件 在应用的版本配置页面,点击“新增插件”按钮: 选择插件和版本进行集成: 集成完成后可以在插件列表中看到新增的插件: 插件 ID 点击插件

  • (全程30分钟) 问我做过的项目,并介绍做过的项目 问如何封装一个表单项(暴露value和onChange,其他的就是一些设计细节什么的) hook和高阶组件各解决了什么问题,有什么优势 JS如何判断一个实例是数组实例(我说了instanceof和prototype.construct) JS数组元素去重(new Set,Object key) 如何遍历Object(Object.keys, fo