This guide demonstrates how to create and run a simple Radzen application. The application will display a data grid which is bound to an MS SQL Server database.
How to build the application
- Prerequisite: Install Radzen
- Step 1: Create and configure the application
- Step 2: Add an MS SQL Server data-source
- Step 3: Run the application
If you haven’t already installed Radzen follow the installation instructions.
Start Radzen by double clicking its icon. After it starts you will see Create New Application screen.
- Pick a theme. Radzen provides 4 visual themes out of the box.
- Set the application name to RadzenDemo.
- Finally specify the directory where the application will be stored.
- Click the Create button to complete this step.
Click the data button in the upper right corner to add the MS SQL Server service that your application will use.
This will open the My DataSources screen which allows you to add, edit and delete the data sources which your Radzen application uses. Initially this screen is empty. Click the new button to add a new data source.
- Select MS SQL Server.
- Set data-source and database names to Sample and enter your MS SQL Server location, user name and password. On Windows you can use Windows Authentication without user name and password.
- Click Create Sample Schema. This will create Sample database. If the database is already available Radzen will ask for permission to delete it.
- Click Next.
Radzen will then infer all entities and allow you to remove the entities and/or entities properties you don’t need for the current application.
- Check Generate pages for CRUD operations. Radzen will automatically populate second tree with pages for add, read and edit for all entities. You can choose for each entity if add, read and edit page should be generated.
- Click the Finish button.
That’s it! We are ready to see what we have accomplished. Click the run button in the top right corner.
Radzen will generate the code required to run the application (Blazor components and services), build it and show the result in your browser: