CN113204342A - 一种快速构建前端页面的方法及终端 - Google Patents
一种快速构建前端页面的方法及终端 Download PDFInfo
- Publication number
- CN113204342A CN113204342A CN202110484896.5A CN202110484896A CN113204342A CN 113204342 A CN113204342 A CN 113204342A CN 202110484896 A CN202110484896 A CN 202110484896A CN 113204342 A CN113204342 A CN 113204342A
- Authority
- CN
- China
- Prior art keywords
- configuration
- page
- routing
- content
- routing 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 41
- 238000004806 packaging method and process Methods 0.000 claims abstract description 8
- 230000000007 visual effect Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 8
- 230000006870 function Effects 0.000 description 7
- 230000009286 beneficial effect Effects 0.000 description 3
- 238000010276 construction Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Stored Programmes (AREA)
Abstract
本发明涉及一种快速构建前端页面的方法及终端,包括:S1、封装页面各个模块组件得到封装后的页面模块组件;S2、部署页面内容配置后台的配置内容,页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;S32、获取路由配置的路由信息,根据路由信息得到与路由信息对应的菜单文件夹、与菜单文件夹对应的路由文件以及与路由信息对应的页面文件;S33、根据部署完成的配置内容生成代码,将代码写入页面文件中。
Description
技术领域
本发明涉及计算机软件领域,尤其涉及一种快速构建前端页面的方法及终端。
背景技术
目前在资源配置后台开发一个全新的页面,需要开发人员首先创建一级目录文件(菜单)和二级目录文件(页面),并在该菜单对应的路由配置文件中声明页面的路由。文件创建成功后,根据所需要的功能编写表格和表单的脚本代码,并创建对应的接口请求文件存储接口代码,最后引入接口实现数据的读取和更新,实现整体的页面功能。重新编译项目并访问之前在路由配置文件中声明的路由,即可展示构建后的页面,表示本次前端页面构建完成。但是这种前端页面的构建方法存在如下缺点:
缺点1:每次新页面开发都需要手动创建文件夹、页面、路由、头部信息、接口请求等,并安装依赖并启动项目,步骤繁琐,容易缺漏。
缺点2:大部分页面功能大同小异,原有开发模式代码冗余,后期更新迭代成本高。
发明内容
(一)要解决的技术问题
为了解决现有技术的上述问题,本发明提供一种快速构建前端页面的方法及终端,提高了前端页面的开发效率。
(二)技术方案
为了达到上述目的,本发明采用的一种技术方案为:一种快速构建前端页面的方法,包括:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
本发明采用的另一种技术方案为:一种快速构建前端页面的终端,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现以下步骤:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
(三)有益效果
本发明的有益效果是:将实现各个页面功能的各个模块组件进行封装,可复用性强;并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容,能够对配置内容进行校验,且根据配置内容能够快速得到前端页面所需的文件,从而实现快速构建前端页面,简化了开发流程,提升了开发效率。
附图说明
图1为本发明的快速构建前端页面的方法的流程图;
图2为本发明的快速构建前端页面的终端的结构示意图;
【附图标记说明】
1、一种快速构建前端页面的终端;2、存储器;3、处理器。
具体实施方式
为了更好的解释本发明,以便于理解,下面结合附图,通过具体实施方式,对本发明作详细描述。
请参照图1所示,一种快速构建前端页面的方法,包括:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
从上述描述可知,本发明的有益效果在于:将实现各个页面功能的各个模块组件进行封装,可复用性强;并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容,能够对配置内容进行校验,且根据配置内容能够快速得到前端页面所需的文件,从而实现快速构建前端页面,简化了开发流程,提升了开发效率。
进一步地,所述S3之后包括:
通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。
进一步地,所述S31包括:
判断已部署的配置内容中的必填项是否为空;
若是,则判断为不合规,报错并终止流程;
若否,则判断路由配置的路由信息的结构是否正确,若否,则判断为不合规,报错并终止流程,否则,执行S32。
从上述描述可知,需要对配置内容的必填项和路由信息的结构进行检验,以保证后续构建的前端页面的准确性。
进一步地,所述S32包括:
S321、获取路由配置的路由信息,判断是否存在与所述路由信息对应的菜单文件夹;
若否,则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件,若是,则执行S322;
S322、判断所述路由信息对应的页面文件是否存在;
若是,则报错并终止流程;
若否,则根据所述路由信息创建所述页面文件。
从上述描述可知,能够根据路由信息对相关文件进行创建和校验,进一步保证了后续构建的前端页面的准确性。
请参照图2所示,一种快速构建前端页面的终端,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
从上述描述可知,本发明的有益效果在于:将实现各个页面功能的各个模块组件进行封装,可复用性强;并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容,能够对配置内容进行校验,且根据配置内容能够快速得到前端页面所需的文件,从而实现快速构建前端页面,简化了开发流程,提升了开发效率。
进一步地,所述S3之后包括:
通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。
进一步地,所述S31包括:
判断已部署的配置内容中的必填项是否为空;
若是,则判断为不合规,报错并终止流程;
若否,则判断路由配置的路由信息的结构是否正确,若否,则判断为不合规,报错并终止流程,否则,执行S32。
从上述描述可知,需要对配置内容的必填项和路由信息的结构进行检验,以保证后续构建的前端页面的准确性。
进一步地,所述S32包括:
S321、获取路由配置的路由信息,判断是否存在与所述路由信息对应的菜单文件夹;
若否,则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件,若是,则执行S322;
S322、判断所述路由信息对应的页面文件是否存在;
若是,则报错并终止流程;
若否,则根据所述路由信息创建所述页面文件。
从上述描述可知,能够根据路由信息对相关文件进行创建和校验,进一步保证了后续构建的前端页面的准确性。
实施例一
请参照图1所示,一种快速构建前端页面的方法,包括:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
其中,所述S3之后包括:
通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。
其中,所述S31包括:
判断已部署的配置内容中的必填项是否为空;
若是,则判断为不合规,报错并终止流程;
若否,则判断路由配置的路由信息的结构是否正确(具体为是否符合菜单/目录的结构),若否,则判断为不合规,报错并终止流程,否则,执行S32。
其中,所述S32包括:
S321、获取路由配置的路由信息,判断是否存在与所述路由信息对应的菜单文件夹;
若否,则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件,若是,则执行S322;
S322、判断所述路由信息对应的页面文件是否存在;
若是,则报错并终止流程;
若否,则根据所述路由信息创建所述页面文件。
实施例二
请参照图2,一种快速构建前端页面的终端1,包括存储器2、处理器3及存储在存储器2上并可在处理器3上运行的计算机程序,所述处理器3执行所述计算机程序时实现实施例一中的步骤。
综上所述,本发明提供的一种快速构建前端页面的方法及终端,将实现各个页面功能的各个模块组件进行封装,可复用性强;并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容,能够对配置内容进行校验,且根据配置内容能够快速得到前端页面所需的文件,从而实现快速构建前端页面,简化了开发流程,提升了开发效率。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (8)
1.一种快速构建前端页面的方法,其特征在于,包括:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
2.根据权利要求1所述的快速构建前端页面的方法,其特征在于,所述S3之后包括:
通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。
3.根据权利要求1所述的快速构建前端页面的方法,其特征在于,所述S31包括:
判断已部署的配置内容中的必填项是否为空;
若是,则判断为不合规,报错并终止流程;
若否,则判断路由配置的路由信息的结构是否正确,若否,则判断为不合规,报错并终止流程,否则,执行S32。
4.根据权利要求1所述的快速构建前端页面的方法,其特征在于,所述S32包括:
S321、获取路由配置的路由信息,判断是否存在与所述路由信息对应的菜单文件夹;
若否,则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件,若是,则执行S322;
S322、判断所述路由信息对应的页面文件是否存在;
若是,则报错并终止流程;
若否,则根据所述路由信息创建所述页面文件。
5.一种快速构建前端页面的终端,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现以下步骤:
S1、封装页面各个模块组件得到封装后的页面模块组件;
S2、部署页面内容配置后台的配置内容,所述页面内容配置后台提供可视化操作界面,所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置;
S3、页面内容配置后台的配置内容部署完成后,执行配置文件生成服务,在文件生成服务的执行过程中执行以下步骤;
S31、判断已部署的配置内容是否合规,若不合规,则报错并终止流程,若合规,执行S32;
S32、获取路由配置的路由信息,根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件;
S33、根据部署完成的配置内容生成代码,将所述代码写入所述页面文件中。
6.根据权利要求5所述的快速构建前端页面的终端,其特征在于,所述S3之后包括:
通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。
7.根据权利要求5所述的快速构建前端页面的终端,其特征在于,所述S31包括:
判断已部署的配置内容中的必填项是否为空;
若是,则判断为不合规,报错并终止流程;
若否,则判断路由配置的路由信息的结构是否正确,若否,则判断为不合规,报错并终止流程,否则,执行S32。
8.根据权利要求5所述的快速构建前端页面的终端,其特征在于,所述S32包括:
S321、获取路由配置的路由信息,判断是否存在与所述路由信息对应的菜单文件夹;
若否,则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件,若是,则执行S322;
S322、判断所述路由信息对应的页面文件是否存在;
若是,则报错并终止流程;
若否,则根据所述路由信息创建所述页面文件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110484896.5A CN113204342A (zh) | 2021-04-30 | 2021-04-30 | 一种快速构建前端页面的方法及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110484896.5A CN113204342A (zh) | 2021-04-30 | 2021-04-30 | 一种快速构建前端页面的方法及终端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113204342A true CN113204342A (zh) | 2021-08-03 |
Family
ID=77029724
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110484896.5A Pending CN113204342A (zh) | 2021-04-30 | 2021-04-30 | 一种快速构建前端页面的方法及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113204342A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050204282A1 (en) * | 2003-12-08 | 2005-09-15 | Henric Harutunian | Systems and methods for data interchange among autonomous processing entities |
CN109086114A (zh) * | 2018-07-26 | 2018-12-25 | 郑州云海信息技术有限公司 | 一种生成web前端交互界面的方法、装置及终端 |
CN110531983A (zh) * | 2019-08-08 | 2019-12-03 | 国云科技股份有限公司 | 一种基于多项目构建的前端页面按需打包方法 |
-
2021
- 2021-04-30 CN CN202110484896.5A patent/CN113204342A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050204282A1 (en) * | 2003-12-08 | 2005-09-15 | Henric Harutunian | Systems and methods for data interchange among autonomous processing entities |
CN109086114A (zh) * | 2018-07-26 | 2018-12-25 | 郑州云海信息技术有限公司 | 一种生成web前端交互界面的方法、装置及终端 |
CN110531983A (zh) * | 2019-08-08 | 2019-12-03 | 国云科技股份有限公司 | 一种基于多项目构建的前端页面按需打包方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR20020035567A (ko) | 레거시 데이터 구조용 객체 속성 메타 모델 에뮬레이터 | |
CN106445497A (zh) | 应用程序开发方法及系统 | |
CN114077423A (zh) | 基于移动跨平台的机场app开发容器架构 | |
CN111179086A (zh) | 一种基于WebAssembly的智能合约虚拟机 | |
CN112241360A (zh) | 一种测试用例生成方法、装置、设备及存储介质 | |
CN112783568B (zh) | 应用程序的初始化方法、装置、设备和存储介质 | |
CN113946323A (zh) | 基于微服务体系的在线开发方法、装置、设备及存储介质 | |
CN114968192A (zh) | 一种项目创建方法、装置、计算机设备及存储介质 | |
CN109542464B (zh) | IoT设备脚本程序的开发部署系统、方法及存储介质 | |
CN111367512B (zh) | 一种应用程序开发中创建Android库模块依赖关系的方法及装置 | |
CN113204342A (zh) | 一种快速构建前端页面的方法及终端 | |
CN117149209A (zh) | 一种代码增量编译方法、装置、计算机设备及存储介质 | |
CN116466915A (zh) | 一种基于MVP架构的iOS开发框架构建方法和装置 | |
CN111008153A (zh) | 一种单元测试方法及系统 | |
CN110780863A (zh) | 一种存储系统的跨平台开发方法、装置、设备及介质 | |
CN111629200A (zh) | 一种快速检测差分包可靠性的方法、装置及可读存储介质 | |
CN113590179B (zh) | 插件检测方法、装置、电子设备及存储介质 | |
CN115220873A (zh) | 一种在Android系统中运行Open Harmony应用的方法 | |
CN108874417A (zh) | 一种嵌入式设备的软件升级方法及系统 | |
CN115456628A (zh) | 基于区块链的智能合约查看方法、装置、存储介质及设备 | |
CN111752840B (zh) | 一种跨系统的金融自助设备sp自动测试方法、设备及介质 | |
CN103677846A (zh) | 一种SQLite数据库开发工具包及开发方法 | |
CN111367509B (zh) | 网页开发模板的生成方法、装置、计算机设备和存储介质 | |
CN113641426A (zh) | 一种安卓端基于源码修改的脱壳查找与实现方法及系统 | |
CN116860324B (zh) | 开发数据处理方法、开发数据处理设备以及可读存储介质 |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210803 |
|
RJ01 | Rejection of invention patent application after publication |