Skip to content

Add other ui options for microservice tutorial #22730

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 10 commits into
base: dev
Choose a base branch
from
Open

Add other ui options for microservice tutorial #22730

wants to merge 10 commits into from

Conversation

m-aliozkaya
Copy link
Contributor

@m-aliozkaya m-aliozkaya added this to the 9.3-preview milestone Apr 21, 2025
@m-aliozkaya m-aliozkaya marked this pull request as draft April 21, 2025 14:33
Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 17.3%, saving 236.20 KB.

Filename Before After Improvement Visual comparison
docs/en/Community-Articles/2025-04-20-IDX10204/header.png 67.89 KB 45.35 KB -33.2% View diff
docs/en/Community-Articles/2025-04-20-IDX10204/payload.png 227.72 KB 141.58 KB -37.8% View diff
docs/en/tutorials/microservice/images/abp-studio-abp-suite-inside-blazor.png 119.62 KB 103.32 KB -13.6% View diff
docs/en/tutorials/microservice/images/abp-studio-abp-suite-inside-ng.png 129.44 KB 110.83 KB -14.4% View diff
docs/en/tutorials/microservice/images/abp-studio-add-new-microservice-dialog-database-step-mongo.png 41.61 KB 25.01 KB -39.9% View diff
docs/en/tutorials/microservice/images/abp-studio-add-new-microservice-dialog-integration-step_angular.png 69.26 KB 64.01 KB -7.6% View diff
docs/en/tutorials/microservice/images/abp-studio-browser-catalog-service-swagger-ui-blazor.png 140.99 KB 118.59 KB -15.9% View diff
docs/en/tutorials/microservice/images/abp-studio-browser-catalog-service-swagger-ui-ng.png 129.79 KB 110.48 KB -14.9% View diff
docs/en/tutorials/microservice/images/abp-studio-catalog-service-start-blazor.png 46.76 KB 43.82 KB -6.3% View diff
docs/en/tutorials/microservice/images/abp-studio-catalog-service-start-ng.png 51.58 KB 47.58 KB -7.8% View diff
docs/en/tutorials/microservice/images/abp-studio-generate-proxy-blazor-2.png 45.73 KB 42.21 KB -7.7% View diff
docs/en/tutorials/microservice/images/abp-studio-generate-proxy-blazor.png 53.55 KB 48.35 KB -9.7% View diff
docs/en/tutorials/microservice/images/abp-studio-new-catalog-service-in-solution-explorer-blazor.png 44.28 KB 41.99 KB -5.2% View diff
docs/en/tutorials/microservice/images/abp-studio-new-catalog-service-in-solution-explorer-ng.png 42.70 KB 40.49 KB -5.2% View diff
docs/en/tutorials/microservice/images/abp-studio-solution-explorer-initial-cloud-crm-microservice-solution-blazor.png 30.78 KB 29.15 KB -5.3% View diff
docs/en/tutorials/microservice/images/abp-studio-solution-explorer-initial-cloud-crm-microservice-solution-ng.png 33.74 KB 31.99 KB -5.2% View diff
docs/en/tutorials/microservice/images/abp-studio-solution-runner-play-all-blazor.png 45.51 KB 42.75 KB -6.1% View diff
docs/en/tutorials/microservice/images/abp-studio-solution-runner-play-all-ng.png 46.25 KB 43.50 KB -5.9% View diff

2912 images did not require optimisation.

@m-aliozkaya m-aliozkaya marked this pull request as ready for review April 25, 2025 14:28
@m-aliozkaya m-aliozkaya requested a review from enisn April 25, 2025 14:29
@m-aliozkaya
Copy link
Contributor Author

Maybe it could be better to adding this changes to the 9.1 patch as well.

Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 11.9%, saving 283.45 KB.

Filename Before After Improvement Visual comparison
docs/en/Community-Articles/2025-04-20-IDX10204/header.png 67.89 KB 45.35 KB -33.2% View diff
docs/en/Community-Articles/2025-04-20-IDX10204/payload.png 227.72 KB 141.58 KB -37.8% View diff
docs/en/Community-Articles/2025-04-25-AI-Comment-Summarization/summary-card.png 27.24 KB 22.48 KB -17.5% View diff
docs/en/tutorials/microservice/images/abp-studio-browse-ordering-service.png 98.66 KB 82.99 KB -15.9% View diff
docs/en/tutorials/microservice/images/abp-studio-catalog-service-start-blazor.png 49.49 KB 46.25 KB -6.5% View diff
docs/en/tutorials/microservice/images/abp-studio-generate-proxy-blazor-2.png 45.55 KB 41.56 KB -8.8% View diff
docs/en/tutorials/microservice/images/abp-studio-generate-proxy-blazor.png 41.27 KB 37.91 KB -8.2% View diff
docs/en/tutorials/microservice/images/abp-studio-run-solution.png 34.31 KB 32.09 KB -6.5% View diff
docs/en/tutorials/microservice/images/abp-studio-solution-explorer-ordering-microservice.png 37.04 KB 34.48 KB -6.9% View diff
docs/en/tutorials/microservice/images/ordering-service-swagger-ui.png 73.23 KB 62.88 KB -14.1% View diff
docs/en/ui-themes/lepton-x/images/account-layout-background-style.png 1.65 MB 1.52 MB -7.6% View diff

2925 images did not require optimisation.

@ismcagdas
Copy link
Member

@m-aliozkaya I selected different UI's but sample project link doesn't change. We can create sample projects for;

  • Blazor WebApp + EF
  • Angular + EF

For other options, we can hide the sample download link.

image

@ismcagdas
Copy link
Member

ismcagdas commented May 12, 2025

  • I'm testing Angular UI but, here it says Blazor

image

@ismcagdas
Copy link
Member

ismcagdas commented May 12, 2025

  • This port changes dynamically. So, we can mention here to run this command using OrderService's port.

image

Copy link
Member

@ismcagdas ismcagdas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have tested Angular version and completed my review, here are my comments;

#22730 (comment)
#22730 (comment)
#22730 (comment)

Overally, angular document is very good 🙏

@gizemmutukurt gizemmutukurt self-requested a review May 21, 2025 06:25
Copy link
Contributor

@gizemmutukurt gizemmutukurt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • https://github.com/volosoft/abp-studio/issues/3053

  • In the Blazor Server training, a Web project screenshot appears to have been added to the module settings.
    image
    image

  • After creating the Entities folder where we added the code from the document, it would be useful to clearly state that we will create a file named Order.cs and write this code into it.
    image
    image
    image
    image
    image

@gizemmutukurt
Copy link
Contributor

gizemmutukurt commented May 22, 2025

  • This part is unnecessary, studio adds it automatically. The URL there is causing confusion.

image

@gizemmutukurt
Copy link
Contributor

gizemmutukurt commented May 23, 2025

  • Blazor wasm - When I run it in visual studio I can't see the analyze.json files.

image
image

@gizemmutukurt gizemmutukurt self-requested a review May 28, 2025 05:10
Copy link
Contributor

@gizemmutukurt gizemmutukurt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Blazor should be written instead of web

image

  • There is no Navigation in .Blazor. It is in the .Client project.
    image
    image

@enisn enisn requested a review from Copilot May 29, 2025 06:46
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR updates the Microservice Tutorial documentation to support additional UI options and database providers, expanding configuration variability for users.

  • Introduces a new doc-params JSON block in each tutorial part to clearly define available UI and DB options.
  • Adds conditional logic to display UI-specific instructions and images for MVC, Blazor, Angular, etc.
  • Updates several tutorial sections to reflect new integration steps for these options.

Reviewed Changes

Copilot reviewed 35 out of 35 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
docs/en/tutorials/microservice/part-07.md Added doc-params block for UI and DB along with minor formatting changes.
docs/en/tutorials/microservice/part-06.md Updated UI sections with conditional blocks for different frameworks and clarified proxy generation instructions.
docs/en/tutorials/microservice/part-05.md Revised instructions for creating the Order entity and added UI-specific sections for Blazor; introduced Angular order component snippet.
docs/en/tutorials/microservice/part-04.md Added doc-params block and UI/DB conditional code for improved step clarity.
docs/en/tutorials/microservice/part-03.md Updated UI conditionals and image references for multiple frameworks.
docs/en/tutorials/microservice/part-02.md Introduced doc-params block and conditional integration instructions.
docs/en/tutorials/microservice/part-01.md Reorganized initial configuration instructions using conditionals for DB and UI framework options.
docs/en/tutorials/microservice/index.md Added the new doc-params block for consistency across tutorials.

selector: 'lib-order',
standalone: false,
templateUrl: './order.component.html',
styleUrl: './order.component.css'
Copy link
Preview

Copilot AI May 29, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In Angular, the component decorator property should be 'styleUrls' (an array) instead of 'styleUrl'. Please update this to ensure the styles are correctly applied.

Suggested change
styleUrl: './order.component.css'
styleUrls: ['./order.component.css']

Copilot uses AI. Check for mistakes.

@gizemmutukurt
Copy link
Contributor

  • It is not specified where and with what name the code to be added for the page will be added.

image
image

@gizemmutukurt
Copy link
Contributor

  • In this section, it is not specified which file it will be added to. Also, next to the code I marked, a comment can be stated as in other code blocks where only this line has changed, such as "//change line".

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants