本帮助主题介绍了Radzen应用程序的基本概念和如何构建Radzen应用代码块。 除非另有说明,否则所有概念和术语都适用于Blazor和Angular应用程序。
Radzen应用由3部分组成
1. 页面(Pages),其中包含组件和属性
2. 数据源(Data Sources)
3. 布局(Layouts)
页面
页面代表应用场景,比如
1. 显示数据项列表
2. 从表单中捕获用户输入
3. 通过图表实现数据可视化
Radzen应用在完成初始化创建的时候是空的,首先要做的是添加一个页面,有两种办法添加页面:
1. 通过新建页面向导来创建一个新页面
2. 搭建(Scaffold)数据源(数据库或者其他)。仅在Radzen专业订阅版和企业订阅版可用。
新建页面向导(New Page Wizard)
通过点击”创建新页面“按钮来打开向导,并可以从预定于模板中选择一个模板。
脚手架
脚手架功能在创建MSSQL,MySQL,Oracle,PostgreSQL或OData数据源后可用。选中”针对CRUD操作创建页面“复选框。Radzen将会针对选中的”表“或者”试图“创建CRUD页面。Radzen只会对存在主键(Primary Key)的表创建添加和编辑页面。
后面的文章会详细描述针对MSSQL,MySQL,PostgreSQL和Oracle数据源创建页面。
属性(Properties)
页面属性是 数据的一个插槽(Slot)。他们可以存储各种内容,比如数据库查询的结果,应用程序用户输入的数据或应用程序开发人员指定的内容。
组件(Components)
页面使用UI组件来实现应用场景。例如,通常在DataGrid组件中显示数据项列表,而TextBox组件捕获用户输入。 图表使数据可视化。
数据源(Data sources)
数据源表示应用程序数据-数据库(MSSQL,MySQL,Oracle或PostgreSQL)或服务(OData,REST或Swagger)。
要添加新的数据源,请单击Radzen右上角的数据按钮,然后填写详细信息。
添加数据源后,您可以从中创建CRUD页面,也可以在现有页面中使用它来检索数据并显示它。
要使用数据源,请使用“调用数据源”方法(Invoke data source method)。
布局(Layouts)
布局是一种特殊的页面,它定义了整个应用程序的通用外观。 布局由在多个页面之间共享的组件组成-页眉,页脚,导航,侧边栏,公司徽标图像。
Radzen应用程序具有两个预定义的布局:Main和Login。 Main用于所有页面。 如果以后启用安全性,则应用程序的登录页面将使用“Login”布局。