可配置标题、描述与按钮的SPFX网页部件实现方案咨询

现有可用方案 #

目前有两类现成方案可以直接满足需求：

• SharePoint原生组合方案：无需开发，直接在页面编辑模式下添加文本网页部件和按钮网页部件到同一区块，调整排版后即可实现类似效果，缺点是无法实现一体化的卡片容器样式，布局调整灵活度较低。
• 社区开源样例：SPFX官方维护的社区样例库中已有多款成熟的可配置卡片类网页部件，已经内置标题、描述、按钮的配置能力，仅需简单调整样式即可匹配你需要的设计，可直接打包部署使用。

自行开发可行性 #

自行开发该网页部件完全可行，且开发门槛极低，整体开发周期不超过1天：

• 仅需要提前搭建符合版本要求的SPFX标准开发环境，包含对应版本的Node.js、Yeoman、SPFX生成器组件即可
• 在网页部件的配置清单中声明title（标题）、description（描述内容）、buttonText（按钮文本）、buttonUrl（跳转链接）四个自定义属性，SPFX会自动生成侧边配置面板，用户添加部件后可直接修改对应配置，无需额外开发配置表单逻辑
• 卡片样式可以直接使用Fluent UI官方提供的Card组件实现，和示例样式基本一致，也可以自定义CSS调整样式，适配站点整体设计规范
• 开发完成后打包生成的sppkg安装包上传到SharePoint应用目录全局部署后，所有站点的现代页面都可以直接添加使用，无额外后端服务依赖

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