Skip to main content

管理面板定制

¥Admin panel customization

Strapi 的前端部分称为管理面板。管理面板提供了一个图形用户界面,可帮助你构建和管理可通过 Content API 访问的内容。管理面板是一个基于 React 的单页应用,它封装了 Strapi 应用的所有功能和已安装的插件。

¥The front-end part of Strapi is called the admin panel. The admin panel presents a graphical user interface to help you structure and manage the content that will be accessible through the Content API. The admin panel is a React-based single-page application that encapsulates all the features and installed plugins of a Strapi application.

管理面板定制是 Strapi 中的一个广泛主题,涵盖以下方面:

¥Admin panel customization is a broad topic in Strapi and covers the following aspects:

  • 管理面板的某些部分可以自定义,以更好地反映你的品牌标识或修改一些默认的 Strapi 行为。

    ¥Some parts of the admin panel can be customized to better reflect your brand identity or to modify some default Strapi behaviors.

  • 管理面板的其他一些部分,例如所见即所得编辑器和打包器,可以替换。

    ¥Some other parts of the admin panel, such as the WYSIWYG editor and the bundler, can be replaced.

  • 管理面板还可以扩展以添加新功能或自定义现有用户界面。

    ¥The admin panel can also be extended to add new features or customize the existing user interface.

根据你想要实现的目标,你可能需要更新 Strapi 的不同部分,如下表所示:

¥Depending on what you want to achieve, you might need to update different parts of Strapi, as summarized in the following table:

自定义用例如何自定义它相关文档
更新管理面板的主机、端口和路径通过更新 config/admin.ts|js 文件的代码主机、端口和路径配置
通过更新 src/admin/app.ts|js 文件的代码定制选项
选择并配置打包器通过在 src/admin 文件夹中的专用配置文件中编写一些代码打包器
根据你的需要,用适当的方法 或 替换代码中出现的 方法。(有多种策略可用,请参阅相关文档)所见即所得编辑器
扩展管理面板(有多种策略可用,请参阅相关文档)扩大
部署管理面板(有多种策略可用,请参阅相关文档)部署
自定义电子邮件模板直接从管理面板通过用户和权限插件的设置用户和权限插件的用户指南