-
第四节：议题(Issues)列表页 - 状态标记与过滤
学习目标 页面分析 实现步骤 第1步：准备HTML骨架与Tailwind配置 第2步：实现议题操作栏 第3步：实现议题过滤栏 第4步：实现议题列表表头 第5步：实现议题列表 第6步：实现分页控制器 关键样式技术点解析 1. 议题状态图标与颜色编码 2. 标签样式实现 3. 议题列表的响应式设计 4. 开启/关闭状态切换 5. 指派者... -
团队成员管理
用户管理 团队管理 角色管理 成员管理 用户管理 ADMIN 创建或修改用户时可以指定用户类型，用户类型有 ADMIN 和 USER 两种。 ADMIN 表示系统管理员，即：StreamPark 的超级管理员，有 StreamPark 管理页面以及各个团队的所有权限。 USER 表示平台的普通用户。创建 USER 只是创建账号的过程，默认普通... -
第三节：Commit历史页 - 时间线与变更记录
学习目标 页面分析 实现步骤 第1步：准备HTML骨架与Tailwind配置 第2步：实现提交历史过滤器 第3步：实现提交时间线 第4步：实现分页控制器 关键样式技术点解析 1. 时间线样式实现 2. 提交类型视觉区分 3. 变更统计数据的视觉表示 4. 分支标签实现 5. 响应式布局实现 常见问题与解决方案 扩展与练习建议 练习... -
Tailwind CSS 动画和过渡效果
在现代 Web 应用中，合理使用动画和过渡效果可以大大提升用户体验。Tailwind CSS 提供了丰富的动画和过渡工具类，让我们能够轻松实现各种交互效果。本节将详细介绍如何在项目中运用这些特性。 过渡效果基础 基础过渡属性 Tailwind CSS 提供了几个核心的过渡工具类： <button class = "transition-all d... -
常见问题
如何访问安装页面？ 为什么我无法收到注册邮件？ 如何切换默认语言？ 目前支持哪些数据库类型？是否支持迁移？ 如何访问安装页面？ 请前往 http://localhost:9080/install 访问安装页面。 为什么我无法收到注册邮件？ 你需要在 管理后台 -> 设置 -> SMTP 中配置自己的 SMTP。 如何切换默认语言？ 站... -
扩展链接
背景介绍 如何创建扩展链接 扩展链接的使用 背景介绍 在生产实践中，为了更好地管理 Flink作业，总会需要将其与外部服务集成，例如代码仓库、指标监控页面、实时日志记录或 HDFS/OSS 上的检查点/保存点文件夹等。 Streampark 作为一站式 Flink DevOps 平台，如果能够提供以扩展链接的形式集成这些服务的能力，在统一的地方集... -
Tailwind CSS 响应式官网开发
本节将介绍如何使用 Tailwind CSS 开发一个现代化的响应式企业官网，包括页面布局、组件开发、响应式设计等方面。 页面布局 导航栏组件 // components/Navbar.tsx import { useState } from 'react' ; const Navbar = () => ... -
Tailwind CSS 电商网站开发
本节将介绍如何使用 Tailwind CSS 开发一个现代化的电商网站，包括商品展示、购物车、结算流程等核心功能的实现。 商品列表 商品卡片组件 // components/ProductCard.tsx interface ProductCardProps { product : { id : string ;... -
Users
用户状态 热门用户 注册 登录 使用电子邮件和密码登录 从第三方OAuth登录 Reset password Notification Inbox Achievement Profile Settings Unsubscribe email 用户状态 热门用户 显示平台中排名靠前的用户。 本周声誉得分最高的用户 本周... -
完成
Summary 页面为您提供已完成任务的摘要列表。选择完成。 Ambari Web 将在您的 Web 浏览器中打开。
