CN112800370B - 业务单据的处理方法、装置、计算机设备和存储介质 - Google Patents
业务单据的处理方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN112800370B CN112800370B CN202110117813.9A CN202110117813A CN112800370B CN 112800370 B CN112800370 B CN 112800370B CN 202110117813 A CN202110117813 A CN 202110117813A CN 112800370 B CN112800370 B CN 112800370B
- Authority
- CN
- China
- Prior art keywords
- template
- page
- field
- detailed data
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title abstract description 5
- 238000000034 method Methods 0.000 claims abstract description 42
- 238000012545 processing Methods 0.000 claims abstract description 25
- 238000009877 rendering Methods 0.000 claims abstract description 21
- 230000006870 function Effects 0.000 claims description 57
- 238000012544 monitoring process Methods 0.000 claims description 16
- 238000012423 maintenance Methods 0.000 claims description 15
- 238000004590 computer program Methods 0.000 claims description 13
- 230000001960 triggered effect Effects 0.000 claims description 3
- 230000004044 response Effects 0.000 abstract description 20
- 230000000694 effects Effects 0.000 abstract description 4
- 238000007726 management method Methods 0.000 description 12
- 238000011161 development Methods 0.000 description 8
- 230000007246 mechanism Effects 0.000 description 8
- 230000008859 change Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000003993 interaction Effects 0.000 description 4
- 238000013507 mapping Methods 0.000 description 4
- 230000010354 integration Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000002457 bidirectional effect Effects 0.000 description 2
- PCHJSUWPFVWCPO-UHFFFAOYSA-N gold Chemical compound [Au] PCHJSUWPFVWCPO-UHFFFAOYSA-N 0.000 description 2
- 239000010931 gold Substances 0.000 description 2
- 229910052737 gold Inorganic materials 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000004888 barrier function Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本申请涉及一种业务单据的处理方法、装置、计算机设备和存储介质。所述方法包括:接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;根据所述自定义的模板字段信息,生成对应的单据模板;根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;将所述详细数据的内容在所述业务单据的展示页面中进行渲染,并将渲染后的页面返回至所述用户终端。采用本方法能够实现单据模板动态渲染的效果,从而使得页面响应更流畅,有效提高了页面响应的效率。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种业务单据的处理方法、装置、计算机设备和存储介质。
背景技术
随着计算机技术的发展,网站开发技术发挥的作用日益重要。网站开发技术的迅速提升推动着企业级软件架构的革新,前端从编译出来运行在本地的可执行程序,变成了通过浏览器加载的服务器端网页。在目前的信息系统中,单据业务非常复杂,单据页面中需要用到很多的单据字段来供用户查看使用。
然而,目前的业务单据的处理方式中,为了满足绝大部分的用户需求以及页面上最优的呈现效果,通常采用固定字段来展示数据,后端从数据库取数时,需要后端根据不同字段的逻辑判断进行取数,容易出现逻辑层代码混乱,从而导致页面响应的效率较低。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高页面响应效率的业务单据的处理方法、装置、计算机设备和存储介质。
一种业务单据的处理方法,所述方法包括:
接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;
根据所述自定义的模板字段信息,生成对应的单据模板;
根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;
将所述详细数据的内容在所述业务单据的展示页面中进行渲染,并将渲染后的页面返回至所述用户终端。
在其中一个实施例中,所述接收用户终端发送的业务单据的页面访问请求之前,所述方法还包括:
获取用户在信息维护界面中添加的自定义的模板字段信息;
将所述自定义的模板字段信息与所述用户的信息进行关联。
在其中一个实施例中,当第一次接收到所述用户终端发送的业务单据的页面访问请求时;
所述根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容,包括:
根据所述单据模板,从数据库中拉取对应的详细数据,并将所述详细数据储存在状态仓库中;
根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
在其中一个实施例中,所述将渲染后的页面返回至所述用户终端之后,所述方法还包括:
监听所述状态仓库的状态;
当所述状态仓库的状态发生变化时,则对所述业务单据的展示页面中与所述状态发生变化的字段进行更新。
在其中一个实施例中,所述监听所述状态仓库的状态包括:
利用set函数和get函数监听所述状态仓库中详细数据的状态;
所述当所述状态仓库的状态发生变化时,则对所述业务单据的展示页面中与所述状态发生变化的字段进行更新,包括:
当监听到set函数时,则对所述业务单据的展示页面中与所述set函数对应的字段进行更新。
在其中一个实施例中,所述当监听到set函数时,则对所述业务单据的展示页面中与所述set函数对应的字段进行更新包括:
当监听到set函数时,根据所述set函数中更新的字段的属性值,对所述业务单据的展示页面中对应字段的属性值进行更新。
在其中一个实施例中,所述配置文件包括与所述单据模板对应的字段值;
所述根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容,包括:
根据所述字段值,从状态仓库获取与所述字段值对应的详细数据的内容。
一种业务单据的处理装置,所述装置包括:
接收模块,用于接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;
生成模块,用于根据所述自定义的模板字段信息,生成对应的单据模板;
获取模块,用于根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;
渲染模块,用于将所述详细数据的内容在所述业务单据的展示页面中进行渲染;
发送模块,用于将渲染后的页面返回至所述用户终端。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;
根据所述自定义的模板字段信息,生成对应的单据模板;
根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;
将所述详细数据的内容在所述业务单据的展示页面中进行渲染,并将渲染后的页面返回至所述用户终端。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;
根据所述自定义的模板字段信息,生成对应的单据模板;
根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;
将所述详细数据的内容在所述业务单据的展示页面中进行渲染,并将渲染后的页面返回至所述用户终端。
上述业务单据的处理方法、装置、计算机设备和存储介质,通过接收用户终端发送的业务单据的页面访问请求,页面访问请求中包括自定义的模板字段信息。根据自定义的模板字段信息,生成对应的单据模板,根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容,将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端。由此使得,能够实现数据和视图的实时同步,即根据用户的自定义需求,动态的生成单据模板,并通过映射关联详情接口的数据,实现单据模板动态渲染的效果,从而使得页面响应更流畅,有效提高了页面响应的效率。
附图说明
图1为一个实施例中业务单据的处理方法的流程示意图;
图2为一个实施例中获取用户在信息维护界面中添加的自定义的模板字段信息步骤的流程示意图;
图3为一个实施例中根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容步骤的流程示意图;
图4为一个实施例中监听状态仓库的状态步骤的流程示意图;
图5A为另一个实施例中业务单据的处理方法的流程示意图;
图5B为一个实施例中业务单据数据响应处理的流程示意图;
图6为一个实施例中业务单据的处理装置的结构框图;
图7为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
在一个实施例中,如图1所示,提供了一种业务单据的处理方法,本实施例以该方法应用于终端进行举例说明,可以理解的是,该方法也可以应用于服务器,还可以应用于包括终端和服务器的系统,并通过终端和服务器的交互实现。本实施例中,该方法包括以下步骤:
步骤102,接收用户终端发送的业务单据的页面访问请求,页面访问请求中包括自定义的模板字段信息。
各个企业可以通过采用统一的业务管理信息平台,将企业内部以及企业外部供应链上所有的资源与信息进行统一的管理,这种集成能够消除企业内部因部门分割造成的各种信息隔阂与信息孤岛,例如,利用企业资源计划系统就可以实现对整个供应链的有效管理,ERP即(Enterprise Resource Planning)企业资源计划,是一种主要面向制造行业进行物质资源、资金资源和信息资源集成一体化管理的企业信息管理系统。用户可以通过在PC(Personal Computer)端或手机应用程序中或浏览器网页中输入用户名和密码的方式,登录特定场景的业务系统中,用户可以在app(Application,应用程序)或web浏览器业务系统界面中对特定业务数据进行编辑处理。Vue(读音/vju:/,类似于view)即Vue.js是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,方便与第三方库或既有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。本申请中以采用Vue框架为例进行说明。
具体的,终端可通过网页或者应用软件显示业务单据页面,用户可对不同单据的页面进行浏览。该网络应用可以是浏览器或者其他可以显示页面内容的应用程序,例如购物应用或者即时通信应用等。终端可以通过前端接收用户终端发送的业务单据的页面访问请求,页面访问请求中携带自定义的模板字段信息。其中,模板字段信息是指根据标准的模板规则预先配置的好的模板字段,例如,销售人员关注的销售量,销售单价等字段信息。自定义的模板字段信息是指用户根据自身需求增加或者删减的部分单据的模板字段信息。例如,某用户不仅关注商品的销售单价,还关心该商品的库存数量,则用户可以在源单据的页面维护信息中添加“库存数量”对应的模板字段信息。其中,源单据是指业务单据的完整数据,即源单据为部分单据的全集,部分单据是从源单据中选择相应子集形成的。通常业务流转需要业务表单来表达实际的业务,因此需要与表单进行集成来实现业务意义,与表单的集成通常包括表单数据的自动获取、存储、修改,表单域的权限控制、流程相关数据的维护以及流程环节表单的绑定。业务单据是指针对一个业务对象,进行系统性交互的表单,它包含了该业务处理的所有逻辑与数据处理过程。即业务单据中可以包括不同类型业务处理流程的数据,比如,物料单据中可以包括基础数据、采购数据及销售相关的数据,当多人查看同一个业务对象时,不同的人员关注的业务对象的角度及数据的内容不同。
步骤104,根据自定义的模板字段信息,生成对应的单据模板。
终端通过前端接收用户终端发送的业务单据的页面访问请求之后,终端可以根据页面访问请求中自定义的模板字段信息,生成对应的单据模板。其中,单据模板是指根据预设模板规则,生成的一套模板配置。例如,标准模板对应的显示界面中只展示数量、客户、供应商三个字段,用户可以根据自己的需求对字段自定义操作,即用户可以在设置页面中控制页面中显示的字段信息,比如,用户可以在设置页面中新增自定义显示的字段信息收货人,则当终端接收到用户终端发送的业务单据的页面访问请求之后,终端可以根据页面访问请求中自定义的模板字段信息,生成对应的单据模板,即单据模板中包括数量、客户、供应商以及自定义字段收货人四个字段。
步骤106,根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
终端根据页面访问请求中自定义的模板字段信息,生成对应的单据模板之后,终端可以根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。其中,配置文件是指根据业务场景的模板规则配置的不同业务单据对应的相关字段的配置信息。例如,根据用户的角色与业务单据中相关字段的关联关系,可以预先配置好与该用户角色对应的字段集信息,可以由用户根据不同业务联动规则、场景联动规则以及策略联动规则进行自定义的模板字段信息的配置。在预先进行配置时,不仅限于配置与业务相关的角色信息的方式,也可以是自定义分组,采用给用户配置不同分组的方式;或者也可以采用直接针对特定用户配置对应的自定义的字段集的方式。配置文件中可以包括与业务单据相关的多个字段信息,例如,采购相关的字段和销售相关的字段,比如用type来定义字段类型,用key表示字段对应的数据库存储的名称,用name来表示展示页面中的中文名称。配置文件中还包括与字段集对应的属性信息,例如规定字段是否必录,是否可以被修改等。其中,状态仓库是指将数据统一存放,用于储存与业务单据相关的大量的详细数据的仓库。
具体的,动态生成的单据模板对应的配置文件中包括字段类型即用type来定义字段类型,以及字段值即用key表示字段对应的数据库存储的名称,则终端可以根据动态生成的单据模板对应的key值,从状态仓库获取以该key值对应的详细数据的内容。其中,当终端前端第一次接收到用户终端发送的业务单据的页面访问请求时,需要初始化应用程序,由模板接口根据用户发送的页面访问请求,生成一个动态的单据模板,同时从数据库中拉取详情数据,将大量的详情数据存储到状态仓库中,将页面接口和数据之间进行绑定,后续只需要监听状态仓库的状态,就可以实现页面的实时响应。
步骤108,将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端。
终端根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容之后,终端可以将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端。此外,当终端将渲染后的页面返回至用户终端之后,终端还可以根据vue的状态管理机制,即当vue组件从状态仓库中读取状态时,如果终端监听到状态仓库中的状态发生改变,则相应的组件也会对展示页面中相应的局部字段进行更新,即通过监听数据的变化实现页面的实时响应。
本实施例中,通过接收用户终端发送的业务单据的页面访问请求,页面访问请求中包括自定义的模板字段信息。根据自定义的模板字段信息,生成对应的单据模板,根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容,将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端。由此使得,能够实现数据和视图的实时同步,即根据用户的自定义需求,动态的生成单据模板,并通过映射关联详情接口的数据,实现单据模板动态渲染的效果,从而使得页面响应更流畅,有效提高了页面响应的效率。
在一个实施例中,如图2所示,接收用户终端发送的业务单据的页面访问请求之前,该方法还包括获取用户在信息维护界面中添加的自定义的模板字段信息的步骤,具体包括:
步骤202,获取用户在信息维护界面中添加的自定义的模板字段信息。
步骤204,将自定义的模板字段信息与用户的信息进行关联。
终端在接收到用户终端发送的业务单据的页面访问请求之前,即用户在发起业务单据的页面访问请求时,用户可以在信息维护界面中设置自定义的模板字段信息,则终端可以获取用户在信息维护界面中添加的自定义的模板字段信息,并将用户设置的自定义的模板字段信息与该用户的信息进行关联。例如,标准模板对应的显示界面中只展示数量、客户、供应商三个字段,用户A可以根据自己的需求对页面显示的字段进行自定义操作,即用户A可以在信息维护界面中新增自定义显示的字段信息“收货人”和“金额”。终端可以获取用户A在信息维护界面中添加的自定义的模板字段信息“收货人”和“金额”,并将上述自定义的模板字段信息“收货人”和“金额”与用户A的信息进行关联。由此使得,相对于传统的采用固定字段来展示数据的方式,本实施例中,用户可以根据自身需求,对业务单据增加自定义字段,即用户可以针对自己的需求对字段自定义操作,增加了控制字段的设置页面,能满足不同用户的多种需求,使业务可以实现私人定制。同时也增加了业务功能的拓展性,提高了用户使用的流畅度,为用户带来了便捷,即有效解决了传统方式中无法实现私人定制、数据展示不灵活以及功能无法拓展的问题。
在一个实施例中,如图3所示,当第一次接收到用户终端发送的业务单据的页面访问请求时,根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容的步骤包括:
步骤302,根据单据模板,从数据库中拉取对应的详细数据,并将详细数据储存在状态仓库中。
步骤304,根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
当终端第一次接收到用户终端发送的业务单据的页面访问请求时,需要初始化Vue.js应用程序,即终端可以页面访问请求中自定义的模板字段信息,生成对应的单据模板。进一步的,终端可以根据单据模板,从数据库中拉取对应的详细数据,并将详细数据储存在状态仓库中。终端根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。即由模板接口根据用户发送的页面访问请求,生成一个动态的单据模板,同时从数据库中拉取详情数据,将大量的详情数据存储到状态仓库中,将页面接口和数据之间进行绑定,后续只需要监听状态仓库的状态,就可以实现页面的实时响应。由此使得,通过使用vue框架,将不同单据生成同一套模板,并配合使用状态管理机制,将数据统一存放,可以直接从状态仓库获取的大量的数据,使得页面动态渲染能够得到实时响应,即只需要执行简单的逻辑判断,使得页面响应更流畅。
在一个实施例中,如图4所示,将渲染后的页面返回至用户终端之后,该方法还包括,监听状态仓库的状态的步骤,具体包括:
步骤402,监听状态仓库的状态。
步骤404,当状态仓库的状态发生变化时,则对业务单据的展示页面中与状态发生变化的字段进行更新。
终端将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端之后,终端还可以根据vue的状态管理机制,实时监听状态仓库的状态。具体的,终端监听状态仓库的状态时,当监听到状态仓库的状态发生变化时,则终端对业务单据的展示页面中与状态发生变化的字段进行更新。例如,终端可以采用数据劫持发布者(setter)-订阅者(getter)模式的方式,劫持各个属性的setter或者getter,在数据变动时发布消息给订阅者,触发相应监听回调来实现数据的实时响应。由此使得,相较于传统方式中采用的固定模板,由固定单据模板生成的页面数据也是固定的,没有提供修改这些字段的入口,即不可修改。比如,固定模板对应的显示界面中只展示数量、客户、供应商这三个字段,那么用户就无法查看其他字段信息。而本实施例中,通过使用vue框架,将不同单据生成同一套模板,实现代码复用,动态渲染的模板能够实现单据字段的自定义功能,能满足不同客户的多种需求,使业务可以实现私人定制化。同时,Vue框架通过MVVM(Model-View-ViewModel)思想实现数据的双向绑定,自动响应数据变化,让开发者不用再操作dom对象,使得页面更加流畅,从而有效提高了页面响应的效率。从开发层面,生成统一的模板控件进行开发,有效提升了开发效率,降低了后期维护成本。
在其中一个实施例中,监听状态仓库的状态的步骤包括:
利用set函数和get函数监听状态仓库中详细数据的状态。
当监听到set函数时,则对业务单据的展示页面中与set函数对应的字段进行更新。
终端将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端之后,终端还可以根据vue的状态管理机制,实时监听状态仓库的状态。具体的,终端可以利用set函数和get函数监听状态仓库中详细数据的状态。当监听到set函数时,则终端对业务单据的展示页面中与set函数对应的字段进行更新。其中,JavaScript中每个属性都有一个get和set函数,可以通过采用Object.defineProperty()这个方法设置对象的name属性(Object.defineProperty即一种操作对象的方法),对设置的对象的属性进行get和set的重写操作。get函数是指在读取name属性这个值时触发的函数,set函数是指在设置name属性这个值触发的函数。当监听到set函数时,即页面接口监听到数据的改变,则对页面中展示的数据也做出相应的修改,由此,实现了数据劫持和页面的实时响应。
在一个实施例中,如图5A所示,提供了一种业务单据的处理方法,本实施例以该方法应用于终端进行举例说明,可以理解的是,该方法也可以应用于服务器,还可以应用于包括终端和服务器的系统,并通过终端和服务器的交互实现。本实施例中,该方法包括以下步骤:
步骤502,接收用户终端发送的业务单据的页面访问请求,页面访问请求中包括自定义的模板字段信息。
步骤504,根据自定义的模板字段信息,生成对应的单据模板。
步骤506,根据与单据模板对应的字段值,从状态仓库获取与字段值对应的详细数据的内容。
步骤508,将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端。
步骤510,利用set函数和get函数监听状态仓库中详细数据的状态。
步骤512,当监听到set函数时,根据set函数中更新的字段的属性值,对业务单据的展示页面中对应字段的属性值进行更新。
终端可以通过前端接收用户终端发送的业务单据的页面访问请求,页面访问请求中携带自定义的模板字段信息。终端可以根据自定义的模板字段信息,生成对应的单据模板,并根据与单据模板对应的字段值,从状态仓库获取与字段值对应的详细数据的内容。终端将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端。终端利用set函数和get函数监听状态仓库中详细数据的状态。当监听到set函数时,则终端可以根据set函数中更新的字段的属性值,对业务单据的展示页面中对应字段的属性值进行更新。其中,自定义的模板字段信息可以是用户在pc(Personal Computer)端添加的自定义字段,也可以是用户在移动端提供设置列表页面中设置的自定义列表中的字段,即由用户自己控制单据页面中展示的数据。例如,假设用户A想设置一个展示辅助属性的字段,则用户在pc端新增相应的自定义字段后,移动端的设置列表里面就会多一个辅助属性字段的开关,当开启开关后,详情页面就会展示辅助属性,关闭开关后页面就不会展示辅助属性,用户可以在移动端自行控制是否要展示。
具体的,如图5B所示,为业务单据数据响应处理的流程示意图。当终端第一次接收到用户终端发送的业务单据的页面访问请求时,需要初始化Vue.js应用程序,即终端可以页面访问请求中自定义的模板字段信息,生成对应的单据模板。进一步的,终端可以根据单据模板,从数据库中拉取对应的详细数据,并将详细数据储存在状态仓库中。终端可以根据与单据模板对应的配置文件中的字段值,从状态仓库获取与字段值对应的详细数据的内容。即配置文件相当于前端代码跟页面展示之间的一套语言,详情页的接口会返回很多数据,与模板接口里的key值一一对应。比如,终端根据与单据模板对应的配置文件中的字段值即key值为customer(key值为customer的字段表示为客户),在详情页接口的数据中查找到对应key值customer的详细数据,即终端在详情页接口的数据中查找到对应key值customer的详细数据为金蝶软件这个数据,则在单据页面中展示customer字段对应的客户为金蝶软件。即一个字段的key值是customer,终端从详情数据中查找字段为customer的值,这样就形成了一一对应的映射关系。即通过新增的自定义模板字段的获取,由模板接口生成一个动态的单据模板,同时从数据库中拉取详情数据,将大量数据存储到状态管理机制中(即状态仓库中),根据字段key值建立一一对应关系进行映射,由此,实现了自定义功能,不管附加多少个自定义字段都可以动态生成,极大的减少了中间层的模板处理逻辑,即减少了组件之间传递数据的繁琐流程。由于模板和数据之间通过key值进行一对一的关联,关联之后vue的框架可以让数据实现双向绑定,通过监听数据的变化实现页面的实时响应。具体的,终端将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端之后,终端可以利用set函数和get函数监听状态仓库中详细数据的状态。当监听到set函数时,终端根据set函数中更新的字段的属性值,对业务单据的展示页面中对应字段的属性值进行更新。vue状态管理机制的核心是状态仓库,状态仓库的存储状态是响应式的,当vue组件从状态仓库中读取到状态发生改变时,那么相应的组件也会对展示页面中相应的字段信息进行更新。终端将详细数据的内容在业务单据的展示页面中进行渲染,并将渲染后的页面返回至用户终端之后,终端可以利用set函数和get函数监听状态仓库中详细数据的状态。
传统的业务单据的处理方式中,用户无法根据特殊场景对字段进行自定义操作,即功能无法进行拓展。由于每个单据展示的数据模板不一样,没有一套状态管理机制,大量数据状态零散地分布在许多组件和组件之间的交互中,所以在代码里面运用了大量的业务判断来实现兼容,使得代码冗余开发效率低,应用复杂度也逐渐增长,后期维护成本高。同时,传统方式中,展示数据采用的是全局变量,全局变量只能在定义以后,在所有引用它的实例中,都显示为这个变量的值,无法实时更新。而本实施例中,不同单据生成模板的规则是一致的,即通过vue框架,将不同单据生成同一套模板,实现代码复用。同时,使用状态管理机制,将数据统一存放,可以直接从状态仓库获取的大量的数据,使得页面动态渲染能够得到实时响应,即只需要执行简单的逻辑判断,使得页面响应更流畅,从而有效提高了页面响应的效率。
应该理解的是,虽然图1-5的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图1-5中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图6所示,提供了一种业务单据的处理装置,包括:接收模块602、生成模块604、获取模块606、渲染模块608和发送模块610,其中:
接收模块602,用于接收用户终端发送的业务单据的页面访问请求,页面访问请求中包括自定义的模板字段信息。
生成模块604,用于根据自定义的模板字段信息,生成对应的单据模板。
获取模块606,用于根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
渲染模块608,用于将详细数据的内容在业务单据的展示页面中进行渲染。
发送模块610,用于将渲染后的页面返回至用户终端。
在一个实施例中,该装置还包括:关联模块。
获取模块还用于获取用户在信息维护界面中添加的自定义的模板字段信息。关联模块用于将自定义的模板字段信息与用户的信息进行关联。
在一个实施例中,该装置还包括:储存模块。
储存模块用于根据单据模板,从数据库中拉取对应的详细数据,并将详细数据储存在状态仓库中。获取模块还用于根据单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
在一个实施例中,该装置还包括:监听模块。
监听模块用于监听状态仓库的状态;当状态仓库的状态发生变化时,则对业务单据的展示页面中与状态发生变化的字段进行更新。
在一个实施例中,监听模块还用于利用set函数和get函数监听状态仓库中详细数据的状态;当监听到set函数时,则对业务单据的展示页面中与set函数对应的字段进行更新。
在一个实施例中,该装置还包括:更新模块。
更新模块用于当监听到set函数时,根据set函数中更新的字段的属性值,对业务单据的展示页面中对应字段的属性值进行更新。
在一个实施例中,获取模块还用于根据字段值,从状态仓库获取与字段值对应的详细数据的内容。
关于业务单据的处理装置的具体限定可以参见上文中对于业务单据的处理方法的限定,在此不再赘述。上述业务单据的处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种业务单据的处理方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图7中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述各个方法实施例的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory,ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种业务单据的处理方法,所述方法包括:
接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;
通过模板接口根据所述自定义的模板字段信息,生成对应的单据模板;
根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;其中,所述配置文件是根据业务场景的模板规则配置的不同业务单据对应的相关字段的配置信息;所述配置文件中包括与字段集对应的属性信息、字段类型和字段值;
将所述详细数据的内容在所述业务单据的展示页面中进行渲染,并将渲染后的页面返回至所述用户终端;
利用set函数和get函数监听所述状态仓库中详细数据的状态;
当监听到set函数时,根据所述set函数中更新的字段的属性值,对所述业务单据的展示页面中对应字段的属性值进行更新。
2.根据权利要求1所述的方法,其特征在于,所述接收用户终端发送的业务单据的页面访问请求之前,所述方法还包括:
获取用户在信息维护界面中添加的自定义的模板字段信息;
将所述自定义的模板字段信息与所述用户的信息进行关联。
3.根据权利要求1所述的方法,其特征在于,当第一次接收到所述用户终端发送的业务单据的页面访问请求时;
所述根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容,包括:
根据所述单据模板,从数据库中拉取对应的详细数据,并将所述详细数据储存在状态仓库中;
根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
4.根据权利要求1所述的方法,其特征在于,所述单据模板是指根据预设模板规则,生成的一套模板配置。
5.根据权利要求1所述的方法,其特征在于,所述set函数是在设置name属性的值时触发的函数。
6.一种业务单据的处理装置,其特征在于,所述装置包括:
接收模块,用于接收用户终端发送的业务单据的页面访问请求,所述页面访问请求中包括自定义的模板字段信息;生成模块,用于通过模板接口根据所述自定义的模板字段信息,生成对应的单据模板;
获取模块,用于根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容;其中,所述配置文件是根据业务场景的模板规则配置的不同业务单据对应的相关字段的配置信息;所述配置文件中包括与字段集对应的属性信息、字段类型和字段值;
渲染模块,用于将所述详细数据的内容在所述业务单据的展示页面中进行渲染;
发送模块,用于将渲染后的页面返回至所述用户终端;
监听模块,用于利用set函数和get函数监听所述状态仓库中详细数据的状态;当监听到set函数时,根据所述set函数中更新的字段的属性值,对所述业务单据的展示页面中对应字段的属性值进行更新。
7.根据权利要求6所述的业务单据的处理装置,其特征在于,
所述获取模块还用于获取用户在信息维护界面中添加的自定义的模板字段信息;
所述装置还包括:关联模块,用于将所述自定义的模板字段信息与所述用户的信息进行关联。
8.根据权利要求6所述的业务单据的处理装置,其特征在于,所述装置还包括:
储存模块,用于当第一次接收到所述用户终端发送的业务单据的页面访问请求时,根据所述单据模板,从数据库中拉取对应的详细数据,并将所述详细数据储存在状态仓库中;
所述获取模块还用于根据所述单据模板对应的配置文件,从状态仓库获取对应的详细数据的内容。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至5中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至5中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110117813.9A CN112800370B (zh) | 2021-01-28 | 2021-01-28 | 业务单据的处理方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110117813.9A CN112800370B (zh) | 2021-01-28 | 2021-01-28 | 业务单据的处理方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112800370A CN112800370A (zh) | 2021-05-14 |
CN112800370B true CN112800370B (zh) | 2024-04-30 |
Family
ID=75812444
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110117813.9A Active CN112800370B (zh) | 2021-01-28 | 2021-01-28 | 业务单据的处理方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112800370B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113379556A (zh) * | 2021-07-02 | 2021-09-10 | 上海豹云网络信息服务有限公司 | 一种业务数据动态监控方法、装置及设备 |
CN113672212A (zh) * | 2021-08-19 | 2021-11-19 | 深圳我家云网络科技有限公司 | 单据配置方法、计算机设备及计算机存储介质 |
CN113760288A (zh) * | 2021-08-31 | 2021-12-07 | 京东科技信息技术有限公司 | 页面生成方法、页面生成系统和计算机可读存储介质 |
CN113696940A (zh) * | 2021-09-01 | 2021-11-26 | 卡斯柯信号有限公司 | 基于Vue框架的列控中心标准化维护终端前端及方法 |
CN113779132A (zh) * | 2021-09-15 | 2021-12-10 | 深圳我家云网络科技有限公司 | 一种数据导入的方法、装置、计算机设备和存储介质 |
CN113971993A (zh) * | 2021-10-22 | 2022-01-25 | 浙江太美医疗科技股份有限公司 | 临床试验数据转换方法、装置、计算机设备和存储介质 |
CN114637567A (zh) * | 2022-03-21 | 2022-06-17 | 中国建设银行股份有限公司 | 基于业务数据的界面处理方法、装置、计算机设备 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105653508A (zh) * | 2015-12-22 | 2016-06-08 | 金蝶软件(中国)有限公司 | 一种单据模板的管理方法、调用单据的方法及相关装置 |
WO2016177250A1 (zh) * | 2015-05-05 | 2016-11-10 | 阿里巴巴集团控股有限公司 | 客户端页面渲染方法及装置 |
WO2017167065A1 (zh) * | 2016-03-30 | 2017-10-05 | 阿里巴巴集团控股有限公司 | 页面资源投放方法及装置 |
WO2018133452A1 (zh) * | 2017-01-20 | 2018-07-26 | 华为技术有限公司 | 一种网页渲染方法及相关设备 |
CN108418797A (zh) * | 2018-01-31 | 2018-08-17 | 金蝶蝶金云计算有限公司 | 网页访问方法、装置、计算机设备和存储介质 |
US10623929B1 (en) * | 2016-08-11 | 2020-04-14 | Mahesh Harpale | Method and apparatus for shared mobile device app with unique business function adaptation and rendering |
CN111310427A (zh) * | 2020-02-27 | 2020-06-19 | 平安国际智慧城市科技股份有限公司 | 业务数据配置处理方法、装置、计算机设备和存储介质 |
CN111506387A (zh) * | 2020-03-02 | 2020-08-07 | 百度在线网络技术(北京)有限公司 | 页面预渲染方法、装置、电子设备及存储介质 |
CN111782314A (zh) * | 2020-05-22 | 2020-10-16 | 北京达佳互联信息技术有限公司 | 网页表单的处理方法、装置、电子设备及存储介质 |
CN112115338A (zh) * | 2020-09-15 | 2020-12-22 | 平安信托有限责任公司 | 页面查询请求处理方法、装置、设备及存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030041076A1 (en) * | 2001-03-14 | 2003-02-27 | Lucovsky Mark H. | Schema-based services for identity-based access to calendar data |
US20140053056A1 (en) * | 2012-08-16 | 2014-02-20 | Qualcomm Incorporated | Pre-processing of scripts in web browsers |
US20180191798A1 (en) * | 2016-12-30 | 2018-07-05 | Google Inc. | Methods and systems for server-side rendering of native content for presentation |
-
2021
- 2021-01-28 CN CN202110117813.9A patent/CN112800370B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2016177250A1 (zh) * | 2015-05-05 | 2016-11-10 | 阿里巴巴集团控股有限公司 | 客户端页面渲染方法及装置 |
CN105653508A (zh) * | 2015-12-22 | 2016-06-08 | 金蝶软件(中国)有限公司 | 一种单据模板的管理方法、调用单据的方法及相关装置 |
WO2017167065A1 (zh) * | 2016-03-30 | 2017-10-05 | 阿里巴巴集团控股有限公司 | 页面资源投放方法及装置 |
US10623929B1 (en) * | 2016-08-11 | 2020-04-14 | Mahesh Harpale | Method and apparatus for shared mobile device app with unique business function adaptation and rendering |
WO2018133452A1 (zh) * | 2017-01-20 | 2018-07-26 | 华为技术有限公司 | 一种网页渲染方法及相关设备 |
CN108418797A (zh) * | 2018-01-31 | 2018-08-17 | 金蝶蝶金云计算有限公司 | 网页访问方法、装置、计算机设备和存储介质 |
CN111310427A (zh) * | 2020-02-27 | 2020-06-19 | 平安国际智慧城市科技股份有限公司 | 业务数据配置处理方法、装置、计算机设备和存储介质 |
CN111506387A (zh) * | 2020-03-02 | 2020-08-07 | 百度在线网络技术(北京)有限公司 | 页面预渲染方法、装置、电子设备及存储介质 |
CN111782314A (zh) * | 2020-05-22 | 2020-10-16 | 北京达佳互联信息技术有限公司 | 网页表单的处理方法、装置、电子设备及存储介质 |
CN112115338A (zh) * | 2020-09-15 | 2020-12-22 | 平安信托有限责任公司 | 页面查询请求处理方法、装置、设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
B/S系统添加自定义字段功能的设计与实现;黄艳秀;《电子设计工程》;第22卷(第12期);全文 * |
Performance of Dynamic Access Class Barring Method in Cellular M2M Networks;Lilatul Ferdouse等;《Springer》;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN112800370A (zh) | 2021-05-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112800370B (zh) | 业务单据的处理方法、装置、计算机设备和存储介质 | |
US11044949B2 (en) | Systems and methods for dynamic delivery of web content | |
CN100444158C (zh) | 使用外部计划主题的Web网页绘制机制 | |
US20150261549A1 (en) | Platform for generating composite applications | |
US20140096014A1 (en) | Method for enabling dynamic client user interfaces on multiple platforms from a common server application via metadata | |
US10331765B2 (en) | Methods and apparatus for translating forms to native mobile applications | |
US20100313029A1 (en) | Add-ins dynamically extending display targets and business-logic programming model | |
US10970052B2 (en) | System and method for enhancing component based development models with auto-wiring | |
US11822870B2 (en) | Customizable user interface layouts | |
US20110231819A1 (en) | Content Availability Determination, Representation And Acquisition System | |
US20190340230A1 (en) | System and method for generating websites from predefined templates | |
CN106462590A (zh) | 用于管理扩展对网页的修改的系统 | |
US11095577B2 (en) | Conversation-enabled document system and method | |
CN108153848B (zh) | 轻应用数据的搜索方法、设备及电子设备 | |
US10417317B2 (en) | Web page profiler | |
US20160012551A1 (en) | Apparatus and Application Server for Providing a Service to a User | |
US9552123B1 (en) | Integrating applications in a portal | |
US10956658B2 (en) | Digital content editing of a document object model (DOM) based on object model comparison | |
CN112052001B (zh) | App客户端的ui动态显示设计架构、方法、设备及存储介质 | |
US10884765B1 (en) | Object configuration dynamic graphical user interface | |
US20210133282A1 (en) | Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz | |
JP7014960B2 (ja) | 情報処理装置、サーバ、その処理方法及びプログラム | |
US20150201037A1 (en) | Integrating a plurality of third party service interactions into a portal system | |
EP3542342A1 (en) | Automatic generation of interactive web page content | |
US20060200447A1 (en) | Method and system for managing information on a product |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |