- 添加 .dockerignore 和 .env.example 配置文件 - 添加 .gitignore 忽略规则配置 - 创建服务端代理API路由(_file、_modules、_server) - 集成 Ant Design Vue 组件库并配置SSR样式提取 - 定义API响应类型封装 - 创建基础布局组件(blank、console) - 实现应用中心页面和组件(AppsCenter) - 添加文章列表测试页面 - 配置控制台导航菜单结构 - 实现控制台头部组件 - 创建联系页面表单
116 lines
4.9 KiB
Vue
116 lines
4.9 KiB
Vue
<template>
|
||
<div class="mx-auto max-w-screen-xl px-4 py-12">
|
||
<a-typography-title :level="1" class="!mb-2">平台能力</a-typography-title>
|
||
<a-typography-paragraph class="!text-gray-600 !mb-8">
|
||
平台定位为 SaaS 软件开发平台:支持私有化部署,提供模板/插件生态,并将“下单支付→自动开通→初始化交付”标准化。
|
||
</a-typography-paragraph>
|
||
|
||
<a-tabs>
|
||
<a-tab-pane key="tenant" tab="多租户与权限">
|
||
<a-row :gutter="[16, 16]">
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="租户隔离">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
租户数据隔离、域名/应用信息绑定、独立配置与配额策略,适配多业务线与多客户运营。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="权限体系">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
角色/菜单/按钮权限,审计与操作日志;支持模块级别的权限装配与初始化。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
</a-row>
|
||
</a-tab-pane>
|
||
|
||
<a-tab-pane key="modules" tab="模块化与扩展">
|
||
<a-row :gutter="[16, 16]">
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="模块组合产品">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
将能力拆分为可组合的模块:内容、商品、订单、会员、营销、表单等,可按产品套餐选择并初始化。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="扩展点与二开">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
支持插件化扩展点,便于第三方能力集成与二次开发;可沉淀为生态插件进行复用与变现。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
</a-row>
|
||
</a-tab-pane>
|
||
|
||
<a-tab-pane key="market" tab="模板/插件生态">
|
||
<a-row :gutter="[16, 16]">
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="模板市场">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
行业模板 + 初始化脚本配套,让交付标准化;支持多版本、预览、回滚与迁移。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="插件市场">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
插件按需购买启用,支持授权校验、更新与兼容性管理;可用于增值服务与生态合作。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
</a-row>
|
||
<div class="mt-6">
|
||
<a-button @click="navigateTo('/market')">了解模板/插件市场</a-button>
|
||
</div>
|
||
</a-tab-pane>
|
||
|
||
<a-tab-pane key="ops" tab="运维与安全">
|
||
<a-row :gutter="[16, 16]">
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="可观测与运维">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
支持日志/告警/指标等可观测能力接入;提供升级策略、灰度与回滚建议。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="私有化与合规">
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
支持专有云/本地部署与数据安全策略;可按客户要求提供交付物清单与验收流程。
|
||
</a-typography-paragraph>
|
||
</a-card>
|
||
</a-col>
|
||
</a-row>
|
||
</a-tab-pane>
|
||
</a-tabs>
|
||
|
||
<a-card class="mt-10" :bordered="false" style="background: #f6ffed">
|
||
<a-row :gutter="[16, 16]" align="middle">
|
||
<a-col :xs="24" :md="16">
|
||
<a-typography-title :level="3" class="!mb-1">想把你的业务做成可售卖的产品?</a-typography-title>
|
||
<a-typography-paragraph class="!mb-0 !text-gray-600">
|
||
我们可以基于平台能力帮你规划产品套餐、开通链路与交付标准。
|
||
</a-typography-paragraph>
|
||
</a-col>
|
||
<a-col :xs="24" :md="8" class="flex md:justify-end">
|
||
<a-button type="primary" size="large" @click="navigateTo('/contact')">马上联系</a-button>
|
||
</a-col>
|
||
</a-row>
|
||
</a-card>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { usePageSeo } from '@/composables/usePageSeo'
|
||
|
||
usePageSeo({
|
||
title: '平台能力 - SaaS 多租户 / 模块化 / 模板&插件生态',
|
||
description:
|
||
'平台定位为 SaaS 软件开发平台,支持私有化部署与模板/插件生态,标准化“下单支付→自动开通→初始化交付”全链路。',
|
||
path: '/platform'
|
||
})
|
||
</script>
|
||
|