前端开发入门到精通的在线学习网站

网站首页 > 资源文章 正文

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

qiguaw 2024-09-26 16:35:50 资源文章 16 ℃ 0 评论

Jeesite简介:JeeSite 快速开发平台,不仅仅是一个后台开发框架,它是一个企业级快速开发解决方案,提供在线数据源管理、数据表建模、代码生成等功能。

正文:Jeesite是一个方便实用,适合敏捷开发,提升开发效率的优秀的开发平台。在开发中能够避免开发者把时间都浪费在一些基础工作中,可以专注做业务部分功能。大面上能够满足日常开发需求,不过有时候也会因为一些个小功能,显的不是特别方便。上周接到需求,要求在jeesite框架中,开发一个收藏夹功能,主要是给使用者提供一个收藏常用菜单的一个小功能。按正常开发的角度来说,其实不算难,只要是把具体思路想清楚,在代码上还是很好实现的,不过这一次是在已经封装好的jeesite开发平台中(JS部分是封装好的,不过common.js中可以修改内置页面、修改登录页面、新增自定义主题风格),而且平台并未给该功能留出修改条件,所以只能旱地拔葱创造条件,用迂回婉转方式把这个功能实现,即便如此jeesite也提供了很大的帮助。

其实,一开始接到这个需求的时候我的内心是拒绝的,主要是怕现成的框架并不支持这种额外的修改方式,会增加冗余代码,影响页面的打开速度,降低使用时效。在写这个功能之前,我又看了几个当前流行的其他开发平台,发现也没有这个功能,看来这也不算是主流的一个需求!

这个需求或者说功能,最好使用Redis或者MongoDB这种非关系型数据库,对于这类需求来说是最优的实现方式,数据库没压力,不影响时效,运行速度快,就是部署上要注意尽量满足和避免非关系型数据库的某些需要和问题。

以下是具体实现的写法:

一. 创建收藏夹数据表
如图所示,大概几个字段,本次需求只是用来保存菜单路径,可根据实际情况自行添加;

二. 生成收藏夹后端代码
后端代码主要是由四大功能组成,查询,验证,保存,删除;
查询功能是在生成的原代码基础上修改的,改动不大,主要是根据登录人来进行展示的区分;

验证功能是为了在页面初始化时,判断一下当前页面的收藏状态,以便修改页面上的“收藏”和“已收藏”的状态;


保存功能主要是将具体的收藏信息保存到数据库中;


删除/取消收藏主要是根据具体信息将收藏信息的状态进行修改;

三. 生成收藏夹前端代码
前端代码比较主要,在页面头加上“收藏按钮”;


script中写三个调用函数,“收藏”、“取消收藏”、“页面初始化”;

页面效果


dataGrid中加入“跳转”和“取消收藏”;

页面效果

根据以上步骤,基本可以满足这次的需求,但是不足的地方就在于JS函数目前还没有通用的写法,由于是自己写的函数,暂时先满足,后期再进行修改,以上方法主要是提供一个小小的思路,当前用的是jeesite4.1版本,但是目前最高版本也没有这种功能,有需要的朋友可以根据实际情况对该功能进行升级优化。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表