一种网页显示元素配置方法与流程

文档序号:25037373发布日期:2021-05-11 17:10阅读:49来源:国知局
本发明属于计算机网络
技术领域
:,尤其是涉及到web系统开发及应用等领域。
背景技术
::目前网页的显示元素主要由产品经理、后端人员、前端开发人员共同完成。产品经理采用原型制作工具,例如axure等工具,将页面元素及布局提前规划好;再由ui设计人员制作为高保真图形;接着由前端开发人员采用html+css技术实现其效果图;最后由后端人员根据实际数据模型返回数据,和前端人员联调完成最终页面效果。此流程中后端人员限制比较大,一方面需要了解前端需要返回哪些数据,一方面需要了解实际的数据模型;对于涉及保密数据的系统,此开发人员将很难着手开始工作,因为数据模型保密,实际的开发人员很难接触到实际的保密数据及其结构。技术实现要素:鉴于上述问题,本发明旨在提供一种网页显示元素配置方法,使开发人员根本不需要了解真实数据模型,就可以完成相对模块的开发工作。本发明的技术方案如下:一种网页显示元素配置方法,其特征在于包括以下步骤:第一步,注册:首先,将真实数据模型的元数据信息通过注册功能,将其结构信息保存至数据库中;然后,业务人员根据不同模型的注册信息进行显示配置,配置当前字段是否显示、显示的名称、显示的顺序以及显示的位置等;最后,配置完成后将配置项同步到缓存中,缓存格式为key,value,其中key为表名_位置,value是一个数组格式,包括此表中所有配置的字段以及其配置信息;第二步:后台人员根据前端传参,包括表名及位置,可通过缓存读取到所有待显示的字段;后台人员读取到字段后,和真实数据进行一一对应,然后将真实数据进行填充,然后返回给前端;第三步:前端无论接收到什么数据,都直接显示。本发明的优点在于:1、开发人员不用了解实际的数据模型就可以进行开发,可缩短开发进度;2、开发人员不用接触真实数据就可以完成页面的开发,可减少保密风险系数。具体实施方式本发明采用配置项的方式,实现对真实数据的保密;开发人员只需要读取配置项内容,即可完成对数据的处理。主要原理是提供一个标准,类似于一个中间件,连接真实数据和后台接口,生产实施时,将真实数据进行注册,再进行人工配置或是自动配置,生成一个配置项;此配置项同步到redis缓存中;后台人员从redis读取对应模型,然后向模型中填充数据;前端无论接收到什么数据,都直接显示。配置项的设计:字段是否显示,要显示的名称,显示序号,显示位置等主要字段。具体实施步骤为三大步,每一步需要进行的操作需要依据真实数据模型而有所不同。第一步:注册(业务人员或保密人员,非开发人员)1、将真实数据模型的元数据信息通过注册功能,将其结构信息保存至数据库中;2、业务人员根据不同模型的注册信息进行显示配置,配置当前字段是否显示、显示的名称、显示的顺序以及显示的位置等;3、配置完成后将配置项同步到redis缓存中,缓存格式为key,value,key为表名_位置,value是一个数组格式,包括此表中所有配置的字段以及其配置信息。第二步:后台人员根据前端传参,包括表名及位置,可通过redis读取到所有待显示的字段;后台人员读取到字段后,和真实数据进行一一对应,然后将真实数据进行填充,然后返回给前端第三步:前端无论接收到什么数据,都直接显示。以下再通过一个具体实施例对本发明进一步说明。以人(person)的信息为例,人的信息包括姓名、性别、身份证、出生日期、住址、民族、婚姻状况等100个字段信息。根据产品经理或ui设计,前端页面基本信息需要显示姓名、性别、身份证号码、婚姻等;详细信息需要显示姓名、性别、身份证、婚姻、住所、民族等。人的真实数据模型为:以往如果此数据模型事前开发人员不了解或此数据模型为保密数据模型,那么开发人员就会束手无策。而本发明通过上述配置项的方法,开发人员根本不需要了解真实数据模型,就可以完成相对模块的开发工作。具体实现方式如下:首先注册,包括以下步骤:1、业务人员将此结构信息首先注册到保密系统中,然后对字段进行配置。2、根据产品经理或ui的设计,页面需要显示姓名,那么就需要对name进行配置,配置是否显示(y),显示名称(姓名),显示位置(基本信息和详细信息),显示顺序(1),然后保存。3、此字段信息同步至redis缓存中,如果redis缓存中存在key值,即person_基本信息,那么需要将此配置项追加到此key中;如果不存在此key,那么需要以person_基本信息新建一个key值,将配置项放置到value中。同理,其它字段也进行如同配置;person_详细信息也如同配置。表1:配置项idtablefieldshownameisshowordernoposition1personname名称y1基本信息2personsex性别y2基本信息3persongmsfhm身份证y3基本信息4personhyzk婚姻y4基本信息5personname名称y1详细信息6personsex性别y2详细信息7persongmsfhm身份证y3详细信息8personhyzk婚姻y4详细信息9personzz住所y5详细信息10personmz民族y6详细信息然后,开发人员在写接口时,不需要知道该读取那张表以及表中的哪些信息。需要依据前端人员传参,告诉接口需要读取人员信息表以及位置;接口拿到参数后,从redis缓存中根据表名和位置拿到需要显示的字段配置项,根据表名和字段获取真实数据(selectname,sex,gmsfhm,hyzkfromperson),将将返回的数据字段及数据进行填充,然后将其返回。最后,前端收到返回的数据后,根据返回的数据格式进行显示即可。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1