Hugging Face
Models
Datasets
Spaces
Community
Docs
Enterprise
Pricing
Log In
Sign Up
Spaces:
sgch2023
/
ide-ui
like
0
Running
App
Files
Files
Community
main
ide-ui
Ctrl+K
Ctrl+K
1 contributor
History:
4 commits
sgch2023
这里改为数字 1 2 3 4 - Follow Up Deployment
d9cca01
verified
about 1 month ago
.gitattributes
Safe
1.52 kB
initial commit
about 1 month ago
README.md
Safe
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> <!-- AI助手 --> <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"/> <!-- DevOps工具标签 --> <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> <!-- CI/CD --> <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
Safe
6.79 kB
这里改为数字 1 2 3 4 - Follow Up Deployment
about 1 month ago
style.css
Safe
388 Bytes
initial commit
about 1 month ago