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 --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配置
本文是开发基于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 点击插件
校验者: @Dream on dreamer. @zehuichen123 @JanzenLiu @小瑶 @\SRY/ 翻译者: @StupidStalker @文谊 @t9UhoI 注意,在本文中 bagging 和 boosting 为了更好的保留原文意图,不进行翻译 estimator->估计器 base estimator->基估计器 集成方法 的目标是把多个使用给定学习算法构