CN116661750A - 一种基于schma生成前端项目源码的方法及装置 - Google Patents
一种基于schma生成前端项目源码的方法及装置 Download PDFInfo
- Publication number
- CN116661750A CN116661750A CN202310610125.5A CN202310610125A CN116661750A CN 116661750 A CN116661750 A CN 116661750A CN 202310610125 A CN202310610125 A CN 202310610125A CN 116661750 A CN116661750 A CN 116661750A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- item
- preset
- schma
- 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 68
- 238000000547 structure data Methods 0.000 claims abstract description 43
- 238000003860 storage Methods 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 12
- 230000008569 process Effects 0.000 abstract description 12
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000010276 construction Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000003672 processing method Methods 0.000 description 2
- 238000004904 shortening Methods 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 239000002131 composite material Substances 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
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
-
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/42—Syntactic analysis
- G06F8/427—Parsing
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明公开了一种基于schma生成前端项目源码的方法及装置,涉及数据处理技术领域,主要目的在于实现简化了从创建工程到页面绘制开发过程,提高了开发效率。本发明主要的技术方案为:利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;基于所述页面内容数据生成项目目录;基于所述项目目录结构数据生成所述项目目录对应的页面代码;将所述页面代码和所述项目目录组合输出项目。本发明用于生成前端项目源码。
Description
技术领域
本发明涉及数据处理技术领域,尤其涉及一种基于schma生成前端项目源码的方法及装置。
背景技术
在开发前端项目时,通常根据ui原型为参考,早期通过JavaScript操作dom去实现一些交互行为,后来出现了vue,react等框架极大缩短了前端开发周期。
目前,采用vue/react框架进行页面开发,开发时需依赖vue-cli等脚手架手动搭建项目,并进行编码,从而生成页面。
但是,上述处理方法存在每次新搭建的项目时都需要对页面进行从无到有的编写,且相似页面需要重复编写,耗时长,工作量大。
发明内容
鉴于上述问题,本发明提供一种基于schma生成前端项目源码的方法及装置,主要目的是为了实现简化了从创建工程到页面绘制开发过程,提高了开发效率。
为解决上述技术问题,本发明提出以下方案:
第一方面,本发明提供一种基于schma生成前端项目源码的方法,所述方法包括:
利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;
基于所述页面内容数据生成项目目录;
基于所述项目目录结构数据生成所述项目目录对应的页面代码;
将所述页面代码和所述项目目录组合输出项目。
第二方面,本发明提供一种基于schma生成前端项目源码的装置,所述装置包括:
获取单元,用于利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;
第一生成单元,用于基于所述页面内容数据生成项目目录;
第二生成单元,用于基于所述项目目录结构数据生成所述项目目录对应的页面代码;
输出单元,用于将所述页面代码和所述项目目录组合输出项目。
为了实现上述目的,根据本发明的第三方面,提供了一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述第一方面所述基于schma生成前端项目源码的方法。
为了实现上述目的,根据本发明的第四方面,提供了一种电子设备,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现如第二方面所述用于基于schma生成前端项目源码的装置的全部或部分步骤。
借由上述技术方案,本发明提供的基于schma生成前端项目源码的方法及装置,是由于采用vue/react框架进行页面开发,开发时需依赖vue-cli等脚手架手动搭建项目,并进行编码,从而生成页面存在每次新搭建的项目时都需要对页面进行从无到有的编写,且相似页面需要重复编写,耗时长,工作量大等问题。为此,本发明通过利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;基于所述页面内容数据生成项目目录;基于所述项目目录结构数据生成所述项目目录对应的页面代码;将所述页面代码和所述项目目录组合输出项目。本发明基于vue框架,集成schma协议,进行再次封装,开发者只需编写json数据,即可快速生成页面,进一步缩短了前端开发周期,简化了从创建工程到页面绘制开发过程,提高了开发效率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提供的一种基于schma生成前端项目源码的方法流程图;
图2示出了本发明实施例提供的另一种基于schma生成前端项目源码的方法流程图;
图3示出了本发明实施例提供的一种基于schma生成前端项目源码的装置的组成框图;
图4示出了本发明实施例提供的另一种基于schma生成前端项目源码的装置的组成框图;
图5示出了本发明实施例提供的另一种基于schma生成前端项目源码的装置的示例图;
图6示出了本发明实施例提供的另一种基于schma生成前端项目源码的装置的项目目录示例图;
图7示出了本发明实施例提供的另一种基于schma生成前端项目源码的装置的页面代码示例图;
图8示出了本发明实施例提供的另一种基于schma生成前端项目源码的装置的页面效果示例图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
术语解释:
Vue/react:可以独立完成前后端分离式web项目的JavaScript框架。
Vue/react脚手架:Vue/react脚手架是Vue/react官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue/react工程、配置第三方依赖、编译vue/react工程。
Schma:具有一个具有特定协议的json标准,描述了数据的格式和内容,用来定义事件体的数据格式。
Json:是一种轻量级的数据交换格式;采用完全独立于编程语言的文本格式来存储和表示数据,易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
对于目前采用vue/react框架进行页面开发,开发时需依赖vue-cli等脚手架手动搭建项目,并进行编码,从而生成页面。但是,上述处理方法存在每次新搭建的项目时都需要对页面进行从无到有的编写,且相似页面需要重复编写,耗时长,工作量大。针对此问题,发明人想到基于vue框架,集成schma协议,进行再次封装,开发者只需编写json数据,即可快速生成页面,进一步缩短了前端开发周期。
为此,本发明实施例提供了一种基于schma生成前端项目源码的方法,通过该方法实现简化了从创建工程到页面绘制开发过程,提高了开发效率,其具体执行步骤如图1所示,包括:
101、利用预设Schma协议获取待处理数据。
其中,所述待处理数据包括项目目录结构数据和页面内容数据;schma是指具有特定协议的json标准。
根据页面需要,编写Schma,其中,包含项目目录结构数据(components)和页面内容数据(page)。用户根据页面需要利用所述预设Schma协议输入复合规范的json串,即为所述待处理数据。
102、基于页面内容数据生成项目目录。
从步骤101得到所述待处理数据之后,即可得页面内容数据(page),所述Page包括页面文件夹和项目配置文件,所述页面文件夹可以包括很多预设页面,所述项目配置文件可以包括README、eslintrc、gitignore等,本实施例不做具体限定,即所述Page包括项目的目录结构。根据所述页面文件夹内的预设页面信息和所述项目配置文件内的配置内容生成所述项目目录。
103、基于项目目录结构数据生成项目目录对应的页面代码。
从步骤101得到所述项目目录结构数据之后,所述components中包含每个页面要展示的元素,例如页面按钮、表格、文本、分割线等元素和页面布局元素;每个页面是components的一个子元素。所述页面内容数据(page)中包含项目的目录结构,所述Page中的页面通过页面id与所述components中的子元素相对应。
所述page和所述components根据唯一标识页面ID相连接,将所述components中的页面展示元素放到对应项目目录下的预设页面进而生成页面代码。
104、将页面代码和项目目录组合输出项目。
从步骤102和103分别得到项目目录和对应的页面代码之后,将页面代码和项目目录组合输出项目。
基于上述图1实施例的实现方式可以看出,本发明提供一种基于schma生成前端项目源码的方法,针对vue/react脚手架使用限制框架,创建工程,开发项目过程繁琐的问题,本发明通过利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;基于所述页面内容数据生成项目目录;基于所述项目目录结构数据生成所述项目目录对应的页面代码;将所述页面代码和所述项目目录组合输出项目。本发明基于vue框架,集成schma协议,进行再次封装,开发者只需编写json数据,即可快速生成页面,进一步缩短了前端开发周期,简化了从创建工程到页面绘制开发过程,提高了开发效率。
进一步的,作为对图1所示实施例的细化及扩展,本发明实施例还提供了另一种基于schma生成前端项目源码的方法,如图2所示,其具体步骤如下:
201、设置项目目录结构数据的格式和页面内容数据的格式。
其中,所述项目目录结构数据的格式至少包括每个页面要展示的元素,所述页面内容数据的格式至少包括项目的目录结构;
根据页面需要,先设置目目录结构数据的格式和页面内容数据的格式,用于构建预设Schma协议。
举例说明:
如图5所示,页面内容数据(page)的格式包括页面文件夹和项目配置文件,所述页面文件夹包括3个预设页面,即页面1、页面2和页面3;所述项目配置文件可以包括README、eslintrc、gitignore等,本实施例不做具体限定;目录结构数据(components)的格式包括与“页面1、页面2和页面3”相对应的展示元素,为页面1的页面按钮、表格、文本、分割线等元素和页面布局元素,页面2的页面按钮、表格、文本、分割线等元素和页面布局元素以及页面3的页面按钮、表格、文本、分割线等元素和页面布局元素;本实施例不做具体限定。
202、基于项目目录结构数据的格式和页面内容数据的格式,设置预设Schma协议。
其中,所述预设Schma协议用于用户编写json数据。schma是指具有特定协议的json标准。
从步骤201得到所述目目录结构数据的格式和页面内容数据的格式之后,基于所述目目录结构数据的格式和页面内容数据的格式设置预设Schma协议。
203、利用预设Schma协议获取待处理数据。
本步骤结合上述方法中101步骤的描述,在此相同的内容不赘述。
其中,所述待处理数据包括项目目录结构数据和页面内容数据;从步骤202得到所述预设Schma协议之后,用户根据页面需求按照所述预设Schma协议规定的标准进行编写json数据,即得到所述待处理数据。
204、基于页面内容数据生成项目目录。
本步骤结合上述方法中102步骤的描述,在此相同的内容不赘述。
从步骤203得到所述页面内容数据,所述页面内容数据包括页面文件夹和项目配置文件,所述页面文件夹中设置有多个预设页面;具体步骤可包括:基于所述页面文件夹的多个预设页面和所述项目配置文件生成项目目录,如图6所示。
205、基于项目目录结构数据生成项目目录对应的页面代码。
本步骤结合上述方法中103步骤的描述,在此相同的内容不赘述。
从步骤203得到所述项目目录结构数据,所述项目目录结构数据至少包括与所述页面文件夹的多个预设页面一一对应的展示元素,展示元素至少包括页面按钮、页面表格、页面文本、页面分割线以及页面布局元素;利用所述预设页面ID将所述页面文件夹的多个预设页面与所述页面内容数据中的子元素建立一一对应关系,所述子元素为每个与所述预设页面对应的展示元素。利用预设页面ID将所述预设页面对应的展示元素放到对应的所述预设页面生成每个所述预设页面分别对应的页面代码;基于所述每个所述预设页面分别对应的页面代码,获得所述项目目录对应的页面代码,如图7所示。
206、将页面代码和项目目录组合输出项目。
本步骤结合上述方法中104步骤的描述,在此相同的内容不赘述。
利用所述预设页面ID将所述项目目录对应的页面代码放到对应的所述项目目录下的预设页面进行展示输出所述项目,如图8所示。
基于上述图2的实现方式可以看出,本发明提供一种基于schma生成前端项目源码的方法,本发明基于vue框架,集成schma协议,进行再次封装;开发者只需要开发人员输入符合schma协议的json串,即可自动生成vue/react项目,并生成相关页面代码,大大减少了页面从无到有过程中的开发量,即简化了从脚手架的搭建到一点一点堆叠逻辑,绘制页面的开发过程,不再需要通过脚手架搭建项目目录,也不需要对页面初版布局样式进行初次开发。而且本发明还可以灵活配置,不限制开发框架的使用,适用于react和vue框架。本发明还可以基于生成的代码进行二次开发。
进一步的,作为对上述图1所示方法的实现,本发明实施例还提供了一种基于schma生成前端项目源码的装置,用于对上述图1所示的方法进行实现。该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。如图3所示,该装置包括:
获取单元31,用于利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;
第一生成单元32,用于基于从所述获取单元31得到的所述页面内容数据生成项目目录;
第二生成单元33,用于基于从所述获取单元31得到的所述项目目录结构数据生成所述项目目录对应的页面代码;
输出单元34,用于将从所述第一生成单元32得到的所述页面代码和从所述第二生成单元33得到的所述项目目录组合输出项目。
进一步的,作为对上述图2所示方法的实现,本发明实施例还提供了另一种基于schma生成前端项目源码的装置,用于对上述图2所示的方法进行实现。该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。如图4所示,该装置包括:
获取单元31,用于利用从所述第二设置单元36得到的预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;
第一生成单元32,用于基于从所述获取单元31得到的所述页面内容数据生成项目目录;
第二生成单元33,用于基于从所述获取单元31得到的所述项目目录结构数据生成所述项目目录对应的页面代码;
输出单元34,用于将从所述第一生成单元32得到的所述页面代码和从所述第二生成单元33得到的所述项目目录组合输出项目;
第一设置单元35,用于设置所述项目目录结构数据的格式和所述页面内容数据的格式,所述项目目录结构数据的格式至少包括每个页面要展示的元素,所述页面内容数据的格式至少包括项目的目录结构;
第二设置单元36,用于基于从所述第一设置单元35得到的所述项目目录结构数据的格式和所述页面内容数据的格式,设置所述预设Schma协议,用于用户编写json数据。
进一步的,所述页面内容数据包括页面文件夹和项目配置文件,所述页面文件夹中设置有多个预设页面;所述第一生成单元32,还用于:
基于所述页面文件夹的多个预设页面和所述项目配置文件生成项目目录。
进一步的,所述项目目录结构数据至少包括与所述页面文件夹的多个预设页面一一对应的展示元素,展示元素至少包括页面按钮、页面表格、页面文本、页面分割线以及页面布局元素;所述第二生成单元33,包括:
生成模块331,用于利用预设页面ID将所述预设页面对应的展示元素放到对应的所述预设页面生成每个所述预设页面分别对应的页面代码;
获取模块332,用于基于从所述生成模块331得到的所述每个所述预设页面分别对应的页面代码,获得所述项目目录对应的页面代码。
进一步的,所述输出单元34,还用于:
利用所述预设页面ID将所述项目目录对应的页面代码放到对应的所述项目目录下的预设页面进行展示输出所述项目。
进一步的,所述获取单元31,还用于:
用户根据页面需求按照所述预设Schma协议规定的标准进行编写json数据,得到所述待处理数据。
进一步的,所述第二生成单元33,还包括:
构建模块333,用于利用所述预设页面ID将所述页面文件夹的多个预设页面与所述页面内容数据中的子元素建立一一对应关系,所述子元素为每个与所述预设页面对应的展示元素。
进一步的,本发明实施例还提供一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述图1-2中所述的基于schma生成前端项目源码的方法。
进一步的,本发明实施例还提供一种存储介质,所述存储介质用于存储计算机程序,其中,所述计算机程序运行时控制所述存储介质所在设备执行上述图1-2中所述的基于schma生成前端项目源码的方法。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
可以理解的是,上述方法及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
此外,存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种基于schma生成前端项目源码的方法,其特征在于,所述方法包括:
利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;
基于所述页面内容数据生成项目目录;
基于所述项目目录结构数据生成所述项目目录对应的页面代码;
将所述页面代码和所述项目目录组合输出项目。
2.根据权利要求1所述的方法,其特征在于,在所述利用预设Schma协议获取待处理数据之前,所述方法还包括:
设置所述项目目录结构数据的格式和所述页面内容数据的格式,所述项目目录结构数据的格式至少包括每个页面要展示的元素,所述页面内容数据的格式至少包括项目的目录结构;
基于所述项目目录结构数据的格式和所述页面内容数据的格式,设置所述预设Schma协议,用于用户编写json数据。
3.根据权利要求1所述的方法,其特征在于,所述页面内容数据包括页面文件夹和项目配置文件,所述页面文件夹中设置有多个预设页面;
所述基于所述页面内容数据生成项目目录,包括:
基于所述页面文件夹的多个预设页面和所述项目配置文件生成项目目录。
4.根据权利要求1所述的方法,其特征在于,所述项目目录结构数据至少包括与所述页面文件夹的多个预设页面一一对应的展示元素,展示元素至少包括页面按钮、页面表格、页面文本、页面分割线以及页面布局元素;
所述基于所述项目目录结构数据生成所述项目目录对应的页面代码,包括:
利用预设页面ID将所述预设页面对应的展示元素放到对应的所述预设页面生成每个所述预设页面分别对应的页面代码;
基于所述每个所述预设页面分别对应的页面代码,获得所述项目目录对应的页面代码。
5.根据权利要求3-4中任一项所述的方法,其特征在于,所述利用预设连接规则将所述页面代码和所述项目目录组合输出项目,包括:
利用所述预设页面ID将所述项目目录对应的页面代码放到对应的所述项目目录下的预设页面进行展示输出所述项目。
6.根据权利要求5所述的方法,其特征在于,所述利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据,包括:
用户根据页面需求按照所述预设Schma协议规定的标准进行编写json数据,得到所述待处理数据。
7.根据权利要求4所述的方法,其特征在于,所述方法还包括:
利用所述预设页面ID将所述页面文件夹的多个预设页面与所述页面内容数据中的子元素建立一一对应关系,所述子元素为每个与所述预设页面对应的展示元素。
8.一种基于schma生成前端项目源码的装置,其特征在于,包括:
获取单元,用于利用预设Schma协议获取待处理数据,所述待处理数据包括项目目录结构数据和页面内容数据;
第一生成单元,用于基于所述页面内容数据生成项目目录;
第二生成单元,用于基于所述项目目录结构数据生成所述项目目录对应的页面代码;
输出单元,用于将所述页面代码和所述项目目录组合输出项目。
9.一种存储介质,所述存储介质包括存储的程序,其特征在于,在所述程序运行时控制所述存储介质所在设备执行权利要求1至权利要求7中任一项所述基于schma生成前端项目源码的方法。
10.一种电子设备,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至权利要求7中任一项所述基于schma生成前端项目源码的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310610125.5A CN116661750A (zh) | 2023-05-26 | 2023-05-26 | 一种基于schma生成前端项目源码的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310610125.5A CN116661750A (zh) | 2023-05-26 | 2023-05-26 | 一种基于schma生成前端项目源码的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116661750A true CN116661750A (zh) | 2023-08-29 |
Family
ID=87718411
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310610125.5A Pending CN116661750A (zh) | 2023-05-26 | 2023-05-26 | 一种基于schma生成前端项目源码的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116661750A (zh) |
-
2023
- 2023-05-26 CN CN202310610125.5A patent/CN116661750A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107918666B (zh) | 一种区块链上的数据同步方法和系统 | |
CN105094832A (zh) | 一种所见即所得的动态生成用户界面的方法和系统 | |
CN103309659A (zh) | 基于富客户端的用户界面动态生成方法及其生成装置 | |
GB2367391A (en) | Data access code generation | |
CN103412868A (zh) | 文书生成方法及装置 | |
CN111708528A (zh) | 一种小程序的生成方法、装置、设备及存储介质 | |
CN113609820A (zh) | 基于可扩展标记语言文件生成word文件的方法、装置及设备 | |
US20020026632A1 (en) | Universal computer code generator | |
CN107391529B (zh) | 一种实现对象关系映射orm的方法及装置 | |
WO2023078053A1 (zh) | 一种代码生成方法、装置、计算机设备及存储介质 | |
CN112650966A (zh) | 在线设计的动态列表页面生成方法、生成器及介质 | |
CN112732239A (zh) | 页面动态生成方法、系统及相应设备和存储介质 | |
CN104063231A (zh) | 一种基于hit-tena的试验资源快速接入方法 | |
CN107391099B (zh) | 一种资源预处理方法及装置 | |
JP2786206B2 (ja) | 機能設計図生成方法 | |
CN116661750A (zh) | 一种基于schma生成前端项目源码的方法及装置 | |
CN101887364B (zh) | 帮助文档的生成方法和装置 | |
CN109933766A (zh) | 文件生成方法、装置及存储介质 | |
CN111273913B (zh) | 一种输出规范表示的应用程序接口数据的方法及装置 | |
CN108228708B (zh) | 大数据etl系统及其调度方法 | |
CN103810312B (zh) | 用于人机接口动画图形元素的计算机辅助设计的方法及装置 | |
JPS6210769A (ja) | 帳票作成処理方式 | |
CN104615458A (zh) | 一种基于json数据格式模块加载的方法及系统 | |
CN105094994A (zh) | 一种程序间通信再编程软件设计实现及人机交互方法 | |
CN112181398A (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 |