Oracle APEX如何以特定样式展示USERS表中的用户信息？

• 自定义HTML/CSS组件（通用方案）
  如果你的开发环境支持自定义HTML，直接编写结构化代码排版用户信息，搭配CSS实现参考图的卡片式样式：

  <div class="profile-card">
    <div class="profile-header">
      <img src="用户头像地址" alt="用户头像" class="avatar">
      <h2>{{用户名}}</h2>
    </div>
    <div class="profile-details">
      <div class="detail-item">
        <span class="label">邮箱：</span>
        <span class="value">{{用户邮箱}}</span>
      </div>
      <div class="detail-item">
        <span class="label">电话：</span>
        <span class="value">{{用户电话}}</span>
      </div>
      <!-- 按需添加更多用户字段 -->
    </div>
  </div>
  

  配套CSS调整布局与样式：

  .profile-card {
    width: 420px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin: 30px auto;
    background-color: #fff;
  }
  .profile-header {
    text-align: center;
    margin-bottom: 24px;
  }
  .avatar {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 12px;
  }
  .detail-item {
    margin: 12px 0;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6;
  }
  .label {
    font-weight: 600;
    color: #374151;
  }
  .value {
    color: #6b7280;
  }
  

  最后把代码中的{{字段名}}替换为USERS表中当前登录用户的对应字段值即可。

• 低代码平台自定义布局
  若你使用Power Apps、OutSystems这类低代码工具：

  • 放弃报表/表格组件，选用容器组件（卡片容器、分组容器）搭建基础框架
  • 将文本标签、数据绑定控件（文本框、头像控件）拖入容器，按参考图的排版方式排列
  • 调整容器的边框、阴影、内边距样式，设置标签与数据控件的字体、颜色属性
  • 将USERS表中当前登录用户的字段绑定到对应控件，实现数据动态展示

• 复用现成模板
  很多开发框架或UI库都提供了用户个人资料的现成模板，挑选与参考图风格匹配的模板，直接替换模板中的静态数据为USERS表的动态数据即可快速实现。

内容的提问来源于stack exchange，提问作者codename_zoe