Spaces:

sgch2023
/

ide-ui

Running

App Files Files Community

Ctrl+K

Ctrl+K

1 contributor

History: 3 commits

sgch2023's picture

undefined - Follow Up Deployment

07cf521 verified about 1 month ago

.gitattributes

1.52 kB

initial commit about 1 month ago
README.md

206 Bytes

<svg viewBox="0 0 1400 900" xmlns="http://www.w3.org/2000/svg">  <defs> <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%"> <feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.2"/> </filter> </defs>  <rect width="1400" height="900" fill="#1e1e1e"/>  <rect x="0" y="0" width="1400" height="35" fill="#323233"/>  <rect x="8" y="8" width="19" height="19" rx="2" fill="#007acc"/> <text x="11" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff">S</text> <text x="35" y="22" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">Smart IDE - ecommerce-app</text>  <rect x="1320" y="8" width="19" height="19" fill="transparent"/> <text x="1327" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">—</text> <rect x="1345" y="8" width="19" height="19" fill="transparent"/> <text x="1351" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">□</text> <rect x="1370" y="8" width="19" height="19" fill="transparent"/> <text x="1376" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">×</text>  <rect x="0" y="35" width="1400" height="25" fill="#2d2d30"/> <text x="15" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">文件</text> <text x="50" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">编辑</text> <text x="85" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">选择</text> <text x="120" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">视图</text> <text x="155" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">转到</text> <text x="190" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">运行</text> <text x="225" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">终端</text> <text x="260" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">帮助</text>  <rect x="0" y="60" width="50" height="840" fill="#333333"/>  <g transform="translate(0, 60)">  <rect x="0" y="0" width="50" height="50" fill="#094771"/> <rect x="0" y="0" width="2" height="50" fill="#007acc"/> <text x="25" y="30" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#ffffff">📁</text>  <rect x="0" y="50" width="50" height="50" fill="transparent"/> <text x="25" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">🔍</text>  <rect x="0" y="100" width="50" height="50" fill="transparent"/> <text x="25" y="130" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">🔗</text>  <rect x="0" y="150" width="50" height="50" fill="transparent"/> <text x="25" y="180" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">▶️</text>  <rect x="0" y="200" width="50" height="50" fill="transparent"/> <text x="25" y="230" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">⬜</text>  <rect x="0" y="250" width="50" height="50" fill="transparent"/> <text x="25" y="280" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">🤖</text> </g>  <rect x="50" y="60" width="300" height="840" fill="#252526"/>  <rect x="50" y="60" width="300" height="35" fill="#2d2d30"/> <text x="65" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="13" font-weight="bold" fill="#cccccc">资源管理器</text>  <rect x="65" y="105" width="270" height="120" fill="#1e1e1e" stroke="#3c3c3c" stroke-width="1"/> <text x="75" y="125" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff">快速创建项目</text>  <text x="75" y="145" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">前端框架</text> <rect x="75" y="150" width="50" height="22" rx="2" fill="#42b883" opacity="0.2" stroke="#42b883" stroke-width="1"/> <text x="78" y="163" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#42b883">Vue.js</text> <rect x="135" y="150" width="50" height="22" rx="2" fill="#61dafb" opacity="0.2" stroke="#61dafb" stroke-width="1"/> <text x="138" y="163" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#61dafb">React</text>  <text x="75" y="185" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">后端框架</text> <rect x="75" y="190" width="70" height="22" rx="2" fill="#6db33f" opacity="0.2" stroke="#6db33f" stroke-width="1"/> <text x="78" y="203" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#6db33f">Spring Boot</text> <rect x="155" y="190" width="60" height="22" rx="2" fill="#68a063" opacity="0.2" stroke="#68a063" stroke-width="1"/> <text x="158" y="203" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#68a063">Node.js</text>  <g transform="translate(65, 245)"> <text x="0" y="15" font-family="Segoe UI, Arial, sans-serif" font-size="13" font-weight="bold" fill="#cccccc">ECOMMERCE-APP</text>  <g transform="translate(0, 25)"> <text x="0" y="15" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">▼ 📁 frontend</text> <text x="20" y="35" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📁 src</text> <text x="40" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#42b883">📄 App.vue</text> <text x="40" y="65" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#f7df1e">📄 main.js</text> <text x="40" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📄 index.html</text> <text x="20" y="100" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📄 package.json</text> <text x="0" y="125" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">▼ 📁 backend</text> <text x="20" y="145" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📁 src</text> <text x="40" y="160" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#6db33f">📄 UserController.java</text> <text x="40" y="175" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#6db33f">📄 UserService.java</text> <text x="40" y="190" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#6db33f">📄 Application.java</text> <text x="20" y="210" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📄 pom.xml</text> <text x="0" y="235" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">► 📁 docker</text> <text x="0" y="255" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">📄 README.md</text> </g> </g>  <rect x="350" y="60" width="1050" height="700" fill="#1e1e1e"/>  <rect x="350" y="60" width="1050" height="35" fill="#2d2d30"/>  <rect x="350" y="60" width="180" height="35" fill="#1e1e1e" stroke="#007acc" stroke-width="0" stroke-dasharray="0,0,0,2"/> <rect x="350" y="92" width="180" height="2" fill="#007acc"/> <text x="365" y="80" font-family="Consolas, Monaco, monospace" font-size="12" fill="#ffffff">UserController.java</text> <text x="515" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">×</text>  <rect x="530" y="60" width="120" height="35" fill="#2d2d30"/> <text x="545" y="80" font-family="Consolas, Monaco, monospace" font-size="12" fill="#cccccc">App.vue</text> <text x="645" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">×</text>  <g transform="translate(350, 95)">  <rect x="0" y="0" width="50" height="665" fill="#1e1e1e"/> <line x1="50" y1="0" x2="50" y2="665" stroke="#3c3c3c" stroke-width="1"/>  <text x="45" y="20" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">1</text> <text x="45" y="40" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">2</text> <text x="45" y="60" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">3</text> <text x="45" y="80" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">4</text> <text x="45" y="100" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">5</text> <text x="45" y="120" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">6</text> <text x="45" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">7</text> <text x="45" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">8</text> <text x="45" y="180" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">9</text> <text x="45" y="200" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">10</text>  <text x="60" y="20" font-family="Consolas, Monaco, monospace" font-size="13" fill="#c586c0">package</text> <text x="125" y="20" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178"> com.example.controller;</text> <text x="60" y="60" font-family="Consolas, Monaco, monospace" font-size="13" fill="#c586c0">import</text> <text x="115" y="60" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178"> org.springframework.web.bind.annotation.*;</text> <text x="60" y="80" font-family="Consolas, Monaco, monospace" font-size="13" fill="#c586c0">import</text> <text x="115" y="80" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178"> org.springframework.beans.factory.annotation.Autowired;</text> <text x="60" y="120" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe">@RestController</text> <text x="60" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe">@RequestMapping</text> <text x="175" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc">(</text> <text x="185" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178">"/api/users"</text> <text x="270" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc">)</text> <text x="60" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#569cd6">public</text> <text x="115" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#569cd6"> class</text> <text x="165" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#4ec9b0"> UserController</text> <text x="275" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc"> {</text> <text x="80" y="200" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe">@Autowired</text> <text x="80" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#569cd6">private</text> <text x="140" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#4ec9b0"> UserService</text> <text x="230" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe"> userService</text> <text x="315" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc">;</text>  <rect x="325" y="205" width="2" height="18" fill="#ffffff"> <animate attributeName="opacity" values="1;0;1" dur="1s" repeatCount="indefinite"/> </rect> </g>  <rect x="350" y="760" width="1050" height="140" fill="#1e1e1e" stroke="#3c3c3c" stroke-width="1"/>  <rect x="350" y="760" width="1050" height="30" fill="#2d2d30"/>  <g transform="translate(365, 760)">  <rect x="0" y="5" width="80" height="20" rx="2" fill="#007acc" opacity="0.8"/> <text x="5" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">📋 需求</text>  <rect x="90" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="95" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">🏗️ 架构</text>  <rect x="180" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="185" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">🧪 测试</text>  <rect x="270" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="275" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">👁️ 评审</text>  <rect x="360" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="365" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">🔒 安全</text>  <rect x="450" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="455" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">⚙️ CI/CD</text>  <rect x="530" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="535" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📦 容器</text>  <rect x="610" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="615" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">☁️ 部署</text>  <rect x="690" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="695" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📊 日志</text>  <rect x="770" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="775" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📈 监控</text> </g>  <g transform="translate(365, 800)"> <text x="0" y="15" font-family="Segoe UI, Arial, sans-serif" font-size="13" font-weight="bold" fill="#ffffff">需求管理</text>  <rect x="0" y="25" width="200" height="60" rx="4" fill="#252526" stroke="#3c3c3c" stroke-width="1"/> <text x="10" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" font-weight="bold" fill="#ffffff">用户登录功能</text> <text x="10" y="55" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">状态: 开发中</text> <text x="10" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">优先级: 高</text> <rect x="220" y="25" width="200" height="60" rx="4" fill="#252526" stroke="#3c3c3c" stroke-width="1"/> <text x="230" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" font-weight="bold" fill="#ffffff">商品管理模块</text> <text x="230" y="55" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">状态: 待开发</text> <text x="230" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">优先级: 中</text>  <rect x="450" y="25" width="80" height="25" rx="2" fill="#007acc"/> <text x="455" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">+ 新建需求</text> <rect x="540" y="25" width="80" height="25" rx="2" fill="#0e639c"/> <text x="545" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">需求分析</text> </g>  <rect x="0" y="880" width="1400" height="20" fill="#007acc"/> <text x="10" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">🔗 main</text> <text x="80" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">✓</text> <text x="100" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">0 ⚠ 0 ❌</text> <text x="1200" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">Ln 8, Col 24</text> <text x="1290" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">UTF-8</text> <text x="1340" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">Java</text> </svg> 帮我修改一下上面的svg: 底部DevOps面板 ,高度可以高一点,需求页签可以展示用户的开发任务列表,支持用户故事一键拆解开发任务 , ECOMMERCE-APP改为金融领域的APP, 使用一些标注,说明可以基于脚手架创建项目、底部DevOps面板 , 集成了完整的研发过程各环节的工具链 - Initial Deployment about 1 month ago
index.html

25.9 kB

<svg viewBox="0 0 1400 900" xmlns="http://www.w3.org/2000/svg">  <defs> <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%"> <feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.2"/> </filter> </defs>  <rect width="1400" height="900" fill="#1e1e1e"/>  <rect x="0" y="0" width="1400" height="35" fill="#323233"/>  <rect x="8" y="8" width="19" height="19" rx="2" fill="#007acc"/> <text x="11" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff">S</text> <text x="35" y="22" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">Smart IDE - ecommerce-app</text>  <rect x="1320" y="8" width="19" height="19" fill="transparent"/> <text x="1327" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">—</text> <rect x="1345" y="8" width="19" height="19" fill="transparent"/> <text x="1351" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">□</text> <rect x="1370" y="8" width="19" height="19" fill="transparent"/> <text x="1376" y="20" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">×</text>  <rect x="0" y="35" width="1400" height="25" fill="#2d2d30"/> <text x="15" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">文件</text> <text x="50" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">编辑</text> <text x="85" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">选择</text> <text x="120" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">视图</text> <text x="155" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">转到</text> <text x="190" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">运行</text> <text x="225" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">终端</text> <text x="260" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#cccccc">帮助</text>  <rect x="0" y="60" width="50" height="840" fill="#333333"/>  <g transform="translate(0, 60)">  <rect x="0" y="0" width="50" height="50" fill="#094771"/> <rect x="0" y="0" width="2" height="50" fill="#007acc"/> <text x="25" y="30" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#ffffff">📁</text>  <rect x="0" y="50" width="50" height="50" fill="transparent"/> <text x="25" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">🔍</text>  <rect x="0" y="100" width="50" height="50" fill="transparent"/> <text x="25" y="130" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">🔗</text>  <rect x="0" y="150" width="50" height="50" fill="transparent"/> <text x="25" y="180" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">▶️</text>  <rect x="0" y="200" width="50" height="50" fill="transparent"/> <text x="25" y="230" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">⬜</text>  <rect x="0" y="250" width="50" height="50" fill="transparent"/> <text x="25" y="280" font-family="Segoe UI, Arial, sans-serif" font-size="16" text-anchor="middle" fill="#cccccc">🤖</text> </g>  <rect x="50" y="60" width="300" height="840" fill="#252526"/>  <rect x="50" y="60" width="300" height="35" fill="#2d2d30"/> <text x="65" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="13" font-weight="bold" fill="#cccccc">资源管理器</text>  <rect x="65" y="105" width="270" height="120" fill="#1e1e1e" stroke="#3c3c3c" stroke-width="1"/> <text x="75" y="125" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff">快速创建项目</text>  <text x="75" y="145" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">前端框架</text> <rect x="75" y="150" width="50" height="22" rx="2" fill="#42b883" opacity="0.2" stroke="#42b883" stroke-width="1"/> <text x="78" y="163" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#42b883">Vue.js</text> <rect x="135" y="150" width="50" height="22" rx="2" fill="#61dafb" opacity="0.2" stroke="#61dafb" stroke-width="1"/> <text x="138" y="163" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#61dafb">React</text>  <text x="75" y="185" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">后端框架</text> <rect x="75" y="190" width="70" height="22" rx="2" fill="#6db33f" opacity="0.2" stroke="#6db33f" stroke-width="1"/> <text x="78" y="203" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#6db33f">Spring Boot</text> <rect x="155" y="190" width="60" height="22" rx="2" fill="#68a063" opacity="0.2" stroke="#68a063" stroke-width="1"/> <text x="158" y="203" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#68a063">Node.js</text>  <g transform="translate(65, 245)"> <text x="0" y="15" font-family="Segoe UI, Arial, sans-serif" font-size="13" font-weight="bold" fill="#cccccc">ECOMMERCE-APP</text>  <g transform="translate(0, 25)"> <text x="0" y="15" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">▼ 📁 frontend</text> <text x="20" y="35" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📁 src</text> <text x="40" y="50" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#42b883">📄 App.vue</text> <text x="40" y="65" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#f7df1e">📄 main.js</text> <text x="40" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📄 index.html</text> <text x="20" y="100" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📄 package.json</text> <text x="0" y="125" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">▼ 📁 backend</text> <text x="20" y="145" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📁 src</text> <text x="40" y="160" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#6db33f">📄 UserController.java</text> <text x="40" y="175" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#6db33f">📄 UserService.java</text> <text x="40" y="190" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#6db33f">📄 Application.java</text> <text x="20" y="210" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📄 pom.xml</text> <text x="0" y="235" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">► 📁 docker</text> <text x="0" y="255" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">📄 README.md</text> </g> </g>  <rect x="350" y="60" width="1050" height="700" fill="#1e1e1e"/>  <rect x="350" y="60" width="1050" height="35" fill="#2d2d30"/>  <rect x="350" y="60" width="180" height="35" fill="#1e1e1e" stroke="#007acc" stroke-width="0" stroke-dasharray="0,0,0,2"/> <rect x="350" y="92" width="180" height="2" fill="#007acc"/> <text x="365" y="80" font-family="Consolas, Monaco, monospace" font-size="12" fill="#ffffff">UserController.java</text> <text x="515" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">×</text>  <rect x="530" y="60" width="120" height="35" fill="#2d2d30"/> <text x="545" y="80" font-family="Consolas, Monaco, monospace" font-size="12" fill="#cccccc">App.vue</text> <text x="645" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#cccccc">×</text>  <g transform="translate(350, 95)">  <rect x="0" y="0" width="50" height="665" fill="#1e1e1e"/> <line x1="50" y1="0" x2="50" y2="665" stroke="#3c3c3c" stroke-width="1"/>  <text x="45" y="20" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">1</text> <text x="45" y="40" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">2</text> <text x="45" y="60" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">3</text> <text x="45" y="80" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">4</text> <text x="45" y="100" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">5</text> <text x="45" y="120" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">6</text> <text x="45" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">7</text> <text x="45" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">8</text> <text x="45" y="180" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">9</text> <text x="45" y="200" font-family="Consolas, Monaco, monospace" font-size="13" fill="#858585" text-anchor="end">10</text>  <text x="60" y="20" font-family="Consolas, Monaco, monospace" font-size="13" fill="#c586c0">package</text> <text x="125" y="20" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178"> com.example.controller;</text> <text x="60" y="60" font-family="Consolas, Monaco, monospace" font-size="13" fill="#c586c0">import</text> <text x="115" y="60" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178"> org.springframework.web.bind.annotation.*;</text> <text x="60" y="80" font-family="Consolas, Monaco, monospace" font-size="13" fill="#c586c0">import</text> <text x="115" y="80" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178"> org.springframework.beans.factory.annotation.Autowired;</text> <text x="60" y="120" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe">@RestController</text> <text x="60" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe">@RequestMapping</text> <text x="175" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc">(</text> <text x="185" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#ce9178">"/api/users"</text> <text x="270" y="140" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc">)</text> <text x="60" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#569cd6">public</text> <text x="115" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#569cd6"> class</text> <text x="165" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#4ec9b0"> UserController</text> <text x="275" y="160" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc"> {</text> <text x="80" y="200" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe">@Autowired</text> <text x="80" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#569cd6">private</text> <text x="140" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#4ec9b0"> UserService</text> <text x="230" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#9cdcfe"> userService</text> <text x="315" y="220" font-family="Consolas, Monaco, monospace" font-size="13" fill="#cccccc">;</text>  <rect x="325" y="205" width="2" height="18" fill="#ffffff"> <animate attributeName="opacity" values="1;0;1" dur="1s" repeatCount="indefinite"/> </rect> </g>  <rect x="350" y="760" width="1050" height="140" fill="#1e1e1e" stroke="#3c3c3c" stroke-width="1"/>  <rect x="350" y="760" width="1050" height="30" fill="#2d2d30"/>  <g transform="translate(365, 760)">  <rect x="0" y="5" width="80" height="20" rx="2" fill="#007acc" opacity="0.8"/> <text x="5" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">📋 需求</text>  <rect x="90" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="95" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">🏗️ 架构</text>  <rect x="180" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="185" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">🧪 测试</text>  <rect x="270" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="275" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">👁️ 评审</text>  <rect x="360" y="5" width="80" height="20" rx="2" fill="transparent"/> <text x="365" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">🔒 安全</text>  <rect x="450" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="455" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">⚙️ CI/CD</text>  <rect x="530" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="535" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📦 容器</text>  <rect x="610" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="615" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">☁️ 部署</text>  <rect x="690" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="695" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📊 日志</text>  <rect x="770" y="5" width="70" height="20" rx="2" fill="transparent"/> <text x="775" y="17" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#cccccc">📈 监控</text> </g>  <g transform="translate(365, 800)"> <text x="0" y="15" font-family="Segoe UI, Arial, sans-serif" font-size="13" font-weight="bold" fill="#ffffff">需求管理</text>  <rect x="0" y="25" width="200" height="60" rx="4" fill="#252526" stroke="#3c3c3c" stroke-width="1"/> <text x="10" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" font-weight="bold" fill="#ffffff">用户登录功能</text> <text x="10" y="55" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">状态: 开发中</text> <text x="10" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">优先级: 高</text> <rect x="220" y="25" width="200" height="60" rx="4" fill="#252526" stroke="#3c3c3c" stroke-width="1"/> <text x="230" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" font-weight="bold" fill="#ffffff">商品管理模块</text> <text x="230" y="55" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">状态: 待开发</text> <text x="230" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#cccccc">优先级: 中</text>  <rect x="450" y="25" width="80" height="25" rx="2" fill="#007acc"/> <text x="455" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">+ 新建需求</text> <rect x="540" y="25" width="80" height="25" rx="2" fill="#0e639c"/> <text x="545" y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">需求分析</text> </g>  <rect x="0" y="880" width="1400" height="20" fill="#007acc"/> <text x="10" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">🔗 main</text> <text x="80" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">✓</text> <text x="100" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">0 ⚠ 0 ❌</text> <text x="1200" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">Ln 8, Col 24</text> <text x="1290" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">UTF-8</text> <text x="1340" y="893" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#ffffff">Java</text> </svg> 帮我修改一下上面的svg: 底部DevOps面板 ,高度可以高一点,需求页签可以展示用户的开发任务列表,支持用户故事一键拆解开发任务 , ECOMMERCE-APP改为金融领域的APP, 使用一些标注,说明可以基于脚手架创建项目、底部DevOps面板 , 集成了完整的研发过程各环节的工具链 - Initial Deployment about 1 month ago
style.css

388 Bytes

initial commit about 1 month ago