全栈开发自己的AI助手，从Vue+Laravel到Docker上线，开源项目实录！

wuxiumu
17 阅读3分钟

大家好，我是 wuxiumu，一名10年开发、正在寻找新机会的后端程序员。

在待业这段时间里，我独立开发并开源了一个全栈AI助手项目，融合了最新的 GPT 模型能力、现代前端体验和完整后端工程。

希望这篇文章，能帮到像我一样正在路上的开发者，也欢迎大家来交流、star、共建，甚至推荐工作机会！

为什么要做这个项目？

坦白说，待业的日子不轻松。但我想，既然空下来，不如利用这段时间把自己的“全栈实战能力”做个总结，也给简历加个重磅项目。

我的目标是：做一个开源、可用、能在简历和面试中展示“工程全链路能力”的AI助手。

项目地址 & 演示体验

添加图片注释，不超过 140 字（可选）

项目亮点

  • 支持多用户注册/登录，JWT权限体系
  • OpenAI Key绑定，聊天历史&上下文保存
  • 模型选择（GPT-3.5、GPT-4）与自定义系统Prompt
  • Token消耗统计，助你精细管理API用量
  • 头像上传、裁剪与阿里云OSS直传，支持多终端显示
  • Docker一键部署，前后端分离，可本地也可云端运行
  • 全流程文档：接口、部署、Mock、测试、CI/CD样例

技术架构简图

添加图片注释，不超过 140 字（可选）

  • 前端：Vue3 + Vite + Pinia + TailwindCSS
  • 后端：Laravel 7 + MySQL + Redis + JWT + 阿里云OSS
  • 跨端部署：Docker Compose 本地一键启动，也可宝塔/云主机手动部署

主要功能效果图

  • 模型切换 & 系统Prompt配置

添加图片注释，不超过 140 字（可选）

  • Token统计可视化

添加图片注释，不超过 140 字（可选）

  • 头像上传、裁剪与OSS直传

添加图片注释，不超过 140 字（可选）

一键部署体验

项目支持本地/服务器/Docker/宝塔等多种方式部署，非常适合学习、改造、用于自己简历作品。

git clone https://github.com/wuxiumu/php-gpt-assistant.git
cd php-gpt-assistant
# 后端配置好 .env，前端也有 .env.example
docker-compose up --build -d

详细部署/配置教程见：DEPLOY.md

✨ 核心代码片段一览

前端模型/Prompt选择（Vue3）

<select v-model="model">
  <option value="gpt-3.5-turbo">GPT-3.5</option>
  <option value="gpt-4">GPT-4</option>
</select>
<input v-model="systemPrompt" placeholder="自定义AI性格/场景" />

后端 ChatController（部分伪码）

public function send(Request $request)
{
    // ...
    $model = $request->input('model', 'gpt-3.5-turbo');
    $systemPrompt = $request->input('system_prompt', 'You are ChatGPT...');
    // 调用 OpenAI 接口
}

求职经历 & 心路

我已经10年开发经验，后台、全栈、系统架构、项目管理都实战过。这次项目，也是希望：

  • 展示自己从0到1全流程把控的能力
  • 把AI/前后端/云服务/Docker/CI等经验用实际代码、项目交付体现出来
  • 也希望有机会和更多团队合作，收获新工作

项目完整文档

‍♂️ 欢迎评论、点赞、star、组队 or 内推！

如果你觉得这个项目有帮助，欢迎评论、点赞、star！

如有合作、求职、内推、开源交流，都可以在评论或私信我！

10年程序员，用项目证明价值。也祝所有在路上的开发者都能找到理想工作！

结语

项目传送门：wuxiumu/php-gpt-assistant

欢迎点赞、评论、star、交流～

avatar
文章
阅读
粉丝