3-4、VibeCoding之“WEB数据管理器”（0.5h）

一、Hermes 实现初始版本

帮我开发一个“WEB版数据库操作系统”，给出详细功能规划文档、原型设计文档及源码，把所有文档和源码放到gitee上。

【业务需求】

1、登录界面简单鉴权，固定用户名密码：admin/<your-password>

2、主界面分为左右屏，左侧解析json内容形成树状结构，右侧显示表中的数据；

3、解析下列json内容形成树状结构，叶子节点名称为“中文+英文”；

4、点击左侧表名，右侧分页显示表中数据；

5、右侧下半部分，有一个编辑框，可以支持DDL、DML操作，结果和上半部分列表联动；

6、json内容写到本地文件中；

7、数据库连接写到配置文件中；

【json内容】

[ { "catalogName": "聊天表", "catalogList": [ { "tableName": "chat_config", "tableDesc": "配置信息表" }, { "tableName": "chat_message", "tableDesc": "聊天消息表" } ] }, { "catalogName": "图谱表", "catalogList": [ { "tableName": "graph_build_task", "tableDesc": "图谱构建任务表" }, { "tableName": "graph_entity_type", "tableDesc": "图谱实体类型定义表" } ] }, { "catalogName": "知识库表", "catalogList": [ { "tableName": "knowledge_attach", "tableDesc": "知识库附件表" }, { "tableName": "knowledge_base_graph_segment", "tableDesc": "知识图谱片段表" } ] } ]

【技术需求】

1、前端： VUE 3

2、后端： JDK21、Springboot

3、数据库连接：

URL：jdbc:mysql://localhost:3306/dream_sqy

用户名：

密码：

【源码gitee】

https://gitee.com/weedlu/web-db-manager.git

用户名：

密码：

68110782472497a52ca820fa39be8e2bpng