jeecgboot 页面实现table切换展示的步骤

你的名字 2022-12-28 07:29 540阅读 0赞

### 文章目录 ###

*  1：实现的效果
 *  2：菜单配置方式
 *  3：页面实现方式

# 1：实现的效果 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]

# 2：菜单配置方式 #

> 1： layouts/PageView：这个是实现这种效果的组件  
> 2： list/search/SearchLayout：这个是实现table切换的路由

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 1]

# 3：页面实现方式 #

1.  赋值一份SearchLayout页面，根据需要可以改造一下
2.  TableList这个就是我们生成的前端主页面，根据需要自己改造
3.  这里实现的三个table实际使用的是一个页面。  
    ![在这里插入图片描述][20201215150018472.png_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/b62614fc04b04ec6bd608261f807ee7f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201215145557307.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy,size_16,color_FFFFFF,t_70#pic_center
[20201215150018472.png_pic_center]: https://img-blog.csdnimg.cn/20201215150018472.png#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，540人围观）

还没有评论，来说两句吧...

相关阅读

相关 MUI-底栏实现-页面切换

MUI-底栏实现-页面切换：通过“窗口管理”和“事件”来实现页面切换的效果。界面展示： ![在这里插入图片描述][efd009098b574205b5164fe6cd

╰+攻爆jí腚メ/ 2023年09月29日 09:42/ 0 赞/ 139 阅读

相关 IDEA页面展示

【1】项目下内容： ➢工程下的src类似于Eclipse下的src目录，用于存放代码。。 ➢工程下的.idea 和TestProject.iml文件都是IDEA工程特有的。

冷不防/ 2023年09月27日 15:37/ 0 赞/ 163 阅读

相关 table切换选择

<div class="tab"> <div> <ul class="tab-hd">

素颜马尾好姑娘i/ 2023年07月11日 15:17/ 0 赞/ 15 阅读

相关 jeecgboot 页面实现table切换展示的步骤

文章目录 1：实现的效果 2：菜单配置方式 3：页面实现方式 1：实现的效果 ![在这里插入图片描述][watermark_type_ZmFuZ

你的名字/ 2022年12月28日 07:29/ 0 赞/ 541 阅读

相关 jeecgboot页面免登陆

使用jeecgboot时，需要制作一个免登陆的界面供用户查看，制作完毕后发现每次打开都会重定向到login界面，经过多次尝试，发现需要在permission.js中将免登陆界面

分手后的思念是犯贱/ 2022年10月18日 12:58/ 0 赞/ 628 阅读

相关 elementUi——table表格实现父子项的展示(树形数据)

今天后端同事要求实现如下的效果： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

客官°小女子只卖身不卖艺/ 2022年09月03日 04:28/ 0 赞/ 33 阅读

相关页面切换

[http://blog.csdn.net/zhaoyw2008/article/details/17013431][http_blog.csdn.net_zhaoyw20

比眉伴天荒/ 2022年08月07日 03:36/ 0 赞/ 226 阅读

相关 html页面如何实现中英文切换

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

迷南。/ 2022年04月18日 00:11/ 0 赞/ 1052 阅读

相关 jsp页面列表展示 ajax异步实现

1. 服务端先返回页面基本结构（如message.jsp）， <%@ page language="java" contentType="text/html; cha

叁歲伎倆/ 2022年01月06日 10:37/ 0 赞/ 301 阅读

相关 vue transition实现页面切换效果

我们都知道vue可以做成单页应用点击的时候就能切换如果我们要添加一些视觉效果比如页面切换的时候有一个缓冲效果这个时候就需要用到vue里的transition这个标签

た入场券/ 2021年09月29日 04:36/ 0 赞/ 594 阅读