在jeesite框架中增加一个收藏夹功能-- V1.0版本

Jeesite简介:JeeSite 快速开发平台,不仅仅是一个后台开发框架,它是一个企业级快速开发解决方案,提供在线数据源管理、数据表建模、代码生成等功能。
正文:Jeesite是一个方便实用,适合敏捷开发,提升开发效率的优秀的开发平台。在开发中能够避免开发者把时间都浪费在一些基础工作中,可以专注做业务部分功能。大面上能够满足日常开发需求,不过有时候也会因为一些个小功能,显的不是特别方便。上周接到需求,要求在jeesite框架中,开发一个收藏夹功能,主要是给使用者提供一个收藏常用菜单的一个小功能。按正常开发的角度来说,其实不算难,只要是把具体思路想清楚,在代码上还是很好实现的,不过这一次是在已经封装好的jeesite开发平台中(JS部分是封装好的,不过common.js中可以修改内置页面、修改登录页面、新增自定义主题风格),而且平台并未给该功能留出修改条件,所以只能旱地拔葱创造条件,用迂回婉转方式把这个功能实现,即便如此jeesite也提供了很大的帮助。
其实,一开始接到这个需求的时候我的内心是拒绝的,主要是怕现成的框架并不支持这种额外的修改方式,会增加冗余代码,影响页面的打开速度,降低使用时效。在写这个功能之前,我又看了几个当前流行的其他开发平台,发现也没有这个功能,看来这也不算是主流的一个需求!
这个需求或者说功能,最好使用Redis或者MongoDB这种非关系型数据库,对于这类需求来说是最优的实现方式,数据库没压力,不影响时效,运行速度快,就是部署上要注意尽量满足和避免非关系型数据库的某些需要和问题。

以下是具体实现的写法:

一. 创建收藏夹数据表

如图所示,大概几个字段,本次需求只是用来保存菜单路径,可根据实际情况自行添加;
在这里插入图片描述

二. 生成收藏夹后端代码

后端代码主要是由四大功能组成,查询验证保存删除
查询功能是在生成的原代码基础上修改的,改动不大,主要是根据登录人来进行展示的区分;
验证功能是为了在页面初始化时,判断一下当前页面的收藏状态,以便修改页面上的“收藏”和“已收藏”的状态;
在这里插入图片描述
保存功能主要是将具体的收藏信息保存到数据库中;
在这里插入图片描述
删除/取消收藏主要是根据具体信息将收藏信息的状态进行修改;
在这里插入图片描述

三. 生成收藏夹前端代码

前端代码比较主要,在页面头加上**“收藏按钮”
在这里插入图片描述
script中写三个调用函数,
“收藏”“取消收藏”“页面初始化”
在这里插入图片描述
在这里插入图片描述
页面展示
在这里插入图片描述
收藏成功展示
在这里插入图片描述
dataGrid中加入
“跳转”和“取消收藏”**;
在这里插入图片描述
页面样式
在这里插入图片描述
根据以上步骤,基本可以满足这次的需求,但是不足的地方就在于JS函数目前还没有通用的写法,由于是自己写的函数,暂时先满足,后期再进行修改,以上方法主要是提供一个小小的思路,当前用的是jeesite4.1版本,但是目前最高版本也没有这种功能,有需要的朋友可以根据实际情况对该功能进行升级优化。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/763524.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

openmetadata1.3.1 自定义连接器 开发教程

openmetadata自定义连接器开发教程 一、开发通用自定义连接器教程 官网教程链接: 1.https://docs.open-metadata.org/v1.3.x/connectors/custom-connectors 2.https://github.com/open-metadata/openmetadata-demo/tree/main/custom-connector (一&…

Webpack: 其他性能优化

概述 前面章节我们已经详细探讨 Webpack 中如何使用分包、代码压缩提升应用执行性能。除此之外,还有不少普适、细碎的方法,能够有效降低应用体积,提升网络分发性能,包括: 使用动态加载,减少首屏资源加载量&…

Adobe Photoshop 2024 v25.5.1 中文激活版下载以及安装方法教程

软件介绍 Adobe Photoshop 2024 v25.5.1 是Adobe公司的最新版图像处理软件,它提供了强大的图像编辑工具和智能自动化功能,包括图像修复、色彩校正和滤镜效果,以满足专业人士和业余爱好者的需求。这款软件还支持矢量图形设计和实时协作&#…

一维信号短时傅里叶变换域邻域降噪方法(MATLAB)

噪声在人类日常生活中无处不在,其会降低语音信号的质量和可懂度。在低信噪比的恶劣环境中,这种负面影响愈发严重。为了解决这个问题,众多研究人员在过去的几十年里提出了许多降噪算法。 根据原理的不同,降噪算法可大致分为五类:谱减法、最优滤波法、基于统计模型的方法、子空间…

Java案例打印乘法口诀表,三角形

目录 一问题: ​编辑二代码: 三运行结果: 四问题 二代码: 三运行结果: 一问题: 二代码: package 重修;import java.util.Random; import java.util.Scanner;public class first {public …

IDEA中Java源文件编译后class文件中文乱码

文章目录 一、设置 一、设置 路径:File -> Settings -> Bulid, Execution,Deployment -> Compiler -> Java Compiler

【2024最新华为OD-C/D卷试题汇总】[支持在线评测] LYA的生日聚会(100分) - 三语言AC题解(Python/Java/Cpp)

🍭 大家好这里是清隆学长 ,一枚热爱算法的程序员 ✨ 本系列打算持续跟新华为OD-C/D卷的三语言AC题解 💻 ACM银牌🥈| 多次AK大厂笔试 | 编程一对一辅导 👏 感谢大家的订阅➕ 和 喜欢💗 &#x1f…

WordPress网站如何做超级菜单(Mega Menu)?

大多数的网站菜单都是像以下这种条状的形式: 这种形式的是比较中规中矩的,大多数网站都在用的。当然还有另外一种菜单的表现形式,我们通常叫做“超级菜单”简称Mega Menu。网站的超级菜单(Mega Menu)是一种扩展的菜单&…

前端基础:CSS(篇一)

目录 css概述 CSS与HTML的关系 基本语法 行内样式表 代码 运行 内嵌样式表 代码 运行 外部样式表 代码 运行 选择器 标签选择器 代码 运行 id选择器 代码 运行 类选择器 代码 运行 选择器优先问题 通配选择器 选中所有的标签 代码 运行 选择器组…

2-22 基于matlab的NSGA-2求解多目标柔性车间调度算法

基于matlab的NSGA-2求解多目标柔性车间调度算法,计算最大完工时间、计算总延期时长、计算调度方案的总能耗、计算设备总负荷。输出四项结果,多次运行可寻找最佳的调度计划。程序已调通,可直接运行。 2-22 NSGA-2求解多目标柔性车间调度算法 - 小红书 (xi…

Java - 程序员面试笔记记录 实现 - Part2

2.1 输入输出流 流可以被看作一组有序的字节集合,即数据在两个设备间的传输。 字节流:以字节作为单位,读到一个字节就返回一个字节;InputStream & OutputStream。 字符流:使用字节流读到一个到多个字节先查询码…

传输距离3000M|低延迟|48K采样音频传输模块-SA356大功率发射模块

无线音频应用中,远距离音频传输在许多领域具有广泛的应用需求,例如大型会议系统、公共广播、户外活动和音乐演出等。为了满足这些需求,音频传输模块需要具备一些关键特性,包括长距离传输能力、高音质、低延迟、稳定性以及抗干扰能…

【第11章】MyBatis-Plus条件构造器(上)

文章目录 前言一、功能详解1. allEq2. eq3. ne4. gt5. ge6. lt7. le8. between9. notBetween10. like11. notLike12. likeLeft13. likeRight14. notLikeLeft15. notLikeRight16. isNull17. in18. notIn19. inSql20. notInSql21. eqSqlSince 3.5.622. gtSql Since 3.4.3.223. ge…

【CentOS7.6】yum 报错:Could not retrieve mirrorlist http://mirrorlist.centos.org

一、报错 1.报错内容如下 在使用 yum makecache 命令时报错,在 yum install -y xxx 的时候报错等等 [roothcss-ecs-a901 yum.repos.d]# yum makecache Loaded plugins: fastestmirror Determining fastest mirrors Could not retrieve mirrorlist http://mirrorl…

【鸿蒙学习笔记】Column迭代完备

属性含义介绍 Column({ space: 10 }) {Row() {Text(文本描述).size({ width: 80%, height: 60 }).backgroundColor(Color.Red)}.width(90%).height(90).backgroundColor(Color.Yellow) } .width(100%) // 宽度 .height(200) // 高度 .backgroundColor(Color.Pink) // 背景色 .…

【深圳大学算法设计与分析】 实验六 最大流应用问题 FF -> EK -> Dinic

目录 一、实验目的: 二、内容:棒球赛问题 三、实验要求 四、提交要求 ———————— 问题分析解释: ———————— 算法简解: Ford–Fulkerson 增广 Edmonds–Karp 算法 Dinic算法 Dinic和EK的区别: …

STM32第十四课:低功耗模式和RTC实时时钟

文章目录 需求一、低功耗模式1.睡眠模式2.停止模式3.待机模式 二、RTC实现实时时钟1.寄存器配置流程2.标准库开发3.主函数调用 三、需求实现代码 需求 1.实现睡眠模式、停止模式和待机模式。 2.实现RTC实时时间显示。 一、低功耗模式 电源对电子设备的重要性不言而喻&#xff…

【程序大侠传】异步架构应用回调数据接收接口偶发NPE

前序 在这片浩瀚的代码江湖中,各大门派林立,各自修炼独门绝技,江湖中的侠士们分别担任着开发、测试、产品和运维的角色,共同守护着这片数字化的疆域。 开发门派:代码剑宗 代码剑宗的弟子们精通各种编程语言&#xff…

【嵌入式】探索嵌入式世界:在ARM上构建俄罗斯方块游戏的奇妙之旅

文章目录 前言:1. 简介2. 总体设计思路及功能描述2.1 设计思路2.2 功能描述2.3 程序流程图 3. 各部分程序功能及详细说明3.1 游戏界面函数3.1.1 游戏界面中的图片显示3.1.2 游戏开始界面3.1.3 游戏主界面3.1.4 游戏结束广告界面3.1.5 游戏界面中的触摸反馈3.1.6 游戏…

【Spring Boot】基于 JPA 开发的文章管理系统(CRUD)

基于 JPA 开发的文章管理系统(CRUD) 1.实现文章实体2.实现数据持久层3.实现服务接口和服务接口的实现类3.1 创建服务接口3.2 编写服务接口的实现 4.实现增、删、改、查的控制层 API 功能4.1 获取文章列表4.2 根据 id 获取文章对象4.3 新增4.4 保存4.5 删…