更新记录

V4.4.2(2025-09-11) 下载此版本


平台兼容性

艺创AI企业知识库全能AI知识库系统

项目概述

艺创AI企业知识库是一个基于Uniapp开发的全能AI知识库系统,支持多端运行(微信小程序、H5、APP等),集成了AI对话、知识库管理、PPT生成、数字人对话等多种AI功能。

项目预览图: PC

前端演示

基本信息

  • 项目名称: 艺创AI企业知识库全能AI知识库系统
  • 版本: 4.3.0
  • 开发框架: Uniapp + Vue3 + TypeScript
  • UI框架: uView Plus (vk-uview-ui)
  • 状态管理: Pinia
  • 构建工具: Vite
  • 样式方案: TailwindCSS + SCSS

项目结构

uniapp/
├── .env.development.example          # 开发环境配置示例
├── .env.production.example           # 生产环境配置示例
├── .eslintrc.js                      # ESLint配置
├── .gitignore                       # Git忽略文件
├── index.html                       # 入口HTML
├── initialize.js                    # 初始化脚本
├── my-release-key.keystore          # Android签名文件
├── package.json                     # 项目依赖
├── tailwind.config.js              # Tailwind配置
├── tsconfig.json                   # TypeScript配置
├── vite.config.ts                  # Vite配置
├── scripts/                         # 构建脚本
│   ├── develop.js                   # 开发脚本
│   ├── publish.js                   # 发布脚本
│   └── release.mjs                  # 发布处理
├── src/                             # 源码目录
│   ├── api/                         # API接口
│   ├── components/                  # 公共组件
│   ├── config/                      # 配置文件
│   ├── enums/                       # 枚举定义
│   ├── hooks/                       # 自定义hooks
│   ├── lib/                         # 第三方库
│   ├── mixins/                      # 混入
│   ├── pages/                       # 主包页面
│   ├── packages/                    # 分包页面
│   ├── plugins/                     # 插件
│   ├── router/                      # 路由配置
│   ├── static/                      # 静态资源
│   ├── stores/                      # 状态管理
│   ├── styles/                      # 样式文件
│   ├── uni_modules/                 # uniapp模块
│   └── utils/                       # 工具函数
├── typings/                         # 类型定义
└── unpackage/                       # 打包输出

核心功能模块

1. AI对话系统

主要功能

  • 智能对话: 支持文本对话、语音输入、图片识别
  • 角色对话: 预设角色模板,如翻译官、写作助手等
  • 连续对话: 支持上下文理解的多轮对话
  • 对话管理: 收藏、删除、清空对话记录

相关API接口

  • chat.ts - 对话相关接口
    • questionChat() - 发送问题
    • chatSendText() - 流式对话
    • getChatRecord() - 获取对话记录
    • cleanChatRecord() - 清空会话
    • audioTransfer() - 语音转文字

核心组件

  • chat-input - 聊天输入组件
  • chat-record-item - 聊天记录项组件
  • ua-markdown - Markdown渲染组件

2. AI知识库系统

主要功能

  • 知识库管理: 创建、编辑、删除知识库
  • 文件导入: 支持PDF、Word、Excel、PPT、TXT等格式
  • 内容解析: 自动解析文件内容为知识条目
  • 权限管理: 私有/共享/团队协作
  • 知识检索: 基于向量的相似度搜索

相关API接口

  • kb.ts - 知识库接口
    • getKBList() - 获取知识库列表
    • addKB() - 创建知识库
    • fileImport() - 文件导入
    • fileDataList() - 获取文件列表
    • sharedAdd() - 共享知识库

核心页面

  • kb.vue - 知识库主页
  • kb_info.vue - 知识库详情
  • kb_item.vue - 知识条目管理

3. AI PPT生成

主要功能

  • 智能生成: 根据主题自动生成PPT大纲
  • 模板选择: 多种精美模板可选
  • 在线编辑: 支持在线编辑和预览
  • 导出下载: 支持PPTX格式下载

相关API接口

  • ai_ppt.ts - PPT相关接口
    • getPPTConfig() - 获取PPT配置
    • getPPTOutline() - 生成PPT大纲
    • genPPT() - 生成PPT
    • downloadPPT() - 下载PPT

核心页面

  • ai_ppt.vue - PPT生成主页
  • history.vue - 历史记录
  • detail.vue - PPT详情

4. 数字人对话

主要功能

  • 3D数字人: 支持3D形象对话
  • 语音播报: AI回答语音合成
  • 形象定制: 可自定义数字人形象
  • 场景应用: 客服、教育、营销等场景

相关API接口

  • digital.ts - 数字人接口
  • robot.ts - 智能体接口

核心页面

  • digital_chat.vue - 数字人对话
  • robot_info.vue - 智能体详情
  • robot_square.vue - 智能体广场

5. AI创作工具

主要功能

  • AI绘画: 文生图、图生图、AI换脸
  • AI音乐: 音乐生成、歌词创作
  • AI视频: 视频生成、视频编辑
  • 思维导图: AI生成思维导图

相关API接口

  • draw.ts - AI绘画接口
  • music.ts - AI音乐接口
  • video.ts - AI视频接口

核心页面

  • draw/ - 绘画模块
  • music/ - 音乐模块
  • video/ - 视频模块
  • mind_map/ - 思维导图

技术架构

状态管理 (Pinia)

UserStore (stores/user.ts)

interface UserSate {
    visitorId: string        // 访客ID
    userInfo: Record<string, any>  // 用户信息
    token: string | null     // 登录token
    temToken: string | null  // 临时token
}

AppStore (stores/app.ts)

interface AppSate {
    config: Record<string, any>    // 系统配置
    tabbar: Record<string, any>    // 底部导航配置
}

网络请求层

Request封装 (utils/request/)

  • 自动token处理: 自动附加token到请求头
  • 错误处理: 统一的错误处理和提示
  • 重试机制: 支持请求失败重试
  • 流式响应: 支持SSE流式响应
  • 文件上传: 统一的文件上传处理

请求配置

const config = {
    version: "4.3.0",           // 版本号
    baseUrl,                      // 请求域名
    urlPrefix: "api",            // 请求前缀
    timeout: 60 * 1000,          // 超时时间
}

路由系统

路由配置 (pages.json)

  • 分包加载: 按需加载减少首屏时间
  • 权限控制: 页面级权限验证
  • 自定义导航: 支持自定义导航栏

主包页面

  • 首页 (pages/index/index)
  • AI行业 (pages/ai_creation/ai_creation)
  • AI知识库 (pages/kb/kb)
  • 个人中心 (pages/user/user)
  • 登录页 (pages/login/login)

分包页面

  • AI对话 (packages/pages/dialogue/dialogue)
  • 智能体广场 (packages/pages/robot_square/robot_square)
  • PPT生成 (packages/pages/ai_ppt/ai_ppt)
  • AI绘画 (packages/pages/draw/)
  • 数字人对话 (packages/pages/digital_chat/digital_chat)

UI组件系统

自定义组件

  • chat-input: 智能输入组件
  • ua-markdown: Markdown渲染组件
  • app-upload: 文件上传组件
  • audio-play: 音频播放组件
  • video-preview: 视频预览组件

UI框架组件

  • uView Plus: 基于uniapp的UI框架
  • uni-ui: uniapp官方组件库
  • 自定义图标: 使用zui-svg-icon管理SVG图标

工具函数

常用工具 (utils/)

  • auth.ts: 登录认证相关
  • cache.ts: 本地缓存封装
  • date.ts: 日期时间处理
  • file.ts: 文件处理工具
  • validate.ts: 表单验证
  • ***.ts: 微信SDK封装

设备适配

  • 响应式设计: 基于rpx的响应式布局
  • 安全区域: 适配iPhone刘海屏
  • 主题切换: 支持深浅色主题

部署配置

环境变量

# 开发环境
VITE_APP_BASE_URL=http://localhost:8080

# 生产环境
VITE_APP_BASE_URL=https://api.xxx.com

构建命令

# 开发模式
npm run dev:h5          # H5开发
npm run dev:mp-weixin   # 微信小程序开发
npm run dev:app         # APP开发

# 生产构建
npm run build:h5        # H5构建
npm run build:mp-weixin # 微信小程序构建
npm run build:app       # APP构建

平台配置

微信小程序

  • appid: wxba391e34eddf2cc7
  • 分包优化: 启用分包加载
  • 隐私合规: 启用隐私合规检查

APP配置

  • 应用名称: 码多多AI
  • 包名: com.xxx.chatmoney
  • 权限: 相机、麦克风、存储等
  • 支付: 微信支付、支付宝支付

H5配置

  • 路由模式: history模式
  • 基础路径: /mobile/
  • 图标: 动态配置favicon

功能特色

1. 多AI模型支持

  • 语言模型: GPT-3.5、GPT-4、Claude等
  • 绘画模型: DALL-E、Midjourney、Stable Diffusion
  • 语音模型: 多种语音合成引擎

2. 丰富的应用场景

  • 内容创作: 写作、绘画、音乐、视频
  • 办公助手: PPT生成、思维导图、文档处理
  • 教育培训: 知识问答、学习辅导
  • 营销客服: 智能客服、营销文案

3. 商业化功能

  • 会员系统: 等级权限、套餐管理
  • 支付系统: 微信支付、支付宝支付
  • 分销系统: 邀请奖励、团队管理
  • 数据统计: 使用统计、收益分析

4. 技术创新

  • 流式响应: 实时显示AI回复
  • 文件解析: 多格式文件智能解析
  • 缓存优化: 智能缓存减少API调用
  • 多端适配: 一套代码多端运行

开发规范

代码规范

  • TypeScript: 严格的类型检查
  • ESLint: 统一的代码风格
  • Prettier: 代码格式化
  • Husky: Git提交钩子

命名规范

  • 文件命名: kebab-case
  • 组件命名: PascalCase
  • 变量命名: camelCase
  • 常量命名: UPPER_SNAKE_CASE

目录规范

  • 功能聚合: 按功能模块组织代码
  • 组件复用: 公共组件统一维护
  • 样式隔离: 组件级样式作用域
  • 类型定义: 集中管理TypeScript类型

性能优化

加载优化

  • 分包加载: 按需加载减少首屏时间
  • 图片优化: 自动压缩和WebP格式
  • 缓存策略: 静态资源长期缓存
  • CDN加速: 静态资源CDN分发

运行优化

  • 虚拟列表: 长列表虚拟滚动
  • 防抖节流: 高频事件优化
  • 内存管理: 及时清理无用数据
  • 错误边界: 组件级错误处理

安全特性

数据安全

  • HTTPS通信: 全站HTTPS加密
  • 输入验证: 前端表单验证
  • XSS防护: 内容安全策略
  • 权限控制: 接口级权限验证

隐私保护

  • 最小权限: 仅申请必要权限
  • 数据脱敏: 敏感信息脱敏显示
  • 本地存储: 敏感数据加密存储
  • 隐私合规: 符合各平台隐私规范

扩展性设计

插件化架构

  • 功能插件: 可插拔的功能模块
  • 主题系统: 支持自定义主题
  • 多语言: 国际化支持
  • 配置化: 通过配置控制功能开关

二次开发

  • 组件扩展: 易于新增自定义组件
  • API扩展: 统一的API调用层
  • 主题定制: 支持深度主题定制
  • 功能定制: 可按需选择功能模块

总结

艺创AI企业知识库是一个功能完整的AI知识库系统,采用了现代化的技术栈和架构设计,具有良好的扩展性和维护性。系统集成了当前主流的AI能力,为用户提供了丰富的内容创作和知识管理工具,同时具备良好的商业化能力。

项目遵循了Uniapp的最佳实践,在性能优化、用户体验、安全防护等方面都有完善的考虑,是一个值得学习和参考的优秀项目。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

1.保存图片到本地 2.访问用户头像和昵称

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议