新一代平台已停用

应用程序的目录布局

请参阅本主题中的表以了解应用程序的目录布局。

表 1. 应用程序提供的源代码目录结构
目录/文件 用途
src/app 包含在其中定义应用程序逻辑和数据的组件文件。 AppModule 的作用是引导 Angular 应用程序并提供根级别路由器出口。
src/app/app-shell AppShell 模块负责在登录和导航到主页后初始化应用程序的核心服务。 它还提供了一个容器,在该容器中装入所有功能部件的模块。
src/app/core
CoreModule 包含单项服务,全局组件和其他功能部件,每个应用程序需要一个实例。 CoreModuleAppModule中导入一次。
注: 不得扩展 CoreModule 文件。 如果需要扩展核心文件,请向 IBM 支持团队提出案例。
src/app/features 包含应用程序的功能部件模块。
src/app/features/utilities 实用程序文件夹包含针对不同实体 (例如,在应用程序中使用的订单,装运和其他实体) 的公共实用程序方法。 不得扩展这些实用程序服务文件。
src/app/login LoginModule 包含与应用程序登录和注销相关的组件和服务。
src/app/shared SharedModule 包含共享组件,伪指令和提供程序。
注:
  • 不得扩展 SharedModule
  • 您可以添加新的组件或服务 SharedExtensionModule
src/assets 包含在构建应用程序时按原样复制的转换文件,样式文件和其他资产文件。
src/assets/store-frontend/i18n 包含转换文件 (JSON)。 每个模块都维护它自己的特定于语言环境或语言的翻译文件。
src/assets/styles/store-frontend/styles 包含项目的全局样式,例如字体图标文件,分区和图像字符图标。
src/assets/styles/store-frontend/styles/bootstrap-sass/_variables.scss 包含在整个应用程序中使用的颜色,字体大小,字体系列和其他值的标准定义。
src/assets/store-frontend/styles/fonts/* 包含与字体图标相关的文件。
src/assets/store-frontend/styles/_glyphicons.scss 包含字体图标的 CSS。
src/styles.scss 导入所有部分 SCSS 文件以将其样式应用于应用程序。
表 2。 用于存储客户扩展源代码的目录结构
目录/文件 用途
store-extensions-src/app 包含定制或扩展组件文件。
store-extensions-src/app/store-customization-impl.ts 扩展定义文件,您在其中使用新添加的组件,服务和延迟装入的模块路径的名称来更新相应属性的值。
store-extensions-src/assets 包含在构建应用程序时按原样复制的转换文件,样式文件和其他资产文件。
store-extensions-src/assets/store-frontend/i18n 分别包含现有模块和新添加的模块的扩展/新添加的转换文件。
store-extensions-src/assets/styles/store-frontend/styles 包含定制 SCSS 和部分文件。
store-extensions-src/assets/store-frontend/styles/_variables_extn.scss 包含覆盖的 SCSS 属性和定制组件中使用的定制 SCSS 属性。
store-extensions-src/styles_extn.scss 导入定制部分 SCSS 文件以将定制样式应用于应用程序。
表 3. 内部应用程序构建文件夹本部分仅供参考。
目录 用途
store-app-build

包含应用程序提供的文件 (src) 和定制文件 (store-extensions-src) 的合并源代码。

警告: 这是 仅查看 文件夹。 在定制期间,不得重命名或修改此文件夹的内容。
要避免意外查看或修改 store-app-build 文件夹的文件或内容,必须执行以下操作:
  1. 隐藏此文件夹,使其不显示在 IDE 的文件资源管理器中。
  2. 在搜索中排除此文件夹及其内容。
如果要使用 Microsoft Visual Studio Code 作为 IDE ,请执行以下步骤以隐藏此文件夹并将其从搜索中排除。
在 Mac 上:
  1. 前往代码 > 首选项 > 设置
  2. 搜索 文件: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击 确定
  3. 搜索 搜索: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击 确定
在 Windows 上:
  1. 前往 文件 > 首选项 > 设置
  2. 搜索 文件: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击确定
  3. 搜索 搜索: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击 确定
注: 仅当您使用 Microsoft Visual Studio Code 作为 IDE 时,这些步骤才适用。 对于任何其他 IDE ,请确保执行类似的步骤。