更新记录

1.0.0（2025-10-16） 下载此版本

首次更新，发布插件

平台兼容性

Collect Tools - 功能汇集工具箱

项目概述

Collect Tools 是一个多功能的工具箱应用，集成了开发者常用工具、AI智能服务和用户管理系统。项目采用前后端分离架构，提供移动端应用和Web管理后台。项目内已对接微信小程序的流量主广告

项目组成

collect-tools/
├── collect-tools/          # uni-app 移动端应用（小程序/H5/APP）
├── collect-tools-ruoyi/    # Java 后端服务（基于若依框架）
└── collect-tools-vue/      # Vue 管理后台前端

核心功能模块

一、开发者工具（19个实用工具）

1. 编码与加密工具

• Base64编码/解码 - 文本与Base64格式互转
• MD5加密 - MD5哈希值生成
• SHA加密 - SHA系列哈希算法（SHA-1/SHA-256/SHA-512）
• RSA加解密 - RSA非对称加密解密
• URL编码/解码 - URL参数编码解码

2. 数据处理工具

• JSON格式化 - JSON数据美化、验证和压缩
• 文本比对 - 文本差异对比，高亮显示差异
• 文本统计分析 - 字符数、单词数、行数统计
• 正则表达式测试 - 正则表达式在线测试和验证

3. 生成器工具

• UUID生成器 - 快速生成UUID
• 随机字符串生成 - 自定义规则生成随机字符串
• 二维码生成器 - 文本/链接转二维码图片
• 密码强度检测 - 密码安全等级评估

4. 转换工具

• 颜色转换 - RGB/HEX/HSL颜色格式互转
• 单位转换器 - 长度、重量、温度等单位转换
• 进制转换 - 二进制、八进制、十进制、十六进制互转
• 时间戳转换 - Unix时间戳与日期时间互转

5. 媒体工具

• 图片压缩 - 在线图片压缩，减小文件大小
• 文件大小计算 - 字节大小单位转换

二、AI智能服务（4个AI功能）

1. AI对话（Chat）

• 智能对话交互
• 支持多轮对话
• 上下文理解

2. 图片生成（Image Generation）

• AI文生图功能
• 支持多种风格
• 图片下载保存

3. 文章生成（Article Generation）

• AI智能写作
• 多种文章类型
• 内容自动生成

4. 智能菜单（Smart Menu）

• 菜谱推荐功能
• 智能配餐建议
• 食材、菜系配置

三、用户系统

1. 用户认证

• 微信登录 - 微信授权登录
• 用户注册/登录 - 传统账号登录方式
• 个人资料 - 头像、昵称等信息管理

2. 个人中心功能

• 使用历史 - 工具使用记录查询
• 我的收藏 - 收藏常用工具和结果
• 金币管理 - 金币余额查询和充值
• VIP会员 - 会员权益和续费
• 看广告得金币 - 激励广告奖励

3. 应用设置

• 应用设置 - 个性化配置
• 意见反馈 - 用户反馈提交
• 使用帮助 - 功能使用指南
• 关于我们 - 应用信息介绍
• 用户协议 - 服务条款
• 隐私政策 - 隐私保护说明

四、支付与会员系统

1. 金币系统

• 金币套餐配置
• 金币充值（微信支付、支付宝）
• 金币消费记录
• 金币余额管理
• 广告激励获取金币

2. VIP会员系统

• VIP套餐配置（月度、季度、年度）
• 会员权益管理
• 自动到期处理
• 会员状态查询

3. 支付功能

• 微信支付 - 支持微信支付V3
• 订单管理
• 支付回调处理
• 订单查询

技术架构

前端技术栈

移动端（collect-tools）

• 框架: uni-app (Vue 3)
• UI: 原生uni-app组件
• 平台: 微信小程序、H5、Android/iOS
• 主要依赖: Vue 2.6.14

管理后台（collect-tools-vue）

• 框架: Vue 2.x
• UI组件: Element UI
• 构建工具: Webpack
• 状态管理: Vuex
• 路由: Vue Router

后端技术栈（collect-tools-ruoyi）

核心框架

• 基础框架: Spring Boot
• 安全框架: Spring Security
• 权限认证: JWT (Json Web Token)
• 缓存: Redis
• 数据库: MySQL + MyBatis

特色功能

• AI集成: LangChain4j（AI服务集成框架）
• 支付集成: IJPay v2.9.8（微信支付 + 支付宝）
• 代码生成: MyBatis代码生成器
• API文档: Swagger/Knife4j

模块结构

AI-base 模块（核心业务模块）

AI-base/
├── domain/              # 实体类
│   ├── CtUser           # 用户
│   ├── CtCoinPackage    # 金币套餐
│   ├── CtCoinRecharge   # 金币充值记录
│   ├── CtVipConfig      # VIP配置
│   ├── AiConfig         # AI配置
│   └── ...
├── mapper/              # 数据访问层
├── service/             # 业务逻辑层
│   ├── ICtUserService
│   ├── ICtCoinService
│   ├── ICtVipService
│   └── ...
├── utils/               # 工具类
│   ├── WxPayUtil        # 微信支付工具
│   └── AliPayUtil       # 支付宝工具
└── config/              # 配置类
    ├── WxPayConfig      # 微信支付配置
    └── AliPayConfig     # 支付宝配置

API 接口模块

collect-tools/utils/
├── aiApi.js             # AI服务API
├── aiConfigApi.js       # AI配置API
├── aiModelAdapter.js    # AI模型适配器
├── coinApi.js           # 金币系统API
├── vipApi.js            # VIP系统API
├── userApi.js           # 用户服务API
├── orderApi.js          # 订单管理API
├── imageApi.js          # 图片服务API
├── textApi.js           # 文本服务API
├── recipeApi.js         # 菜谱API
├── favoritesApi.js      # 收藏API
├── favoritesHelper.js   # 收藏辅助函数
├── historyApi.js        # 历史记录API
├── historyHelper.js     # 历史辅助函数
├── feedbackApi.js       # 反馈API
└── request.js           # HTTP请求封装

用户界面

移动端界面结构

首页（Tabbar）
├── 工具分类
│   ├── 编码加密类工具
│   ├── 数据处理工具
│   ├── 生成器工具
│   ├── 转换工具
│   └── 媒体工具
├── AI服务入口
│   ├── AI对话
│   ├── 图片生成
│   ├── 文章生成
│   └── 智能菜单
└── 快速访问

我的（Tabbar）
├── 个人信息卡片
│   ├── 头像/昵称
│   ├── 金币余额
│   └── VIP状态
├── 我的服务
│   ├── 使用历史
│   ├── 我的收藏
│   ├── 金币管理
│   ├── VIP会员
│   └── 看广告得金币
└── 设置与帮助
    ├── 应用设置
    ├── 意见反馈
    ├── 使用帮助
    └── 关于我们

管理后台界面

基于若依框架的标准管理后台，包含：

• 系统管理
• 用户管理
• 金币管理
• VIP管理
• 订单管理
• AI配置管理
• 统计分析
• 系统监控

商业化功能

收费模式

1. 金币消费制

   • 工具使用消耗金币
   • AI服务按次收费
   • 充值购买金币

2. VIP会员制

   • 月度/季度/年度会员
   • 免费使用所有工具
   • AI服务折扣或免费额度

3. 广告激励

   • 观看广告获取金币
   • 激励用户活跃度

支付渠道

• 微信支付（支持V3版本）
• 支付宝支付
• 订单状态跟踪
• 支付回调处理

快速开始

1. 后端启动

# 进入后端目录
cd collect-tools-ruoyi

# 编译打包（首次运行）
mvn clean install -DskipTests

# 启动服务
cd ruoyi-admin
mvn spring-boot:run

后端服务默认运行在：http://localhost:8080

2. 管理后台启动

# 进入管理后台目录
cd collect-tools-vue

# 安装依赖
npm install

# 启动开发服务器
npm run dev

管理后台访问地址：http://localhost:80

3. 移动端启动

# 进入移动端目录
cd collect-tools

# 使用HBuilderX打开项目
# 或使用uni-app CLI运行

技术支持

相关文档

• 若依框架文档
• uni-app文档
• IJPay文档
• LangChain4j文档

体验地址

后端管理地址

扫码体验小程序：