- 添加Docker相关配置文件(.dockerignore, .env.example, .gitignore) - 实现服务端API代理功能,支持文件、模块和服务器API转发 - 创建文章详情页、栏目文章列表页和单页内容展示页面 - 集成Ant Design Vue组件库并实现SSR样式提取功能 - 定义API响应数据结构类型和应用布局组件 - 开发开发者应用中心和文章管理页面 - 实现CMS导航菜单获取和多租户切换功能
92 lines
3.5 KiB
Vue
92 lines
3.5 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-alert
|
||
class="mb-6"
|
||
type="info"
|
||
show-icon
|
||
message="支持私有化部署:提供部署文档、初始化脚本、升级/回滚建议与验收清单。"
|
||
/>
|
||
|
||
<a-table :columns="columns" :data-source="rows" :pagination="false" row-key="key" />
|
||
|
||
<a-row class="mt-10" :gutter="[16, 16]">
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="私有化交付清单(示例)">
|
||
<a-list :data-source="deliverables" size="small" bordered>
|
||
<template #renderItem="{ item }">
|
||
<a-list-item>{{ item }}</a-list-item>
|
||
</template>
|
||
</a-list>
|
||
</a-card>
|
||
</a-col>
|
||
<a-col :xs="24" :md="12">
|
||
<a-card title="上线与升级策略">
|
||
<a-collapse>
|
||
<a-collapse-panel key="1" header="升级方式">
|
||
<div class="text-gray-600">
|
||
支持版本升级与兼容性说明;建议灰度升级并保留回滚方案。
|
||
</div>
|
||
</a-collapse-panel>
|
||
<a-collapse-panel key="2" header="数据安全">
|
||
<div class="text-gray-600">
|
||
提供租户隔离、权限审计、数据备份/恢复建议;可对接客户既有安全体系。
|
||
</div>
|
||
</a-collapse-panel>
|
||
<a-collapse-panel key="3" header="高可用建议">
|
||
<div class="text-gray-600">
|
||
提供多实例部署、负载均衡与健康检查建议;根据业务量规划资源与扩容策略。
|
||
</div>
|
||
</a-collapse-panel>
|
||
</a-collapse>
|
||
</a-card>
|
||
</a-col>
|
||
</a-row>
|
||
|
||
<div class="mt-10">
|
||
<a-space>
|
||
<a-button @click="navigateTo('/flow')">查看开通流程</a-button>
|
||
<a-button type="primary" @click="navigateTo('/contact')">获取部署方案</a-button>
|
||
</a-space>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { usePageSeo } from '@/composables/usePageSeo'
|
||
|
||
usePageSeo({
|
||
title: '部署方案 - SaaS / 私有化 / 混合部署',
|
||
description: '支持 SaaS、私有化与混合部署,提供交付物清单与验收流程,满足安全合规与运维可控需求。',
|
||
path: '/deploy'
|
||
})
|
||
|
||
const columns = [
|
||
{ title: '对比项', dataIndex: 'name' },
|
||
{ title: 'SaaS', dataIndex: 'saas' },
|
||
{ title: '私有化', dataIndex: 'private' },
|
||
{ title: '混合', dataIndex: 'hybrid' }
|
||
]
|
||
|
||
const rows = [
|
||
{ key: 'k1', name: '交付速度', saas: '最快', private: '中', hybrid: '中' },
|
||
{ key: 'k2', name: '数据与合规', saas: '标准', private: '最高可控', hybrid: '可定制' },
|
||
{ key: 'k3', name: '运维成本', saas: '最低', private: '客户自运维', hybrid: '可分担' },
|
||
{ key: 'k4', name: '扩展能力', saas: '强', private: '强', hybrid: '强' },
|
||
{ key: 'k5', name: '适用场景', saas: '快速试用/中小团队', private: '政企/强合规', hybrid: '集团/多系统' }
|
||
]
|
||
|
||
const deliverables = [
|
||
'部署包/镜像(示例)',
|
||
'部署与运维文档(示例)',
|
||
'初始化脚本与默认配置(示例)',
|
||
'验收清单与检查项(示例)',
|
||
'升级/回滚建议(示例)'
|
||
]
|
||
</script>
|
||
|