1. 项目概述与核心价值

最近在团队里搞了个新玩意儿，一个基于Django+Vue3+Playwright，还带点AI辅助的UI自动化测试平台。起因很简单，我们项目迭代越来越快，前端页面三天一小改，五天一大变，传统的UI自动化脚本维护成本高得吓人，测试同学不是在改脚本，就是在去改脚本的路上，苦不堪言。市面上现成的工具要么太重，要么太贵，要么不够灵活，没法跟我们内部的DevOps流程无缝对接。于是，我们决定自己动手，丰衣足食，目标是打造一个轻量、智能、易维护，并且能跟现有CI/CD流水线深度集成的自动化测试平台。

这个平台的核心价值，说白了就是“降本增效”。它不是一个简单的脚本录制回放工具，而是一个集成了项目管理、用例设计、智能执行、结果分析与报告于一体的完整解决方案。前端用Vue3的响应式特性和组合式API，让交互体验极其流畅；后端用Django REST Framework提供稳定可靠的API服务；执行引擎选择了微软开源的Playwright，因为它对现代Web应用（尤其是单页应用SPA）的支持堪称完美，跨浏览器能力也强；最后，我们引入了一些AI能力，比如尝试用大模型辅助生成测试步骤、智能分析失败截图等，虽然还在探索阶段，但已经能解决一些实际问题了。这个平台特别适合那些有持续集成需求、前端技术栈较新（Vue/React）、且希望提升自动化测试ROI的团队。

2. 技术栈选型与架构设计思路

2.1 为什么是Django + Vue3 + Playwright + AI？

选型是项目成败的第一步，我们当时也纠结了很久，最终敲定这个组合，是基于以下几个核心考量：

后端：Django & Django REST Framework (DRF) Django作为“自带电池”的Python全栈框架，其开箱即用的Admin后台、强大的ORM、清晰的项目结构，对于快速构建一个管理后台密集型的平台来说，开发效率极高。我们不需要从零开始设计用户、权限、任务队列模型，Django都提供了良好的基础。DRF则让我们能以极少的代码构建出功能完整、文档清晰的RESTful API，前后端分离做得非常舒服。有热词提到“django 4.2 + django rest framework如何安装使用”，这确实是入门第一步，用 pip install django==4.2 djangorestframework 即可，后续的配置（如设置 INSTALLED_APPS 、配置路由 urls.py ）都有成熟范式。

前端：Vue3 + Vite + TypeScript 放弃Vue2选择Vue3，核心是看中了其 组合式API (Composition API) 和更好的TypeScript支持。在构建复杂的测试用例编辑器、实时日志展示、图表报告等交互时，组合式API的逻辑复用和组织能力比Options API强太多。用 <script setup> 语法糖写起来非常简洁。Vite作为构建工具，开发阶段的热更新速度极快，提升了前端开发体验。有同学在搜“vue2和vue3的区别”和“vue3组合式api <script></script>