diff --git a/docs/en/tutorials/modular-crm/images/abp-studio-install-module-dialog-v2.png b/docs/en/tutorials/modular-crm/images/abp-studio-install-module-dialog-v2.png new file mode 100644 index 0000000000..b17d3bc04f Binary files /dev/null and b/docs/en/tutorials/modular-crm/images/abp-studio-install-module-dialog-v2.png differ diff --git a/docs/en/tutorials/modular-crm/images/abp-studio-install-module-dialog.png b/docs/en/tutorials/modular-crm/images/abp-studio-install-module-dialog.png deleted file mode 100644 index 8c9abf1bf7..0000000000 Binary files a/docs/en/tutorials/modular-crm/images/abp-studio-install-module-dialog.png and /dev/null differ diff --git a/docs/en/tutorials/modular-crm/part-04.md b/docs/en/tutorials/modular-crm/part-04.md index 24810578f4..ea3147d97d 100644 --- a/docs/en/tutorials/modular-crm/part-04.md +++ b/docs/en/tutorials/modular-crm/part-04.md @@ -18,9 +18,9 @@ In this part, you will build a new module for placing orders and install it in t ## Creating a Standard Module -In the first part of this tutorial, you created the `ModularCrm` solution with modularity enabled by selecting the _Setup as a modular solution_ option. At that time, you also created your first module - `ModularCrm.Catalog` - using the *Standard Module* template. +In the first part of this tutorial, you created the `ModularCrm` solution with selecting the _Setup as a modular solution_ option and adding a module named `ModularCrm.Catalog` using the *Standard Module* template. -Now, you will create a second module for the `ModularCrm` solution through ABP Studio. This new module, called `Ordering`, will handle all order related functionality in the application. +Now, you will create a second module for the `ModularCrm` solution through ABP Studio's *Solution Explorer*. This new module, called `ModularCrm.Ordering`, will handle all order related functionality in the application. To add a new module, right-click the `modules` folder on the *Solution Explorer* panel, and select the *Add* -> *New Module* -> *Standard Module* command: @@ -34,21 +34,23 @@ Set `ModularCrm.Ordering` as the *Module name*, leave the *Output folder* as is ![abp-studio-add-new-standard-module-ui-dialog](images/abp-studio-add-new-standard-module-ui-dialog.png) -You can choose the type of UI you want to support in your module or select *No UI* if you don't need a user interface. In this example, we'll select the *MVC* option and click *Next*. One difference is that, for a standard module, you can only choose one UI type. +You can choose the type of UI you want to support in your module or select *No UI* if you don't need a user interface. In this example, we'll select the *MVC* option and click *Next*. ![abp-studio-add-new-standard-module-db-dialog](images/abp-studio-add-new-standard-module-db-dialog.png) -The same limitation applies to the database selection. You can only choose one database provider for a standard module. Select the *Entity Framework Core* option and click *Next*. +In this screen, select the *Entity Framework Core* option and click *Next*. ![abp-studio-add-new-standard-module-additional-dialog](images/abp-studio-add-new-standard-module-additional-dialog.png) -You can uncheck the *Include Tests* option to keep the module simple. Click the *Create* button to create the module. +You can include or not include unit tests for the new module here. We are unchecking the *Include Tests* option this time to show a different structure for this example. Click the *Create* button to create the module. + +Here is the final solution structure after adding the `ModularCrm.Ordering` module: ![abp-studio-modular-crm-with-standard-module](images/abp-studio-modular-crm-with-standard-module.png) ## Installing into the Main Application -In this section, you will install the `ModularCrm.Ordering` module in the main application so it can be part of the system. +In this section, you will install the `ModularCrm.Ordering` module in the main application so it can be part of the monolith application. > Before the installation, please ensure the web application is not running. @@ -62,10 +64,10 @@ That command opens the *Import Module* dialog: Select the `ModularCrm.Ordering` module and check the *Install this module* option as shown in the preceding figure. When you click the OK button, a new dialog is shown to select the packages to install: -![abp-studio-install-module-dialog](images/abp-studio-install-module-dialog.png) +![abp-studio-install-module-dialog](images/abp-studio-install-module-dialog-v2.png) -Select the `ModuleCrm.Ordering` and `ModularCrm.Ordering.UI` packages from the left area and the `ModularCrm` package from the middle area as shown in the preceding figure. Finally, click *OK*. +Select the `ModularCrm.Ordering` and `ModularCrm.Ordering.UI` packages from the left area and ensure the `ModularCrm` package from the middle area was checked as shown in the preceding figure. Finally, click _OK_. ## Summary -In this part of the tutorial, you've created a standard module. This allows you to create modules or applications with a different structure. In the next part, you will add functionality to the Ordering module. +In this part of the tutorial, you've created a new module and installed it into the main solution. In the [next part](part-05), you will add functionality to the new Ordering module.