资讯专栏INFORMATION COLUMN

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

godruoyi / 887人阅读

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

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

参考Vue的实现:

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

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

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

相关文章

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

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

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

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

    Vixb 评论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元查看
<