集成Erupt框架

原创已于 2022-12-20 11:20:43 修改 · 847 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

史上最全SpringBoot系列组件

于 2022-12-20 11:20:28 首次发布

本文档详细介绍了Erupt框架的依赖配置、应用配置、页面定制及启动类注解。包括添加Erupt-upms、erupt-security等模块的Maven依赖，设置application.yml中的数据库连接、权限验证等参数，以及自定义登录页面样式。同时，展示了启动类中使用的@EntityScan和@EruptScan注解。

一、依赖

二、配置。在application.yml中加入配置。

三、页面配置。一个文件夹和三个文件分别如下：

四、启动类两个注解

一、依赖

<!--用户权限管理-->
        <dependency>
            <groupId>xyz.erupt</groupId>
            <artifactId>erupt-upms</artifactId>
            <version>1.10.15</version>
        </dependency>
        <!--接口数据安全-->
        <dependency>
            <groupId>xyz.erupt</groupId>
            <artifactId>erupt-security</artifactId>
            <version>1.10.15</version>
        </dependency>
        <!--后台WEB界面-->
        <dependency>
            <groupId>xyz.erupt</groupId>
            <artifactId>erupt-web</artifactId>
            <version>1.10.15</version>
        </dependency>
        <dependency>
            <groupId>xyz.erupt</groupId>
            <artifactId>erupt-job</artifactId>
            <version>1.10.15</version>
        </dependency>
        <!-- 代码生成器模块 -->
        <dependency>
            <groupId>xyz.erupt</groupId>
            <artifactId>erupt-generator</artifactId>
            <version>1.10.15</version>
        </dependency>
        <!--服务监控模块-->
        <dependency>
            <groupId>xyz.erupt</groupId>
            <artifactId>erupt-monitor</artifactId>
            <version>1.10.15</version>
        </dependency>

二、配置。在application.yml中加入配置。

spring:
    jpa:
        show-sql: true
        generate-ddl: true
        open-in-view: true
        database-platform: org.hibernate.dialect.MySQL5InnoDBDialect
        database: mysql
    hibernate:
        ddl-auto: update
erupt-app:
  # 登录失败几次出现验证码，值为0时表示一直需要登录验证码
  verifyCodeCount: 2
  # 登录密码是否加密传输，特殊场景如：LDAP登录可关闭该功能获取密码明文
  pwdTransferEncrypt: true
  # 多语言配置，默认支持：简体中文、繁体中文、英文、日文；具体配置详见erupt-i18n模块
  locales: [ "zh-CN","zh-TW","en-US","ja-JP"]
  # 自定义登录页路径，1.10.6 及以上版本支持
  loginPagePath:

三、页面配置。一个文件夹和三个文件分别如下：

app.css

/* 例：调整顶栏颜色 */
.alain-default__header {
    background: #607D8B
}

/* 例：修改登录页样式 */
layout-passport > .container {
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: cover !important;
    background-color: #fff !important;
    background-image: url(https://www.erupt.xyz/demo/login-bg.svg) !important;
}

layout-passport .title {
    font-family: Courier New, Menlo, Monaco, Consolas, monospace !important;
}

layout-passport form {
    padding: 26px !important;
    margin: 8px !important;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    box-shadow: 1px 1px 10px rgba(190, 184, 184, 0.3);
}

app.js

window.eruptSiteConfig = {
    //erupt接口地址，在前后端分离时指定
    domain: "",
    //附件地址，一般情况下不需要指定，如果自定义对象存储空间，则需在此指定附件资源访问地址
    fileDomain: "",
    //标题
    title: "Erupt Framework",
    //描述
    desc: "ROOT系统管理",
    //是否展示版权信息
    copyright: true,
    //高德地图api key,使用地图组件须指定此属性，amapKey获取地址：https://lbs.amap.com (服务平台为：Web端(JS API))
    amapKey: "6ba79a8d",
    //logo路径
    logoPath: "erupt.svg",
    //logo文字
    logoText: "erupt",
    //注册页地址(仅是一个链接，需要自定义实际样式)
    registerPage: "",
    //自定义导航栏按钮，配置后将会出现在页面右上角
    r_tools: [{
        text: "自定义功能按钮",
        icon: "fa-eercast",
        mobileHidden: true,
        click: function (event) {
            alert("Function button");
        }
    }],
    //登录成功事件
    login: function (user) {

    },
    //注销事件
    logout: function (user) {

    }
};

//路由回调函数
window.eruptRouterEvent = {
    //key表示要监听的路由切换地址，为url hash地址最后一段
    //例如：http://www.erupt.xyz:9999/#/build/table/demo中demo为回调key
    demo: {
        //路由载入事件
        load: function (e) {

        },
        //路由退出事件
        unload: function (e) {

        }
    },
    //$ 为全路径通配符，在任何路由切换时都会执行load与unload事件
    $: {
        load: function (e) {

        },
        unload: function (e) {
        }
    }
};

//erupt生命周期函数
window.eruptEvent = {
    //页面加载完成后回调
    startup: function () {

    }
}

home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<H1>Welcome to Money World</H1>
</body>
</html>