最后 3 小时！企业级快速开发框架 JbootAdmin “双11” 活动，只限今天！

1372 2024-06-22 17:00

JbootAdmin 是 Jboot（码云 GVP 项目）作者海哥基于 Jboot 和 JFinal 开发的快速开发手脚架，拥有极高性能和极度简单的开发体验。

同时，JbootAdmin 因得益于 Jboot 超过 4 年在微服务和分布式的开源耕耘，使得 JbootAdmin 拥有极高的稳定性和可扩展性。

使用 JbootAdmin 开发我们的产品，除了可以使用传统的 war 包部署方式，也可以通过 java -jar all-in-one.jar 这种方式进行快速部署。同时，通过简单的配置，我们可以把我们开发的单体项目改成分布式部署项目，这一切，你无需考虑分布式带来的问题，比如分布式文件同步、分布式session、分布式缓存等等。

只需要通过修改配置就可以完成这一切，不仅仅如此，基于 Jboot，JbootAdmin 还内置了如下的功能：

多 Maven Module 模块下的资源热加载
本地配置和 Nacos、Apollo 下的远程配置
Websocket 对接
本地缓存和分布式缓存
本地调用和可选择的 Dubbo 、Motan 微服务 RPC 调用
本地自适应的 MQ 消息队列
Gateway 门户网关
功能强大的任务调度
基于 Metrics 和 Skywalking 的方法级别监控
基于 Sentinel 的分布式限流和降级
内置 Jwt 对的完善之处
基于 Swagger 的 API 文档生成
等等等等...

在前端的技术选型上，我们抛弃了最新的 react 或者 vue 的前后端分离技术，因为我们一致认为，使用 react 或者 vue 并不能做到真正 “快速开发”，JbootAdmin 更多的是照顾 Javaer 的感受，使用了传统的 Bootstrap + Jquery 技术，这样，几乎任何一个有 1 年以上工作经验的 Javaer，都能顺利的使用 JbootAdmin 进行快速开发，而无需学习复杂的前端技术，不要把精力放在前端上，更多的是放在产品逻辑上，才能真正的进行快速开发。

虽然我们抛弃了最新的 react 或者 vue 的前后端分离技术，但是 JbootAdmin 的体验依然足够优秀。

这里说的的体验，不仅仅指的是用户的使用体验，还包含了足够优秀的 “开发体验”。

比如：

1、后台左边的菜单显示，我们只需要在我们的 Controller 层中添加一个注解 @MenuDef 即可。

@RequestMapping("/account")
public class AccountController extends BaseAdminController {

    @MenuDef(text = "账户管理", pid = "account", sortNo = 1)
    public void list(){
        render("");
    }
}

2、数据列表中的分页功能，我们只需要在我们的 html 中添加一个指令 #@adminPaginate() 即可自动分页。

3、在数据列表中，我们想要删除某条数据，但是需要用户确认，那么我们只需要在该 a 标签中添加属性 open-type="del-confirm" 即可。

<a href="doDel?id=1" open-type="del-confirm">删除</a>

4、在操作日志中，我们只需要添加注解 @ActionLogRecord 即可自动记录用户的操作行为，比如：

@ActionLogRecord('编辑账户')
public void edit() {
        render("account_edit.html");
    }
}

在以上代码中，当用户访问 edit() 方法时，自动记录该用户的操作行为，如下图所示：

5、在权限管理中，我们也只需要添加注解 PermissionDef 就可以定义一个权限，并在后台显示出来，让管理员进行权限分配。

@PermissionDef(title = "编辑账户", groupId = "...")
public void edit() {
        render("account_edit.html");
    }
}

此时，在后台的权限分配中，就多出了一个叫编辑账户的权限，只有拥有编辑账户的用户，才能访问这个页面。

6、或者我们需要上传文件，JbootAdmin 自带了带有图片剪切功能的上传组件。

<a href="/manager/upload/image" open-type="layer"  
    data-layer-area="['800px', '600px']" 
    data-layer-title="上传图片..." 
    data-layer-end="endFunction">选择图片</a >