Text to Blazor lets you rapidly generate new Blazor Admin CRUD Apps from just a text description.
This will query 5 different high quality AI models to generate 5 different Data Models, APIs, DB Migrations and Admin UIs which you can browse to find the one that best matches your requirements.
Using AI to only generate Data Models​
Whilst the result is a working CRUD App, the approach taken is very different from most AI tools which uses AI to generate the entire App that ends up with a whole new code-base developers didn't write which they'd now need to maintain.
Instead AI is only used to generate the initial Data Models within a TypeScript Declaration file which we've found is the best format supported by AI models that's also the best typed DSL for defining data models with minimal syntax that's easy for humans to read and write.
Download preferred Blazor Vue CRUD App​
Once you've decided on the Data Models that best matches your requirements, you can download your preferred generated Blazor Vue CRUD App:
Blazor Admin App​
Admin Only - is ideal for internal Admin Apps where the Admin UI is the Primary UI
Blazor Vue App​
UI + Admin - Creates a new blazor-vue template, ideal for Internet or public facing Apps which sports a full-featured content rich UI for a Web App's users whilst providing a back-office Admin UI for Admin Users to manage the App's data.
Clicking on the Admin UI button will take you to the Admin UI at /admin
:
Run Migrations​
After downloading you'll then need to run the DB Migrations to create the App's Identity Auth and DB Tables:
npm run migrate
Instant CRUD UI​
Upon which you can hit the ground running and start using the Admin UI to manage the new Data Model RDBMS Tables!
Audited Data Models​
The TypeScript Data Models enable a rapid development experience for defining an App's Data Models which are used to generate the necessary AutoQuery CRUD APIs to support an Admin UI.
An example of the productivity of this approach is the effortless support for maintaining a detailed audit history for changes to select tables by inheriting from the AuditBase
base class, e.g:
export class Job extends AuditBase {
...
}
Which can then be regenerated using the name of the TypeScript Model definitions:
npx okai Jobs.d.ts
This will include additional CreatedBy
, CreatedDate
, ModifiedBy
, ModifiedDate
, DeletedBy
and DeletedDate
properties to the specified Table and also generates the necessary
Audit Behaviors
on the AutoQuery APIs to maintain the audit history for each CRUD operation.
AutoQuery CRUD Audit Log​
As the blazor-admin and blazor-vue templates are configured to use AutoQuery's Audit Log in its Configure.AutoQuery.cs the Audit Behaviors also maintains an Audit Trail of all CRUD operations, viewable in the Admin UI:
Customize Data Models​
The generated CRUD Data Models and APIs can be further customized by authoring the TypeScript Data Models