Skip to content

Comments

Add other ui options for microservice tutorial#22730

Closed
m-aliozkaya wants to merge 11 commits intodevfrom
pr/5566
Closed

Add other ui options for microservice tutorial#22730
m-aliozkaya wants to merge 11 commits intodevfrom
pr/5566

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
@github-actions
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.

@github-actions
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 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

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

gizemmutukurt commented May 30, 2025

  • 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

gizemmutukurt commented May 30, 2025

  • 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

@gizemmutukurt gizemmutukurt self-requested a review June 10, 2025 11:29
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.

  • The order of operations in the project has changed with the new version, so we need to update the document for all UIs.
Apex_1749811342468.webm

@hikalkan hikalkan modified the milestones: 9.3-preview, 10.0-preview Jun 17, 2025
@m-aliozkaya
Copy link
Contributor Author

Moved to #23176

@m-aliozkaya m-aliozkaya deleted the pr/5566 branch June 25, 2025 10:33
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.

4 participants