Cool开发(开源免费、Ai编码、流程编排、扩展插件)

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

1
2
pnpm i

运行应用程序

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

1
2
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,首次启动会自动初始化并导入数据

1
2
3
4
5
6
7
8
# 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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<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 无感刷新,直接调用后端接口

    1
    2
    const { service } = useCool();

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

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

活跃的社区

丰富的插件


Cool开发(开源免费、Ai编码、流程编排、扩展插件)
https://tingfeng347.github.io/2024/08/01/Cool开发(开源免费、Ai编码、流程编排、扩展插件)/
作者
Tingfeng
发布于
2024年8月1日
许可协议