基于JEECG-BOOT的list页面的地址栏参数传递

前置知识：

1、什么是地址栏参数传递？地址栏参数传递的格式是什么（?变量1=值1&变量2=值2……）

2、如果通过JavaScript获取地址栏参数（网上有各种解决方案）

我的方法（放到util.js里）：

export function getUrlParam(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r!=null) return decodeURI(r[2]); return '';
}

3、对jeecg的mixin的了解（看代码，看开发文档）

主要实现：

1、构建通用的地址栏参数获取方法

因为地址栏参数获取是非常常用的方法，所以在网上找到js地址栏参数获取解决方案后，可将其添加到jeecg-boot的：src/utils/util.js中

/*** 从地址栏获取指定参数* @param {*} name */
export function getUrlParam(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r!=null) return decodeURI(r[2]); return '';
}

2、JEECG-BOOT中代码的理解

关键：src/mixins/JeecgListMixin.js

（1）混入覆盖：这个mixin.js是jeecg为了简化前端操作，将很多通用代码进行了包装。同时，jeecg-boot也为我们提供了可以混入的接口，

上图中的disableMixinCreated就是这个混入覆盖的判断变量

（2）条件生成

上图中的queryParam就是根据实体要构建的过滤条件，上图的方法在loadData（arg）中被调用，如下：

（3）数据获取

Jeecg-boot对axios进行了进一步封装，这里是getAction，还有个postAction等，分别执行不同类型的请求，在使用过程中直接调用就好，具体代码在：src/api/manage.js（这里不详述，因为不用去修改）

getAction，postActon等是我们在编写代码时经常要用到的，所以此处可以看下jeecg的官方调用代码，方便后续自行模拟编写。

3、list页面的代码编写

明白第2步的原理后，在第1步的基础上我们就可以非常简单地实现list页面参数的传递与配置：

（1）在list页面的data部分设置：disableMixinCreated：true

（2）在created部分获取参数，并调用mixin代码

注意：（1）如果在list页面不配置disableMixinCreated：true，那么代码将不会混入覆盖，list请求将被加载两次。

（2）如果第2步看不明白，没关系，就先将第1步的代码放到util.js中，然后按照第3步方法直接在list页面中编写代码即可。

基于JEECG-BOOT的list页面的地址栏参数传递相关推荐

JAVA学习笔记JEECG BOOT介绍
JEECG JEECG BOOT 低代码开发平台(前后端分离版本) 当前最新版本: 3.1.0(发布日期:2022-03-01) AUR GitHub stars GitHub forks 项目介绍: ...
[零代码工具推荐] 快速建站神器 Jeecg/Boot
项目介绍 JeecgBoot 是一款基于代码生成器的低代码开发平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus, ...
基于Spring Boot+Cloud构建微云架构
链接:my.oschina.net/u/3636867/blog/1802517 前言首先,最想说的是,当你要学习一套最新的技术时,官网的英文文档是学习的最佳渠道.因为网上流传的多数资料是官网翻译而 ...
基于Spring Boot和Spring Cloud实现微服务架构学习--转
原文地址:http://blog.csdn.net/enweitech/article/details/52582918 看了几周spring相关框架的书籍和官方demo,是时候开始总结下这中间的学习 ...
基于 Spring Boot 和 Spring Cloud 实现微服务架构
前言首先,最想说的是,当你要学习一套最新的技术时,官网的英文文档是学习的最佳渠道.因为网上流传的多数资料是官网翻译而来,很多描述的重点也都偏向于作者自身碰到的问题,这样就很容易让你理解和操作出现偏差 ...
c# 基于layui的通用后台管理系统_基于spring boot和vuejs的通用后台管理系统脚手架 guns-lite...
Guns-lite 前言 guns-lite是在guns的基础上将数据库层由mybatis替换为spring data jpa的系统. guns-lite是一个基于spring boot的后台管理系统 ...
基于Spring Boot和Spring Cloud实现微服务架构学习
目录 Spring 顶级框架 Spring cloud子项目 WHAT - 什么是微服务微服务简介微服务的具体特征 SOA vs Microservice HOW - 怎么具体实践微服务客户端如 ...
springboot2 使用hikaridatasource 并测试_基于Spring Boot 2.x的后端管理网站脚手，源码免费分享...
基于Spring Boot 2.x 的 Material Design 的后端管理网站脚手架 :提供权限认证用户管理菜单管理操作日志等常用功能去繁就简重新出发基于Spring Boot ...
exchange邮件服务器_基于Spring Boot快速实现发送邮件功能
邮件在项目中经常会被用到,比如用邮件发送通知.比如,通过邮件注册.认证.找回密码.系统报警通知.报表信息等.本篇文章带大家通过SpringBoot快速实现一个发送邮件的功能. 邮件协议下面先简单了解 ...

基于JEECG-BOOT的list页面的地址栏参数传递

基于JEECG-BOOT的list页面的地址栏参数传递相关推荐

最新文章

热门文章