当前位置: 首页 > news >正文

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

前言:

以经验来看,几乎所有的查询页面中多是这样的情况, 在页面的上半部分多是查询条件, 下半部分则多是显示效果, 但是在开发中肯定会有很多的复杂的结构,细节实现。函数不知不觉得就变的很多,这也导致前端的JavaScript代码写的越来越乱, 即使刚开始的时候将代码设计的很清晰, 但是随着代码量的增多, 你会发现越来难写, 然后最可怕的东西来了, 需求变动。 这就导致很多的东西需要大量改动。

一、业务过程

在实践过程中我发现这样一件简单的事实,不管需求怎样变动, 细节需要怎样处理, 实际上我们需要做的事情不过是获取查询参数,进行查询。以函数级为定量,进行参数查询。基于这个过程,可以将业务分为以下几个阶段:页面加载、页面初始化、参数查询、页面渲染。

二、 阶段设计

参考Vue的实现:
图片描述

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

相关文章:

  • java 运算符,流程控制语句,键盘录入
  • 【转】在Win7的IIS上搭建FTP服务及用户授权
  • layui-学习02-全局样式
  • Mac OS 系统占用储存空间太大怎么办?
  • 生产管理软件改进生产流程
  • 双十一移动端页面总结
  • PYTHON——多进程:概念
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • Python爬取新浪微博用户信息及微博内容
  • IIS7应用程序池集成和经典的区别
  • Es学习第二课, ES安装和客户端使用
  • EOS源码解析 eosio账号默认合约
  • 项目总结11:Centos部署JDK+Tomcat+MySQL文档(阿里云-网易云-华为云)
  • Oracle Procedure模板
  • 扫呗扫码点餐,如何在扫呗后台给这个商户配一下支付授权地址
  • @angular/forms 源码解析之双向绑定
  • 2017 前端面试准备 - 收藏集 - 掘金
  • 2017-08-04 前端日报
  • Docker 笔记(2):Dockerfile
  • Git学习与使用心得(1)—— 初始化
  • IndexedDB
  • Javascripit类型转换比较那点事儿,双等号(==)
  • JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择
  • Java超时控制的实现
  • Java方法详解
  • js如何打印object对象
  • springMvc学习笔记(2)
  • vue-router 实现分析
  • webpack4 一点通
  • 阿里研究院入选中国企业智库系统影响力榜
  • 彻底搞懂浏览器Event-loop
  • 给github项目添加CI badge
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 简单数学运算程序(不定期更新)
  • 前端代码风格自动化系列(二)之Commitlint
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 一文看透浏览器架构
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • 关于Android全面屏虚拟导航栏的适配总结
  • 整理一些计算机基础知识!
  • # 安徽锐锋科技IDMS系统简介
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (function(){})()的分步解析
  • (六)激光线扫描-三维重建
  • (转)Linq学习笔记
  • ******IT公司面试题汇总+优秀技术博客汇总
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .aanva
  • .mkp勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET Core工程编译事件$(TargetDir)变量为空引发的思考
  • .net framework4与其client profile版本的区别
  • .Net 垃圾回收机制原理(二)
  • .NET(C#) Internals: as a developer, .net framework in my eyes
  • .net中应用SQL缓存(实例使用)