All docs
V20.1
20.2 (EAP/Beta)
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

Basic Tutorial (Blazor SimpleProjectManager Application)

  • 2 minutes to read

This tutorial explains how to create an XAF application that is used within a company department (Intranet) and can be opened in desktop and mobile browsers. It uses DevExpress Blazor UI controls for data presentation, and DevExpress XPO for data access.

The Blazor SimpleProjectManager application

This Blazor application can be used in the following scenarios:

  • a user can view, search, create, update, and delete employees, projects and task data;
  • a user can view, search, create, update, and delete customers and comments about a product to organize and provide data for a promotional website.

In this tutorial, you write the platform-agnostic code that affects application aspects that are not specific to the ASP.NET Core Blazor platform. XAF automatically generates UI screens and specifies database access.

Dependencies and Prerequisites

Before you start the tutorial, read this section and ensure that the following conditions are met:

  1. Visual Studio 2019 (with the ASP.NET and web development workload) is installed on your machine. You have basic experience of .NET framework development in this IDE.
  2. A free 30-day trial version or a licensed version of DevExpress Universal Subscription is installed on your machine. If you are using a trial version, register at https://www.devexpress.com/blazor-registration first.
  3. DevExpress NuGet Feed is registered in your Visual Studio: Setup Visual Studio's NuGet Package Manager.
  4. You have basic knowledge of Object-relational mapping (ORM) concepts and the DevExpress XPO.
  5. Any RDBMS supported by the XPO ORM tool (see Database Systems Supported by XPO) is installed and accessible from your machine to store the application data (a LocalDB or SQL Server Express instance is recommended).
  6. You are familiar with XAF application architecture.

Tutorial's Lessons

  1. Create an XAF Application - create a Blazor XAF application and specify its connection strings.
  2. Define the Data Model and Relationships - define the data model that serves as a base for the application's CRUD UI.
  3. Customize the Application UI and Behavior - customize the auto-generated UI's structure and metadata and implement custom user interaction.
  4. Reuse Implemented Functionality - add modules to your applications to enable additional functionality.

Learn More

NOTE

If you need assistance with your XAF application, submit a new ticket to the Support Center.