功能列表字段懒加载原理——JEPLUS快速开发平台

JEPLUS之功能列表字段懒加载原理

当我们在点击进入一个列表或者是列表是总会遇到这样的情况---加载缓慢。在我们配置列表或者表单中默认会员很多的加载项，我们并不是都需要每次点开时都要加载。在今天我给大家介绍下遇到这种情况怎么解决。

一、效果展示

二、准备工作

1、JEPLUS平台5.0.0.2

2、数据库MySql 5.7

三，实现步骤

1、我们在有些场景下需要配置很多列表字段，还有很多的表单字段，那么它在加载的过程中就会逐步加载很缓慢，我们这里给他设置懒加载的目的就是提高列表的展示速度来展示给客户，我们先进行选择表单懒加载。

2、选择列表加载项与表单加载项目的就是，把那些不需要展示的字段隐藏不需要每次展示都加载来提高的我们的时间。

当我们的表单复杂时建议选择懒加载来提高性能，不复杂时就不需要懒加载。

点击阅读全文

原文地址：http://blog.51cto.com/13797782/2128317

时间： 2024-10-07 05:34:20

功能列表字段懒加载原理——JEPLUS快速开发平台的相关文章

原生js实现图片懒加载原理

背景:页面图片多,加载的图片就多.服务器压力就会很大.不仅影响渲染速度还会浪费带宽.比如一个1M大小的图片,并发情况下,达到1000并发,即同时有1000个人访问,就会产生1个G的带宽.为了解决以上问题,提高用户体验,就出现了懒加载方式来减轻服务器的压力,优先加载可视区域的内容,其他部分等进入了可视区域再加载,从而提高性能. 1.懒加载原理一张图片就是一个<img>标签,浏览器是否发起请求图片是根据<img>的src属性,所以实现懒加载的关键就是: 在图片没有进入可视区域时,先不给

懒加载原理分析

最近添加了相册功能到网站上,一旦打开浏览器就会加载大量图片,从而造成页面的卡顿和跳动,同时对服务器也造成一定的压力.所以很显然需要用到懒加载功能. 懒加载的概念,就是等到让图片出现在浏览器中的窗口的时候再去加载该图片资源.这样避免网页在同一时间加载过多资源出现的页面卡死. 牛刀小试现有插件很多,我也直接拿来用了,推荐使用 jQuery 的 lazyload.js ,大致阐述一下它的用法.  <style> img.lazy { /* 设置宽高 */ } &

图片懒加载原理及实现

1.为什么要使用懒加载? 对于图片过多的页面,为了加速页面加载速度, 所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载. 这样子对于页面加载性能上会有很大的提升,也提高了用户体验. 2.如何实现? 其实从原理上看很简单,在页面载入的时候将页面上的img标签的src指向一个小图片, 把真实地址存放在一个自定义属性中,这里我用data-src来存放,如下. <img src="loading.gif" data-src="htt

使用jQuery实现图片懒加载原理

原文:https://www.liaoxuefeng.com/article/00151045553343934ba3bb4ed684623b1bf00488231d88d000 在网页中,常常需要用到图片,而图片需要消耗较大的流量.正常情况下,浏览器会解析整个HTML代码,然后从上到下依次加载<img src="xxx">的图片标签.如果页面很长,隐藏在页面下方的图片其实已经被浏览器加载了.如果用户不向下滚动页面,就没有看到这些图片,相当于白白浪费了图片的流量. 所以,淘

功能列表设定字段的背景色图标字体颜色——JEPLUS快速开发平台

JEPLUS功能列表设定字段的背景色图标字体颜色在我们使用JEPLUS进行列表配置时,想对一些特殊的字段进行样式的渲染,今天我介绍下如何用JEPLUS列表配置出来我们想要的颜色. 一.效果展示二.准备工作 1.JEPLUS平台5.0.0.2 2.数据库MySql 5.7 三.实现步骤 1.首先选择咱们要设置的数据字典表现在选择的数据字典表为"请假类型" 2.找到咱们要设置的功能列表-进行列表配置 3.现在咱们对字段的背景颜色,字体颜色进行设置. 我们只要对这个字段的字

Jquery滚动到页面底部自动Ajax加载图文列表,类似图片懒加载效果,带加载效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>滚动到页面顶部加载</title&g

功能表单字段、树形选择数据类型的配置详解——JEPLUS快速开发平台

功能表单字段之下拉框.单选框.多选框.树形选择数据类型的配置详解 JEPLUS平台的表单支持有多种不同的数据类型,这些不同的数据类型在展示不同类型的数据时能有很好的效果,今天这篇笔记就讲解一下下拉框.单选框.复选框.树形选择这四种数据类型的配置详解以及效果展示. 一.下拉框打开表单数据录入界面,打开具体的目标字段的配置信息第二种打开目标字段的配置信息方法是打开功能配置选项---->打开表单配置---->双击目标字段,即可打开打开字段的表单配置信息界面,选择数据类型是"下拉框&q

JEPLUS快速开发平台怎么支持扩展第三方供应商短信发送

一.效果展示可以不限制与平台集成的网建提供商,可以自己写发送短信实现,平台会提供一个扩展类的实现. 二.准备工作 JEPLUS平台版本:5.0.0.1 Eclipse版本:4.3以上 Intellij IDEA : 2015以上,推荐使用IDEA2017版本以上(功能更强大,UI更美观,支持各种插件,还在等什么?) Resin : 3.0以上 Tomcat:6.0以上 JDK:1.7以上 ApacheServer:2.0以上三.技术要求 Java水平:最好具备初级及以上水平短信接口:了解短

资源表表字段类型大全—JEPLUS快速开发平台

在我们对资源表进行操作也就是,添加表时JEPLUS平台会自动给我们默认的提供了表字段的类型,今天我来详细介绍下表字段类型大全,以及对应数据库到底是什么类型. 一.效果展示二.准备工作 1.JEPLUS平台5.0.0.2(我是刚升级之后的版本,5.0以上的版本都是可以实现这个功能) 2.数据库MySql 5.7 三.实现步骤 1.数据库建表时的类型对应,我们在平台上创建的表字段选择的类型对应的数据库类型是什么. 我们对应到数据库的真实类型是什么 2.当我们选择的类型为整数时对应的数据库类型在数