SpringBoot极速整合Jfinal Enjoy模板做为页面渲染引擎

最新推荐文章于 2024-05-21 18:46:06 发布
最新推荐文章于 2024-05-21 18:46:06 发布
阅读量1.2k 收藏
点赞数
分类专栏： java SSH|SSM javascript | html | css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/t_332741160/article/details/109382515
版权

为什么使用Jfinal Enjoy作为前端页面渲染？

简单高效

模板引擎的对比：https://blog.csdn.net/qq_43107323/article/details/104595368

 

1.引入Enjoy

			<dependency>
				<groupId>com.jfinal</groupId>
				<artifactId>enjoy</artifactId>
				<version>4.5</version>
			</dependency>

2.ApplicationListener

package kim.lln.web.config;

import com.jfinal.template.ext.spring.JFinalViewResolver;
import org.springframework.context.ApplicationListener;
import org.springframework.context.event.ContextRefreshedEvent;

public class EnjoyViewResolver extends JFinalViewResolver implements
		ApplicationListener<ContextRefreshedEvent> {

	/**
	 * 添加默认路径
	 * @param contextRefreshedEvent
	 */
	@Override
	public void onApplicationEvent(ContextRefreshedEvent contextRefreshedEvent) {
		getEngine().addSharedObject("ctx", getServletContext().getContextPath());
	}
}

3.EnjoyConfig

package kim.lln.web.config;

import kim.lln.common.constants.Constant;
import com.jfinal.template.Engine;
import com.jfinal.template.ext.spring.JFinalViewResolver;
import kim.lln.web.admin.security.realm.HasPermissionTag;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
public class EnjoyConfig {

	@Bean(name = "enjoyViewResolver")
	public EnjoyViewResolver getJFinalViewResolver() {

		// 创建用于整合 spring boot 的 ViewResolver 扩展对象
		EnjoyViewResolver jfr = new EnjoyViewResolver();

		// 对 spring boot 进行配置
		jfr.setDevMode(!Constant.isPro());
		jfr.setSuffix(".html");
		jfr.setContentType("text/html;charset=UTF-8");
		jfr.setOrder(0);

		jfr.setSessionInView(true);
//		jfr.setRequestContextAttribute("ctx");

		// 获取 engine 对象，对 enjoy 模板引擎进行配置
		Engine engine  = JFinalViewResolver.engine;

		// 热加载配置能对后续配置产生影响，需要放在最前面
		engine.setDevMode(!Constant.isPro());

		// 使用 ClassPathSourceFactory 从 class path 与 jar 包中加载模板文件
		engine.setToClassPathSourceFactory();

		// 在使用 ClassPathSourceFactory 时要使用 setBaseTemplatePath
		// 代替 jfr.setPrefix("/view/")
		engine.setBaseTemplatePath("/view/");

        //添加自定义指令（标签）
		engine.addDirective("hasPermission", HasPermissionTag.class);

		return jfr;
	}

}

4.如果使用的是Shiro（其他方式雷同），添加以下代码即可在html页面进行权限限制

package kim.lln.web.admin.security.realm;

import com.jfinal.template.Env;
import com.jfinal.template.expr.ast.Expr;
import com.jfinal.template.expr.ast.ExprList;
import com.jfinal.template.stat.Scope;
import org.apache.commons.lang3.ArrayUtils;

import com.jfinal.template.Directive;
import org.apache.shiro.SecurityUtils;
import org.apache.shiro.subject.Subject;

/**
 * 验证当前Subject是否有该权限
 * #hasPermission(permissionName)
 * body
 * #end
 */
@DefineDirective(tag = "hasPermission")
public class HasPermissionTag extends Directive {
    private Expr[] exprs;

    public void setExprList(ExprList exprList) {
        exprs = exprList.getExprArray();
    }

    public void exec(Env env, Scope scope, com.jfinal.template.io.Writer writer) {
        if (getSubject() != null && ArrayUtils.isNotEmpty(exprs))
            if (getSubject().isPermitted(exprs[0].toString()))
                stat.exec(env, scope, writer);
    }

    public boolean hasEnd() {
        return true;
    }

    private Subject getSubject() {
        return SecurityUtils.getSubject();
    }
}

5.贴一个我项目中的list页面写法 ，文件名 list.html

引入公共模板并调用，更多使用方法请前往jfinal官网

引入公共模板 -> #include("/_layout.html")
调用公共模板 -> #@layout("list","楼栋列表")

#include("/_layout.html")
#@layout("list","楼栋列表")

#define content()
<div class="layui-form layui-card-header layuiadmin-card-header-auto layui-form-pane" id="searchDiv">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-inline">
                <input type="text" name="name" id="name" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-inline">
                <select name="status" id="enable">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-useradmin layui-click-btn" onclick="javascript:window.search()"><i class="layui-icon layui-icon-search layuiadmin-button-btn"></i></button>
            <button class="layui-btn layuiadmin-btn-useradmin layui-click-btn" onclick="javascript:window.clear()">清空</button>
        </div>
    </div>

</div>

<div class="layui-card-body">
    <table class="layui-hide" id="tableData" lay-filter="tableData"></table>
</div>
#end

#define script()
<script type="text/html" id="toolbar">
    #hasPermission("community:community_building:save")
    <a class="layui-btn btn-add btn-default" lay-event="add"><i class="layui-icon">&#xe608;</i>新增</a>
    #end
</script>
<script type="text/html" id="columnToolbar">
    #hasPermission("community:community_building:view")
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view"><i class="layui-icon layui-icon-list"></i>查看</a>
    #end
    #hasPermission("community:community_building:update")
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
    #end
    #hasPermission("community:community_building:delete")
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
    #end
</script>
<script type="text/javascript">
    var enable={"1":"启用","0":"禁用"};
    v2option("enable",enable);


    var datas = [[ //表头
        {field: 'id', title: 'ID', width: 100},
        {field: 'communityName', title: '社区名称',width: 200,templet: function (data) { return data.communityName+'/'+data.communityId;}},
        {field: 'buildingName', title: '楼栋单元',width: 130},
        {field: 'totalFloors', title: '总楼层',width: 130,templet: function (data) { return "共"+data.totalFloors+'层';}},
        {field: 'filterFloors', title: '没有的楼层',width: 130},
        {field: 'lift', title: '电梯/楼梯/货梯',width: 130,templet: function (data) { return data.lift+"梯/"+data.stairs+"梯/"+data.cargoLift+"梯";}},
        {field: 'status', title: '状态',width: 130,templet: function (data) { return v2m(data.status,enable);}},
        {field: 'remark', title: '备注',width: 130},
        {fixed: 'right', title: '操作', width: 260, align: 'center', toolbar: '#columnToolbar'} //这里的toolbar值是模板元素的选择器
    ]];


    $(function () {
        var listPage = new ListPage();
        listPage.pageReqUrl = ctx + '/admin/community/communityBuilding/list.html';
        listPage.iframeTitle = '楼栋单元';
        listPage.columns = datas;
        listPage.events=[
            {"title":"新增楼栋单元", "event":"add", successFunction : listPage.editIframeSuccessFunction , yesFunction: listPage.editYesFunction,  "ui":ctx + '/admin/community/communityBuilding/saveUI.html', "operate":ctx + '/admin/community/communityBuilding/save.html', "type":"edit"},
            {"title":"修改楼栋单元", "event":"edit", successFunction : listPage.editIframeSuccessFunction , yesFunction:listPage.editYesFunction, "ui":ctx + '/admin/community/communityBuilding/updateUI.html', "operate":ctx + '/admin/community/communityBuilding/update.html', "type":"edit"},
            {"title":"查看楼栋单元信息","event":"view","successFunction":listPage.initForm,  "ui":ctx + '/admin/community/communityBuilding/viewUI.html', "operate":ctx + '/admin/community/communityBuilding/viewUI.html',"type":"view", "filterFields":""},
            {"title":"删除楼栋单元", "event":"del", "ui":ctx + '/admin/community/communityBuilding/delete.html', "operate":ctx + '/admin/community/communityBuilding/delete.html', "type":"delete","tips":"确认删除楼栋单元？"}
        ];

        listPage.initPageTable();

    });

</script>
#end

定义公共模板 -> #define layout(type,title)

#define layout(type,title)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>#(title)-#(merchantName??'蓝灵通')</title>
    <link rel="icon" href="/image/favicons.png">

    #@style?()
    <style>
        .layui-table-tool{
            background: white;
        }
    </style>
    #if(type=='list')
    #include("/common/list_head.html")
    #else
    #include("/common/form_head.html")
    #end
</head>
<body class="body">

<div class="layui-fluid">
    <div class="layui-card">

        #@content?()

    </div>
</div>
</body>

<script>
    var isSuperAdmin=#(isSuperAdmin)||false;
    var isPlatform=#(isPlatform)||false;
</script>
#@script?()

</html>
#end

效果

相关项目

https://flower.lln.kim

t_332741160
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Spring Boot - Enjoy 模板引擎
学无止境
06-19 431
【代码】Spring Boot - Enjoy 模板引擎。
jfinal、enjoy和hutool相关文档
10-07
Enjoy 与 JFinal 集成紧密，可以实现快速高效的页面渲染。在 JFinal 官网上，你可以下载 Enjoy 的相关文档，学习如何在项目中使用它。 【Hutool】 Hutool 是一个由 Java 编写的工具类库，它提供了大量常用的功能...
springboot和JFinal的集成
04-04
使用springboot+JFinal中的Db + Record模式+mysql构建项目,方便快捷,容易上手
Spring Boot入门样例-060-thymeleaf模板引擎
花生——宁静致远
10-24 334
Spring Boot入门样例-060-thymeleaf模板引擎 已经可以将数据库中数据读取出来，该在前端显示漂亮的界面。本demo演示如何使用thymeleaf模板引擎渲染出一个简单的登录界面。 前言 本Spring Boot入门样例准备工作参考： Spring Boot入门样例-001-Java和Maven安装配置 Spring Boot入门样例-003-idea 安装配置和插件 Sp...
Enjoy模版引擎
最新发布
qq_63688997的博客
05-21 841
模板引擎是为了解决用户界面（显示）与业务数据（内容）分离而产生的。他可以生成特定格式的文档，常用的如格式如HTML、xml以及其他格式的文本格式。
springboot 集成JFinal ActiveRecord
大神饶命的博客
04-18 2920
springboot 集成JFinal ActiveRecord 下面是JfinalActiveRecordPluginConfig 文件： import com.jfinal.plugin.activerecord.ActiveRecordPlugin; import com.jfinal.plugin.druid.DruidPlugin; import com.jfuso.model._Map...
2.enjoy模板引擎
m0_61639114的博客
08-22 365
springMVC中的controller层的方法的返回值为String，且方法上面不加其他注解。模板引擎会带着字符串进入到3步骤配置好的模板引擎配置类里面。默认代表的是未来要跳转的页面的逻辑名称。就会根据视图解析器把传递过来的逻辑名称拼前后缀，定位到真正的页面， 然后跳转，渲染，响应给用户。当你的控制层方法返回值为String时，
JAVA学习资料Linux 大数据 springBoot java基础 jfinal 数据结构和算法
11-02
在IT领域，特别是软件开发，Java、Linux、大数据、SpringBoot、JFinal、数据结构与算法、Python以及AI（人工智能）都是至关重要的知识点。以下是对这些主题的详细阐述： 1. **Java**: Java是一种广泛使用的面向对象...
基于JFinal的微信公众号极速开发SDK设计源码
04-08
JFinal Weixin - 基于JFinal的微信公众号极速开发SDK，包含698个文件，如HTML、JAVA、JS、TXT、JSP、XML、MD、PROPERTIES和JSON等。该SDK提供了一站式的微信公众号开发解决方案，支持多公众号管理，开发者可以通过...
jfinal-rythm:启用 JFinal 应用程序以使用 Rythm 模板引擎
07-07
JFinal-Rythm 允许 JFinal 用户使用 Rythm ( ) 模板引擎来渲染视图。 用法： 在您的 Java 源文件中从您的属性文件加载配置 public void configConstant(Constants me) { this.conf = loadPropertyFile("path/to/...
SpringBoot--Web开发篇：含enjoy模板引擎整合，SpringBoot整合springMVC；及上传文件至七牛云；restFul
HakerDONG的博客
11-02 1008
官网学习：进入spring官网 --> projects --> SpringBoot --> LEARN --> Reference Doc. --> Web --> 就能看到上述页面。
spingboot通用项目模板
12-27
spingboot通用项目模板
Enjoy模板引擎和define指令的使用
热门推荐
zhaohuakai的博客
10-07 2万+
趁着十一，使用JFinal改写项目。比起spring来，JFinal简单好用一点，对我的项目，没发现什么不适的地方，推荐使用。 重点推荐一下JFinal的Enjoy模板引擎，真心好使！官网在这里：http://www.jfinal.com，相关文档和资源可以去官网下载，也可以在JFinal和Enjoy相关文档下载，下面不对具体语法进行说明，自己去看文档，说得很明白，例子也很多。 Enjoy可以...
SpringBoot中整合使用jFinal的ActiveRecord并支持多数据源和事务
拎小壶冲
05-21 2293
在一些特殊场景，我们用到了Spring Boot，数据ORM层并没有使用流行的hibernate或mybatis，而采用了国内开源的jFinal中的ActiveRecord。不要问为什么不直接使用jFinal，就是这么个特殊需求。 在我们的需求中，需要使用多个数据源，并支持事务，下面是配置的详细过程。 依赖包的版本： 一、spring boot 整合jFinal的ActiveRecord 二、多数据源支持 三、数据库的事务支持 （注意：只支持同一数据源的事务） 四、源码下载 ...
springboot-使用jfinal-enjoy模板
Wyangcsdb的博客
02-21 1019
最近在看jfinal框架，然后记录下自己上手的知识。 有点像天下武功，唯快不破，来试下enjoy模板引擎 文章目录简单高效1.引入Enjoy2.EnjoyConfig前端代码 简单高效 为什么使用Jfinal Enjoy作为前端页面渲染？简单高效 1.引入Enjoy <dependency> <groupId>com.jfinal</groupId> <artifactId>enjoy</artifactId>
（八）改为Spring Boot+enjoy模板的说明
weixin_33853794的博客
11-14 458
2019独角兽企业重金招聘Python工程师标准>>> ...
JFinal Enjoy：专为Java开发者打造的模版引擎，Java语法，快速掌握
放眼长期，稳中求进；知行合一，日拱一卒
10-09 3586
友情提示：本篇总结，主要是便于自己 能有个“全局的认识”。具体学习和使用，参考官网。 经验：对一个事物、事情，如果先有个全局的认识，学习起来快多了。有没有全局认识，也是检验掌握这个事的关键信号。 分享特色：简单、简洁、有用、能用。 一、模版引擎，解决的问题 1、Web开发，前后端不分离时，页面渲染 2、通用场景 邮件模版、短信模版、PDF预览（签字协议、合同）、基于模版的代...
enjoy模板
lanSeFangZhou的博客
04-27 1494
--用不到的时候，不要手里有锤子就看谁都像是钉子 Enjoy 是基于 Java 语言的极度轻量级魔板引擎。仅 171K 并且不依赖任何第三方。极简设计仅 if、for、switch、set、define、include、render 七个核心指令，让学习成本低到极致。 Enjoy coding and enjoy life https://www.jfinal.com/doc/6-1 ...
springboot实现整合jfinal增删改查
05-17
要将JFinal和Spring Boot整合起来，您需要执行以下步骤： 1. 添加JFinal Maven依赖 ```xml <dependency> <groupId>com.jfinal</groupId> <artifactId>jfinal</artifactId> <version>4.9.02</version> </dependency> ``` 2. 添加Spring Boot依赖 ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> <version>2.5.5</version> </dependency> ``` 3. 创建JFinal Config ```java public class JFinalConfig extends JFinalConfig { @Override public void configConstant(Constants me) { me.setDevMode(true); } @Override public void configRoute(Routes me) { me.add("/user", UserController.class); } @Override public void configPlugin(Plugins me) { DruidPlugin druidPlugin = new DruidPlugin("jdbc:mysql://localhost:3306/test", "root", "123456"); me.add(druidPlugin); ActiveRecordPlugin arp = new ActiveRecordPlugin(druidPlugin); arp.setShowSql(true); me.add(arp); arp.addMapping("user", User.class); } @Override public void configInterceptor(Interceptors me) { } @Override public void configHandler(Handlers me) { } } ``` 4. 创建UserController ```java @RestController @RequestMapping("/user") public class UserController extends Controller { @Autowired private UserService userService; @RequestMapping("/list") public List<User> list() { return userService.list(); } @RequestMapping("/get") public User get(Integer id) { return userService.get(id); } @RequestMapping("/save") public void save(User user) { userService.save(user); } @RequestMapping("/update") public void update(User user) { userService.update(user); } @RequestMapping("/delete") public void delete(Integer id) { userService.delete(id); } } ``` 5. 创建UserService ```java @Service public class UserService { private User dao = new User().dao(); public List<User> list() { return dao.findAll(); } public User get(Integer id) { return dao.findById(id); } public void save(User user) { user.save(); } public void update(User user) { user.update(); } public void delete(Integer id) { dao.deleteById(id); } } ``` 以上是整合JFinal和Spring Boot的基本步骤，您可以根据自己的需求添加其他功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值