[发明专利]一种配置数据源的web页面单选按钮实现方法

说明书

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

具体实施方法