资讯专栏INFORMATION COLUMN

基于Javascript, Springboot的管理系统报表查询页面代码设计

Airmusic / 1204人阅读

摘要:以函数级为定量,进行参数查询。基于这个过程,可以将业务分为以下几个阶段页面加载页面初始化参数查询页面渲染。

前言:
以经验来看,几乎所有的查询页面中多是这样的情况, 在页面的上半部分多是查询条件, 下半部分则多是显示效果, 但是在开发中肯定会有很多的复杂的结构,细节实现。函数不知不觉得就变的很多,这也导致前端的JavaScript代码写的越来越乱, 即使刚开始的时候将代码设计的很清晰, 但是随着代码量的增多, 你会发现越来难写, 然后最可怕的东西来了, 需求变动。 这就导致很多的东西需要大量改动。
一、业务过程
在实践过程中我发现这样一件简单的事实,不管需求怎样变动, 细节需要怎样处理, 实际上我们需要做的事情不过是获取查询参数,进行查询。以函数级为定量,进行参数查询。基于这个过程,可以将业务分为以下几个阶段:页面加载、页面初始化、参数查询、页面渲染。
二、 阶段设计

参考Vue的实现:

我发现,在实现vue实例的过程中,每个阶段都为该阶段绑定了两个钩子函数,before和after,基于这样的操作使得每个阶段被细化,并且十分完整。基于这样的理念, 我们在设计代码的时候也可以这样做, 就是 我们可以将四个阶段细化为12个阶段, before、 init、 after分别用于每个阶段,可以实现自己的结构划分, 交由一个对象管理, 包括全局对象的设置也可以交由这个对象管理,这样就可以大大增加代码的可扩展性。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98935.html

相关文章

  • 基于JavascriptSpringboot管理系统报表查询页面代码设计

    摘要:以函数级为定量,进行参数查询。基于这个过程,可以将业务分为以下几个阶段页面加载页面初始化参数查询页面渲染。 前言: 以经验来看,几乎所有的查询页面中多是这样的情况, 在页面的上半部分多是查询条件, 下半部分则多是显示效果, 但是在开发中肯定会有很多的复杂的结构,细节实现。函数不知不觉得就变的很多,这也导致前端的JavaScript代码写的越来越乱, 即使刚开始的时候将代码设计的很清晰,...

    godruoyi 评论0 收藏0
  • 用刚学Springboot去实现一个完整仓库管理系统

    摘要:项目介绍本项目基本开发实现,并同时使用框架来进行开发实现,主要实现一个仓库管理系统。本系统的用户角色分为四个角色分别为客服角色,仓库人员,仓库管理员,系统管理员,不同的用户登陆系统可以进行不同的模块操作。 项目介绍: 本项目基本Springboot开发实现,并同时使用Springmvc+my...

    Vixb 评论0 收藏0
  • 【案例分享】使用ActiveReports报表工具,在.NET MVC模式下动态创建报表

    摘要:主体打印表或查询中的记录数据,是报表显示数据的主要区域。报表尾页用来显示整份报表的汇总说明,在所有记录都被处理后,只打印在报表的结束处。提供了多种用于报表设计的工具,如,加载项独立的桌面端设计器和在线报表设计器。 提起报表,大家会觉得即熟悉又陌生,好像常常在工作中使用,又似乎无法准确描述报表。今天我们来一起了解一下什么是报表,报表的结构、构成元素,以及为什么需要报表。 什么是报表 简单...

    KnewOne 评论0 收藏0
  • ActiveReports报表控件 V13 正式发布,提供在线报表设计和自适应报表布局

    摘要:如今,在中,又推出了一款轻量级但功能强大的端在线报表设计器。使用控件在报表中嵌入更多在报表中呈现是中流行的控件之一,用于在报表中呈现文本。这为报表设计人员提供了一个很好的样式支持。 重磅消息, ActiveReports V13 正式发布!本次更新 ActiveReports 将给您带来全新的报表设计体验:提供在线报表设计器、提供响应式布局和屏幕尺寸自适应能力、提供全新的图表…… 在列...

    TNFE 评论0 收藏0
  • XXL-JOB v2.0.2,分布式任务调度平台

    摘要:底层通讯方案优化升级较新版本,由方案调整为方案,执行器内嵌提供服务,调度中心复用容器端口提供服务任务告警逻辑调整,改为通过扫描失败日志方式触发。 v2.0.2 Release Notes 1、底层通讯方案优化:升级较新版本xxl-rpc,由JETTY方案调整为NETTY_HTTP方案,执行器内嵌netty-http-server提供服务,调度中心复用容器端口提供服务; 2、任务告警逻...

    lily_wang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<