CN109710253A - 一种配置数据源的web页面单选按钮实现方法 - Google Patents

Abstract

本发明涉及网页开发技术领域，尤其是一种配置数据源的web页面单选按钮实现方法。本发明所述的方法包括如下步骤：1、根据数据源key返回对应的数据项列表；2、扩展MVC框架中自带的生成单选按钮列表；3、创建一个用于生成单选按钮的模板文件；4、在视图模型类中通过属性注解的形式设置单选按钮注解，并传入对应的数据源key；5、在页面中根据配置的数据源生成一组单选按钮。采用本发明可以实现统一配置数据源在web页面生成一组单选按钮；实现了编写更少的代码实现同样的功能和代码的复用。

Description

一种配置数据源的web页面单选按钮实现方法

技术领域

本发明涉及网页开发技术领域，尤其是一种配置数据源的web页面单选按钮实现方法。

背景技术

目前网站开发中很多地方需要使用单选按钮，用于实现多个选项只允许选择一个的功能。开发过程中通常是在页面对应的服务端读取数据，然后根据数据创建一组单选按钮显示在页面上。现有网站开发中使用单选按钮的方式就算不同的页面使用同一组单选按钮，都需要分别在服务端针对不同页面编写、重复读取数据创建单选按钮的代码。这样导致开发效率低下，代码不能复用；而且因为读取数据的代码分散在各个代码文件中，管理起来也不方便，容易出错从而读取了错误的数据。

发明内容

本发明解决的技术问题在于提供一种配置数据源的web页面单选按钮实现方法；实现统一配置数据源在web页面生成一组单选按钮。

本发明解决上述技术问题的技术方案是：

所述的方法包括如下步骤：

步骤1、根据数据源key返回对应的数据项列表；

步骤2、扩展MVC框架中自带的生成单选按钮列表；

步骤3、创建一个用于生成单选按钮的模板文件；

步骤4、在视图模型类中通过属性注解的形式设置单选按钮注解，并传入对应的数据源key；

步骤5、在页面中根据配置的数据源生成一组单选按钮。

所述的步骤1具体为：根据数据源key字符串，通过判断然后执行读取数据库的方式或者解析对应枚举的方式返回对应约定的数据项列表，其中数据项包括值和名称两个属性。

所述的步骤2具体为：扩展MVC框架自带的生成单选按钮列表RadioButtonList，扩展为根据传入的数据源key字符串，调用步骤1得到需要的数据项列表，循环该数据项列表组装为单选按钮列表，将该单选按钮列表格式化成html字符串返回。

所述的步骤3具体为：在模板文件中根据传入的数据源key字符串，调用步骤2在模板中生成一组单选按钮。

所述的步骤4，在需要给某个视图模型的支付类别“PayType”属性设置单选按钮注解时，传入的数据源key为“PayType”；表示该视图模型通过模板生成页面时，支付类别属性会根据注解的设置，调用生成单选按钮列表方法，并传入值为“PayType”的数据源key参数。

所述的步骤5具体为：在页面中调用MVC框架自带的生成编辑项的方法并使用步骤3中创建的用于生成单选按钮的模板文件，传入数据源key，在页面中根据配置的数据源生成一组单选按钮。

采用本发明的单选按钮后，在模型类中给属性设定数据源key后，然后在统一的方法里根据数据源key读取数据，这样就实现了不同的页面调用生成同一组单选按钮，数据都是一致的，达到数据源统一配置。单选按钮的生成制作成模板，通过调用指定模板生成一组单选按钮，实现了编写更少的代码实现同样的功能，也实现了代码的复用。

附图说明

下面结合附图对本发明进一步说明：

图1是本发明流程图。

具体实施方法

见图1所示，本发明的流程包括：

S10：实现根据数据源key返回对应的数据项列表的方法。

其步骤具体为：根据数据源key字符串，通过判断然后执行读取数据库的方式或者解析对应枚举的方式返回对应约定的数据项列表，其中数据项包括值和名称两个属性。

例如，数据源key为支付类别“PayType”时，读取数据库获得关于支付类别的数据，然后组装成数据项列表(1、微信支付；2、支付宝支付；3、银行卡支付)返回。

S20：扩展MVC框架中自带的生成单选按钮列表方法。

其步骤具体为：扩展MVC框架自带的生成单选按钮列表方法RadioButtonList，扩展为根据传入的数据源key字符串，调用S10实现的方法得到需要的数据项列表，然后循环该数据项列表组装为单选按钮列表，然后将该单选按钮列表格式化成html字符串返回。

S30：创建一个用于生成单选按钮的模板文件。

该模板文件的具体内容为：在模板文件中根据传入的数据源key字符串，调用S20中扩展过的RadioButtonList方法，在模板中生成一组单选按钮。

S40：在视图模型类中通过属性注解的形式设置单选按钮注解，并传入对应的数据源key。

例如：需要给某个视图模型的支付类别“PayType”属性设置单选按钮注解，传入的数据源key为“PayType”，表示该视图模型通过模板生成页面时，支付类别属性会根据注解的设置，调用生成单选按钮列表方法RadioButtonList，并传入值为“PayType”的数据源key参数。具体的写法如下。

[RadioButtonList("PayType")]

public int PayType{get；set；}

S50：在页面中根据配置的数据源生成一组单选按钮。

其步骤具体为：在页面中调用MVC框架自带的生成编辑项的方法并使用S30中创建的用于生成单选按钮的模板，传入数据源key，即可在页面中根据配置的数据源生成一组单选按钮。

例如：页面中调用MVC框架自带的生成编辑项的方法，使用S30中创建的生成单选按钮模板，传入的数据源key为“PayType”时，生成的一组单选按钮为微信支付、支付宝支付、银行卡支付。

Claims (6)

1.一种配置数据源的web页面单选按钮实现方法，其特征在于：所述的方法包括如下步骤：

步骤1、根据数据源key返回对应的数据项列表；

步骤2、扩展MVC框架中自带的生成单选按钮列表；

步骤3、创建一个用于生成单选按钮的模板文件；

步骤4、在视图模型类中通过属性注解的形式设置单选按钮注解，并传入对应的数据源key；

步骤5、在页面中根据配置的数据源生成一组单选按钮。

2.根据权利要求1所述的方法，其特征在于：

所述的步骤1具体为：根据数据源key字符串，通过判断然后执行读取数据库的方式或者解析对应枚举的方式返回对应约定的数据项列表，其中数据项包括值和名称两个属性。

3.根据权利要求1所述的方法，其特征在于：

所述的步骤2具体为：扩展MVC框架自带的生成单选按钮列表RadioButtonList，扩展为根据传入的数据源key字符串，调用步骤1得到需要的数据项列表，循环该数据项列表组装为单选按钮列表，将该单选按钮列表格式化成html字符串返回。

4.根据权利要求1所述的方法，其特征在于：

所述的步骤3具体为：在模板文件中根据传入的数据源key字符串，调用步骤2在模板中生成一组单选按钮。

5.根据权利要求1所述的方法，其特征在于：

所述的步骤4，在需要给某个视图模型的支付类别“PayType”属性设置单选按钮注解时，传入的数据源key为“PayType”；表示该视图模型通过模板生成页面时，支付类别属性会根据注解的设置，调用生成单选按钮列表方法，并传入值为“PayType”的数据源key参数。

6.根据权利要求1所述的方法，其特征在于：

所述的步骤5具体为：在页面中调用MVC框架自带的生成编辑项的方法并使用步骤3中创建的用于生成单选按钮的模板文件，传入数据源key，在页面中根据配置的数据源生成一组单选按钮。