资产管理指南

欢迎使用 Finch 资源管理指南！本指南将引导您完成在 Finch 应用程序中管理资源的步骤。无论您是经验丰富的开发人员还是刚刚起步，Finch 都提供了一套强大的工具来简化服务器端 Web 应用程序开发。

什么是资源？

Finch 中的资源是应用程序中使用的文件。这些文件可以是 JavaScript、CSS、图像或任何其他类型的文件。资源用于为应用程序添加功能、样式和内容。

如何在 Finch 中使用资源？

Finch 提供了一种简单的方法来管理应用程序中的资源。您可以使用 addAsset 方法将资源添加到应用程序。以下是使用示例：

app.get(
  path: '/',
  index: (rq) async {
    rq.addAsset(Asset(path: '/path/to/your/asset.js'));
    return rq.renderString(text: 'Hello World');
  },
);

您还可以使用 addAssets 方法一次添加多个资源。以下是使用示例：

app.get(
  path: '/',
  index: (rq) async {
    rq.addAssets([
      Asset(path: '/path/to/your/asset.js'),
      Asset(path: '/path/to/your/asset.css'),
    ]);
    return rq.renderString(text: 'Hello World');
  },
);

资源类型

Finch 支持两种类型的资源：JavaScript 和 CSS。您可以使用 type 参数指定资源的类型。以下是使用示例：

app.get(
  path: '/',
  index: (rq) async {
    rq.addAsset(Asset(path: '/path/to/your/asset.js', type: AssetType.js));
    rq.addAsset(Asset(path: '/path/to/your/asset.css', type: AssetType.css));
    return rq.renderString(text: 'Hello World');
  },
);

模板中的资源

您还可以使用 {{ assets.js() }} 语法将资源添加到模板中。以下是使用示例：

<!DOCTYPE html>
<html>
  <head>
    {{ assets.css() }}
  </head>
  <body>
    {{ assets.js() }}
    Hello World
  </body>
</html>

结果

上述代码的结果将是一个包含以下内容的 HTML 页面：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="/path/to/your/asset.css" />
  </head>
  <body>
    <script src="/path/to/your/asset.js"></script>
    Hello World
  </body>
</html>

本页内容

资产管理指南

什么是资源？

如何在 Finch 中使用资源？

资源类型

模板中的资源

结果