基础介绍

功能介绍

自定义海报功能允许开发者创建可配置的海报模板，用于商品推广、活动宣传等场景。系统提供了基础的海报组件和灵活的自定义机制，开发者可以根据自身业务需求，开发自定义海报。海报尺寸默认为720*1280

框架定义的海报装修页面

系统内置了海报装修页面，位于管理后台，开发者无需自行开发前端装修界面。装修页面支持拖拽操作、组件属性编辑、模板选择等功能。

如需了解海报装修的核心原理，开发者可以阅读了解以下文件：

装修页面代码

文件位置：admin\src\app\views\poster\edit.vue

海报 store 状态管理代码

文件位置：admin\src\stores\modules\poster.ts

目前海报基础组件类型有四种，text（文本）、image（图片）、qrcode（二维码）、draw（绘画），后续还会继续完善，实现更加灵活的自定义海报装修。

框架定义的海报组件

这里是系统框架定义的海报组件，还包括加载插件的海报组件，可供借鉴参考

文件位置：niucloud-core/src/main/resources/core/loader/poster/components.json

加载插件的海报组件：

• 合并每个插件目录下的 poster/components.json 文件

• 加载这些插件自定义的组件配置

框架定义的海报模板

框架提供了默认的海报模板，位于 niucloud-core/src/main/resources/core/loader/poster/template.json

模板定义了海报的默认布局和组件配置。可供借鉴参考