Cool

开发原来可以这么酷

开源免费、Ai编码、流程编排、扩展插件

Cool Admin(Vue3)

Cool-admin [vue3 - ts - vite]

cool-admin Logo

cool-admin 一个很酷的后台权限管理系统，开源免费，模块化、插件化、极速开发 CRUD，方便快速构建迭代后台管理系统， 到文档 进一步了解

GitHub licenseGitHub tag GitHub tag

地址

视频教程

官方 B 站视频教程

演示

https://show.cool-admin.com

账户：admin，密码：123456

Admin Home

项目后端

https://github.com/cool-team-official/cool-admin-midway

安装项目依赖

推荐使用 pnpm：

pnpm i

运行应用程序

安装过程完成后，运行以下命令启动服务。您可以在浏览器中预览网站 http://localhost:9000

pnpm dev

Cool Admin(Java版)

Midway Logo

cool-admin(java版)后台权限管理系统，开源免费，Ai编码、流程编排、模块化、插件化，用于快速构建后台应用程序，详情可到官网 进一步了解。

GitHub licenseGitHub tag GitHub tag

技术栈

  • 后端：Springboot3 Mybatis-Flex
  • 前端：Vue3 Vite Element-Ui Typescript
  • 数据库：Mysql Postgresql(适配中) Sqlite(适配中) ...

特性

Ai时代，很多老旧的框架已经无法满足现代化的开发需求，Cool-Admin开发了一系列的功能，让开发变得更简单、更快速、更高效。

  • Ai编码：通过微调大模型学习框架特有写法，实现简单功能从Api接口到前端页面的一键生成
  • 流程编排：通过拖拽编排方式，即可实现类似像智能客服这样的功能
  • 模块化：代码是模块化的，清晰明了，方便维护
  • 插件化：插件化的设计，可以通过安装插件的方式扩展如：支付、短信、邮件等功能

地址

演示

https://show.cool-admin.com

  • 账户：admin
  • 密码：123456

项目前端

系统是前后端分离的，启动完成后，还需要启动前端项目，前端项目地址：

https://github.com/cool-team-official/cool-admin-vue

或

https://gitee.com/cool-team-official/cool-admin-vue

运行

环境要求

  • Java Graalvm 17+
  • Maven 3.6+

配置

修改数据库配置，配置文件位于src/resources/application-local.yml

以 Mysql 为例，其他数据库适配中...

Mysql(>=5.7版本)，建议 8.0，首次启动会自动初始化并导入数据

# mysql，驱动已经内置，无需安装
spring:
    datasource:
        url: jdbc:mysql://127.0.0.1:3306/cool?useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2b8
        username: root
        password: 123456
        driver-class-name: com.mysql.cj.jdbc.Driver

启动

注：项目使用到了Mybatis-Flex 的Apt功能，如果启动报错，请先执行mvn compile编译

1、启动文件：src/main/java/com/cool/CoolApplication.java

2、启动完成后，访问：http://localhost:8001

3、如果看到以下界面，说明启动成功。这时候再启动前端项目即可，数据库会自动初始化，默认账号：admin，密码：123456

Cool Admin(Node版)

Cool Uni

COOL-UNI 项目脚手架

简介

7.0 携带 vue3、vite、ts、pinia 等众多新特性细节曝光！！文档地址

演示地址

更快

启动快

基于 vite，快速的冷启动，不需要等待打包，即时的热模块更新，真正的按需编译。

开发快

新增 eps 模式，自动扫描接口，代码智能提示。

对接快

有什么功能是前端一个人做不了？？大不了全干了

👉👉 管理前端（vue3）开发文档、强大的 CRUD 组件

👉👉 服务端（node、midway）开发文档、一键生成代码

👉👉 演示地址 😁 账户：admin 密码：123456

  • ✔ 管理系统

  • ✔ ai编码

更强

内置请求、路由、文件上传、组件通信、缓存等方法及 ui 库和 hooks

<script lang="ts" setup>
    import { useCool } from "/@/cool";
    import { useUi } from "/$/cool-ui";

    const { service, router, storage, upload } = useCool();
    const ui = useUi();

    // 请求
    service.test.page().then((res) => {
        consoe.log(res);
    });

    // 跳转
    router.push({
        path: "/pages/goods/info",
        query: {
            id: 1,
        },
    });

    // 全局事件
    ui.showLoading();
    ui.showToast();

    // 储存
    storage.set("token", "a123huis");

    // 文件上传
    uni.chooseImage({
        count: 1,
        sourceType: ["album", "camera"],
        success(res) {
            upload(res.tempFiles[0]).then((url) => {
                console.log(url);
            });
        },
    });
</script>

更全

细腻的代码

  • service 无感刷新，直接调用后端接口

    const { service } = useCool();

  • 提供 entity 描述，写 any 和不写的都哭了

    const list = ref<Eps.UserInfoEntity[]>([]);

活跃的社区

丰富的插件