CN111273898B - web前端代码自动化构建方法、系统及存储介质 - Google Patents
web前端代码自动化构建方法、系统及存储介质 Download PDFInfo
- Publication number
- CN111273898B CN111273898B CN202010117761.0A CN202010117761A CN111273898B CN 111273898 B CN111273898 B CN 111273898B CN 202010117761 A CN202010117761 A CN 202010117761A CN 111273898 B CN111273898 B CN 111273898B
- Authority
- CN
- China
- Prior art keywords
- page
- code
- catalog
- file
- configuration
- 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
- 238000010276 construction Methods 0.000 title claims abstract description 27
- 238000000034 method Methods 0.000 claims abstract description 57
- 238000011161 development Methods 0.000 claims abstract description 41
- 238000004806 packaging method and process Methods 0.000 claims abstract description 26
- 230000008569 process Effects 0.000 claims abstract description 21
- 238000012545 processing Methods 0.000 claims abstract description 15
- 230000004048 modification Effects 0.000 claims abstract description 12
- 238000012986 modification Methods 0.000 claims abstract description 12
- 230000001419 dependent effect Effects 0.000 claims abstract description 5
- 238000004519 manufacturing process Methods 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 9
- 230000008859 change Effects 0.000 claims description 8
- 230000006835 compression Effects 0.000 claims description 4
- 238000007906 compression Methods 0.000 claims description 4
- 238000004088 simulation Methods 0.000 claims description 4
- 238000001514 detection method Methods 0.000 claims description 3
- 238000009434 installation Methods 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000012423 maintenance Methods 0.000 abstract description 5
- 230000009286 beneficial effect Effects 0.000 abstract description 4
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000006467 substitution reaction Methods 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/40—Transformation of program code
- G06F8/41—Compilation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration 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)
- Computer Security & Cryptography (AREA)
- Stored Programmes (AREA)
Abstract
本发明实施例公开了一种web前端代码自动化构建方法、系统及存储介质,方法包括:接收用户输入的配置项,创建项目目录、生成目录约定及生成模板文件;根据模板文件及配置项自动安装需要的依赖程序;根据项目目录、目录约定和模板文件进行模块打包及代码编译,得到处理结果;将处理结果进行代码发布。实施本发明实施例,优点如下:(1)简化流程,不需要频繁配置与修改,完全按照约定自动读取文件生成配置;(2)自动构建,减少工作量的同时,降低了出错率;(3)在组件化和模块化的指导思想下,对前端资源进行构建,有利于项目的开发与维护;(4)支持多页面项目,可以配合后端模板引擎使用;(5)优化了前端资源,提升了性能。
Description
技术领域
本发明涉及计算机软件技术领域,具体涉及一种web前端代码自动化构建方法、系统及存储介质。
背景技术
随着互联网技术的发展及web应用的不断成熟,越来越多的软件系统开始使用B/S架构。在这种架构下,用户界面及操作完全通过前端(Browser)实现,各种交互效果越来越复杂,功能不断增加,造成前端开发人员在项目开发中的工作量占比越来越大,前端代码变得庞大与复杂。在这种情况下,前端开发开始从组件化、模块化的角度去思考和组织代码,前端开发需要将大量的组件与模块按照一定依赖关系与规则构建成符合生成环境部署的前端资源,同时需要在减少页面加载时的http请求数量与请求资源的大小之间做一个平衡。因此需要一个前端代码自动化构建的方法及系统来帮助前端开发人员解放手动创建与配置、减少错误率、自动梳理流程、构建代码和提高效率,提升前端代码的可维护性、代码复用性,优化前端性能。
在现有方法中,有单独使用gulp或grunt方式进行构建的方法,这种方法插件单一,流程控制繁琐,且当项目文件越来越多,代码量越来越大时,构建速度变得很慢,导致开发效率低下,同时生成的文件过大,仅仅依靠代码压缩解决不了问题,也无法实现资源按需加载;有同时使用gulp和webpack进行构建的方法,这种方法配置复杂,基于单页面的构建,无法对多页面应用程序进行构建,且无法配合后端模板引擎使用,单页面应用开发也不适用于规模较大的项目开发;还有不使用任何构建方法的开发方式,这种方式无法进行组件化、模块化开发,无法自动插入或合并代码,无法复用代码,会产生大量的重复劳动力,对某些页面进行修改时,也往往需要重复修改,不利于代码维护,无法优化前端资源。
发明内容
针对现有技术中的技术缺陷,本发明实施例的目的在于提供一种B/S架构下的web前端代码自动化构建方法、系统及存储介质。
为实现上述目的,第一方面,本发明实施例提供了一种B/S架构下的web前端代码自动化构建方法,包括:
目录创建及模板生成步骤:接收用户输入的配置项,并根据所述配置项创建项目目录、生成目录约定及生成模板文件;
自动安装步骤:根据所述模板文件及所述配置项自动安装需要的依赖程序;
模块打包及代码编译步骤:根据所述项目目录、目录约定和模板文件进行模块打包及代码编译,得到处理结果;
代码发布步骤:将所述处理结果进行代码发布。
其中,模块打包及代码编译过程包括开发模式和生产模式;
开发模式下,根据所述目录约定生成入口文件;
对所述前端资源进行识别,得到待加载页面;
根据所述入口文件,将处理结果自动插入所述待加载页面上。
进一步地,所述入口文件包括单页面的路由配置和多页面的路由配置,根据所述目录约定生成入口文件具体包括:
若开发页面为单页面,则按照单页面的目录约定进行开发,生成单页面的路由配置;
若开发页面为多页面,则按照多页面的目录约定进行开发,生成多页面的路由配置。
具体地,开发模式下,若监听到前端资源发生变化,则获取当前修改文件,并对所述当前修改文件进行模块打包及代码编译,其中,所述前端资源发生变化包括html、javascript、css、图片资源或视频资源发生变化。
进一步地,在模块打包及代码编译过程的开发模式下,代码生成于本地运行的模拟服务器的内存中。
进一步地,在模块打包及代码编译过程的开发模式下,所述方法还包括对代码进行规范检测。
进一步地,在模块打包及代码编译过程的生产模式下,所述方法还包括:
不对前端资源进行监听,一次性地代码进行打包及编译;
将打包及编译后的代码自动插入到所述待加载页面中,并加入唯一标识ID,以便在部署后系统自动更新前端资源缓存;
对代码进行规范检测和代码压缩。
具体地,代码发布过程包括生产模式,代码发布时,判断是否存在发布目录,如果不存在则会创建发布目录,如果存在,则会将该目录移除,重新创建目录,并按照单独目录存储的方式发布代码,所述单独目录存储的方式包括html、javascript、css、图片资源或视频资源。
第二方面,本发明实施例提供了一种B/S架构下的web前端代码自动化构建系统,包括处理器、输入设备、输出设备和存储器,所述处理器、输入设备、输出设备和存储器相互连接,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行上述第一方面的方法。
第三方面,本发明实施例提供了一种计算机可读存储介质,存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行上述第一方面的方法。
实施本发明实施例,优点如下:(1)简化流程,不需要频繁配置与修改,完全按照约定自动读取文件生成配置;(2)自动构建,减少工作量的同时,降低了出错率;(3)在组件化和模块化的指导思想下,对前端资源进行构建,有利于项目的开发与维护;(4)支持多页面项目,可以配合后端模板引擎使用;(5)优化了前端资源,提升了性能。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。
图1是本发明实施例提供的B/S架构下的web前端代码自动化构建方法的流程示意图;
图2是本发明实施例提供的B/S架构下的web前端代码自动化构建系统的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
现有技术存在以下问题:在前端代码,尤其是大型项目的前端代码的构建过程中,流程控制繁琐,往往需要手动进行很多配置或修改很多配置;无法对前端资源进行优化,实现资源按需加载;无法对组件化及模块化代码进行构建,并自动插入或合并代码到模板引擎中;很多基于单页面应用程序的构建,且无法配合后端模板引擎使用。针对上述问题,本发明实施例提供了一种涉及B/S架构下的web前端代码自动化构建方法及系统,其详细介绍如下。
请参考图1,本发明实施例提供的B/S架构下的web前端代码自动化构建方法包括:
S101,目录创建及模板生成步骤:接收用户输入的配置项,并根据所述配置项创建项目目录、生成目录约定及生成模板文件。
具体地,初始化创建项目,系统接收用户输入的配置项,并根据所述配置项创建符合本发明实施例的方法及系统要求的项目目录、生成目录约定及生成模板文件。此处的系统接收用户输入的配置项可理解为:系统提供了多个配置项选项,用户手动进行选择。
S102,自动安装步骤:根据所述模板文件及所述配置项自动安装需要的依赖程序。
具体地,因此模板文件和配置项中包括了用户想要安装的程序信息,因此当项目初始化完成后,系统可根据模板文件和配置项自动安装需要的依赖程序。
S103,模块打包及代码编译步骤:根据所述项目目录、目录约定和模板文件进行模块打包及代码编译,得到处理结果。
需要说明的是,此处的处理结果可理解为代码打包及编译的结果。
其中,模块打包及代码编译过程包括开发模式和生产模式。开发模式下,本实施例的方法及系统会在node.js的运行环境下进行代码打包与编译,同时开发环境也是基于node.js的运行环境进行的集成。
本实施例的方法及系统提供的本地开发环境除基础的web服务外,还包括模拟接口数据,方便前端开发人员进行数据交互调试;模拟后端渲染环境,方便与后端开发人员无缝对接;本地开发服务监控,修改本地服务相关配置后,无需手动重启本地开发服务,会自动重新启动。
具体地,在开发模式下,本实施例的方法会监听前端资源的改动,一旦于开发相关的资源有所改动,开发页面会自动刷新并重新加载资源,大大地提高了项目开发于调试的效率。需要说明的是,前端指的是浏览器页面展示的内容、交互界面及交互数据等;前端资源发生改动指的是html、javascript、css、图片资源或视频资源等发生变化。
进一步地,本方法实施例中,在开发模式下,若监听到前端资源发生变化,且代码执行修改后,则获取当前修改文件,并对所述当前修改文件进行模块打包及代码编译。即本方法及系统只会对当前修改的文件进行重新打包与编译,而不是对所有监听的资源进行重新打包与编译,所以执行速度与修改速度都很快。
具体地,开发模式下,本方法根据所述目录约定生成入口文件,对所述前端资源进行识别,得到待加载页面,根据所述入口文件,将处理结果自动插入所述待加载页面上。该入口文件可理解为路由规则。也就是说,开发模式下,无需手动配置路由等,只需关系开发的页面,如果是单页面应用,则按照单页面约定的目录和方式开发,本方法及系统会加载单页面的路由配置,如果是多页面应用,则按照多页面约定的目录和方式开发,本方法及系统会根据页面自动生成路由规则。
其中,单页面路由完全由前端JavaScript控制,使用单页面路由时,所有逻辑和业务都在一个页面上,当切换路由时,大部分页面结构不变,只改变页面部分内容;多页面路由由本地服务器控制,通过用户请求的URL导航到具体的页面,每跳转到不同的URL,都是重新访问服务端,然后服务端返回页面。
进一步地,在模块打包及代码编译过程的开发模式下,代码全部生成在本地运行的模拟服务器的内存中,系统加载的是内存中的代码,相比开发模式下也需要生成编译文件并加载磁盘文件的方式,极大的提高了代码开发效率。
进一步地,在开发模式下,本方法及系统也会对代码进行规范检测,不规范的会进行相应的提示,但为了提高代码打包与编译的速度和代码的可调式性,不会对代码进行压缩。
进一步地,在模块打包及代码编译过程的生产模式下,所述方法还包括:
不对前端资源进行监听,而是一次性地代码进行打包及编译;
将打包及编译后的代码自动插入到所述待加载页面中,并加入唯一标识ID,以便在部署后系统自动更新前端资源缓存;
对代码进行规范检测和代码压缩。
此外,在生产模式下,如果是多页面应用,则打包与编译过程会省去生产环境下不需要的步骤,如自动生成路由规则的步骤。
S104,代码发布步骤:将所述处理结果进行代码发布。
具体地,代码发布过程只包括生产模式,开发模式下代码生成在内存中,不会进行代码发布,生产模式下,代码发布时,本方法及系统首先会判断是否存在发布目录,如果不存在则会创建发布目录,如果存在,则会将该目录移除,防止对本次需要发布代码混淆污染,然后重新创建目录,按照html、javascript、css、图片资源、视频资源等单独目录存储的方式发布代码。
需要说明的是,本领域技术人员应当知晓,上述方法中的步骤S101至S103实质上都是针对代码执行相应处理。
从以上描述可以看出,本发明实施例的web前端代码自动化构建方法,优点如下:(1)简化流程,不需要频繁配置与修改,完全按照约定自动读取文件生成配置;(2)自动构建,减少工作量的同时,降低了出错率;(3)在组件化和模块化的指导思想下,对前端资源进行构建,有利于项目的开发与维护;(4)支持多页面项目,可以配合后端模板引擎使用;(5)优化了前端资源,提升了性能。
基于相同的发明构思,本发明实施例提供一种B/S架构下的web前端代码自动化构建系统。如图2所示,该系统可以包括:一个或多个处理器101、一个或多个输入设备102、一个或多个输出设备103和存储器104,上述处理器101、输入设备102、输出设备103和存储器104通过总线105相互连接。存储器104用于存储计算机程序,所述计算机程序包括程序指令,所述处理器101被配置用于调用所述程序指令执行上述B/S架构下的web前端代码自动化构建方法实施例部分的方法。
应当理解,在本发明实施例中,所称处理器101可以是中央处理单元(CentralProcessing Unit,CPU),该处理器还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
输入设备102可以包括键盘等,输出设备103可以包括显示器(LCD等)、扬声器等。
该存储器104可以包括只读存储器和随机存取存储器,并向处理器101提供指令和数据。存储器104的一部分还可以包括非易失性随机存取存储器。例如,存储器104还可以存储设备类型的信息。
具体实现中,本发明实施例中所描述的处理器101、输入设备102、输出设备103可执行本发明实施例提供的B/S架构下的web前端代码自动化构建方法的实施例中所描述的实现方式,在此不再赘述。
需要说明的是,关于B/S架构下的web前端代码自动化构建系统的具体工作流程,可参考前述方法实施例部分,在此不再赘述。
本发明实施例的web前端代码自动化构建系统简化流程,不需要频繁配置与修改,完全按照约定自动读取文件生成配置,自动构建,减少工作量的同时,降低了出错率;在组件化和模块化的指导思想下,对前端资源进行构建,有利于项目的开发与维护;支持多页面项目,可以配合后端模板引擎使用;优化了前端资源,提升了性能。
进一步地,本发明实施例还提供了一种可读存储介质,存储有计算机程序,所述计算机程序包括程序指令,所述程序指令被处理器执行时实现:上述B/S架构下的web前端代码自动化构建方法。
所述计算机可读存储介质可以是前述实施例所述的后台服务器的内部存储单元,例如系统的硬盘或内存。所述计算机可读存储介质也可以是所述系统的外部存储设备,例如所述系统上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(SecureDigital,SD)卡,闪存卡(Flash Card)等。进一步地,所述计算机可读存储介质还可以既包括所述系统的内部存储单元也包括外部存储设备。所述计算机可读存储介质用于存储所述计算机程序以及所述系统所需的其他程序和数据。所述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分,或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (7)
1.一种B/S架构下的web前端代码自动化构建方法,其特征在于,包括:
目录创建及模板生成步骤:接收用户输入的配置项,并根据所述配置项创建项目目录、生成目录约定及生成模板文件;
自动安装步骤:根据所述模板文件及所述配置项自动安装需要的依赖程序;
模块打包及代码编译步骤:根据所述项目目录、目录约定和模板文件进行模块打包及代码编译,得到处理结果;
代码发布步骤:将所述处理结果进行代码发布;
其中,模块打包及代码编译过程包括开发模式和生产模式;
开发模式下,在node.js的运行环境下进行代码打包与编译,根据所述目录约定生成入口文件;
对所述前端资源进行识别,得到待加载页面;
根据所述入口文件,将处理结果自动插入所述待加载页面上;若监听到前端资源发生变化,则获取当前修改文件,并对所述当前修改文件进行模块打包及代码编译,其中,所述前端资源发生变化包括html、javascript、css、图片资源或视频资源发生变化;
所述入口文件包括单页面的路由配置和多页面的路由配置,根据所述目录约定生成入口文件具体包括:
若开发页面为单页面,则按照单页面的目录约定进行开发,生成单页面的路由配置;单页面路由由前端JavaScript控制,使用单页面路由时,所有逻辑和业务都在一个页面上,当切换路由时,大部分页面结构不变,只改变页面部分内容;
若开发页面为多页面,则按照多页面的目录约定进行开发,生成多页面的路由配置;多页面路由由本地服务器控制,通过用户请求的URL导航到具体的页面,每跳转到不同的URL,都是重新访问服务端,服务端返回页面;
在生产模式下,如果是多页面应用,则打包与编译过程会省去自动生成路由规则的步骤。
2.如权利要求1所述的web前端代码自动化构建方法,其特征在于,在模块打包及代码编译过程的开发模式下,代码生成于本地运行的模拟服务器的内存中。
3.如权利要求1所述的web前端代码自动化构建方法,其特征在于,在模块打包及代码编译过程的开发模式下,所述方法还包括对代码进行规范检测,不规范的会进行相应的提示。
4.如权利要求1所述的web前端代码自动化构建方法,其特征在于,在模块打包及代码编译过程的生产模式下,所述方法还包括:
不对前端资源进行监听,一次性地代码进行打包及编译;
将打包及编译后的代码自动插入到所述待加载页面中,并加入唯一标识ID,以便在部署后系统自动更新前端资源缓存;
对代码进行规范检测和代码压缩。
5.如权利要求1-4任一项所述的web前端代码自动化构建方法,其特征在于,代码发布过程包括生产模式,代码发布时,判断是否存在发布目录,如果不存在则会创建发布目录,如果存在,则会将该目录移除,重新创建目录,并按照单独目录存储的方式发布代码,所述单独目录存储的方式包括html、javascript、css、图片资源或视频资源。
6.一种B/S架构下的web前端代码自动化构建系统,其特征在于,包括处理器、输入设备、输出设备和存储器,所述处理器、输入设备、输出设备和存储器相互连接,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如权利要求5所述的方法。
7.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求5所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010117761.0A CN111273898B (zh) | 2020-02-25 | 2020-02-25 | web前端代码自动化构建方法、系统及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010117761.0A CN111273898B (zh) | 2020-02-25 | 2020-02-25 | web前端代码自动化构建方法、系统及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111273898A CN111273898A (zh) | 2020-06-12 |
CN111273898B true CN111273898B (zh) | 2024-03-19 |
Family
ID=71003690
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010117761.0A Active CN111273898B (zh) | 2020-02-25 | 2020-02-25 | web前端代码自动化构建方法、系统及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111273898B (zh) |
Families Citing this family (25)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111724133A (zh) * | 2020-06-19 | 2020-09-29 | 北京达佳互联信息技术有限公司 | 一种创建项目的方法及装置 |
CN111880859A (zh) * | 2020-07-24 | 2020-11-03 | 随身云(南京)信息技术有限公司 | 自动生成路由文件的插件及其方法 |
CN111897548B (zh) * | 2020-07-24 | 2023-11-10 | 平安证券股份有限公司 | 前端资源发布方法、装置、电子设备及计算机存储介质 |
CN111857809A (zh) * | 2020-07-30 | 2020-10-30 | 上海妙一生物科技有限公司 | 一种前端开发文件更新方法、装置及电子设备 |
CN111857810A (zh) * | 2020-07-30 | 2020-10-30 | 上海妙一生物科技有限公司 | 一种前端开发文件创建方法、装置及电子设备 |
CN111897520A (zh) * | 2020-07-31 | 2020-11-06 | 平安科技(深圳)有限公司 | 前端项目框架的构建方法、装置、计算机设备及存储介质 |
CN112162747A (zh) * | 2020-09-25 | 2021-01-01 | 同程网络科技股份有限公司 | 一种前端页面组件化的方法、装置及计算机可读存储介质 |
CN112199080B (zh) * | 2020-09-28 | 2023-02-17 | 上海上讯信息技术股份有限公司 | vuejs项目webpack构建方法及设备 |
CN112230918B (zh) * | 2020-10-15 | 2022-08-19 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
CN112181417B (zh) * | 2020-10-19 | 2023-09-22 | 中国工商银行股份有限公司 | 前端研发配置装置及方法 |
CN112445517B (zh) * | 2020-11-20 | 2024-02-02 | 瑞庭网络技术(上海)有限公司 | 入口文件生成方法、装置、电子设备和计算机可读介质 |
CN112631563A (zh) * | 2020-12-09 | 2021-04-09 | 北京飞讯数码科技有限公司 | 基于框架的系统开发方法、装置、计算机设备及存储介质 |
CN117693734A (zh) * | 2020-12-10 | 2024-03-12 | 百果园技术(新加坡)有限公司 | 前端项目处理方法、装置、设备、管理系统及存储介质 |
CN112732328B (zh) * | 2020-12-30 | 2021-11-12 | 望海康信(北京)科技股份公司 | webpack打包系统、方法及相应设备和存储介质 |
CN112965701B (zh) * | 2021-02-08 | 2024-02-09 | 中国工商银行股份有限公司 | 前端代码生成方法及装置 |
CN113448572B (zh) * | 2021-02-26 | 2024-04-16 | 北京新氧科技有限公司 | 软件项目开发方法及装置、计算机存储介质、计算机设备 |
CN113032006B (zh) * | 2021-04-16 | 2023-09-08 | 北京奇艺世纪科技有限公司 | 插件构建方法、装置、设备和存储介质 |
CN113031940A (zh) * | 2021-04-29 | 2021-06-25 | 武汉夜莺科技有限公司 | 前端框架开发方法、装置及终端设备 |
CN113312032B (zh) * | 2021-06-25 | 2023-06-09 | 深圳须弥云图空间科技有限公司 | 前端项目资源更新方法、装置、电子设备及存储介质 |
CN113568605B (zh) * | 2021-07-02 | 2024-02-09 | 上海淇玥信息技术有限公司 | 约定式路由配置方法、装置、和系统 |
CN113448559A (zh) * | 2021-07-13 | 2021-09-28 | 壹药网科技(上海)股份有限公司 | 一种针对多开发项目的全球广域网前端的开发系统和方法 |
CN113590125A (zh) * | 2021-08-17 | 2021-11-02 | 世纪龙信息网络有限责任公司 | 一种小程序开发方法及装置 |
CN114003489B (zh) * | 2021-09-30 | 2023-08-18 | 苏州浪潮智能科技有限公司 | 一种前端代码文件检测方法、装置及电子设备和存储介质 |
CN114090061B (zh) * | 2021-11-09 | 2024-05-10 | 浪潮卓数大数据产业发展有限公司 | 一种前端文件自适配打包的方法、设备及存储介质 |
CN114115835B (zh) * | 2022-01-27 | 2022-05-17 | 广州庚亿信息科技有限公司 | 自动编码执行流程构建方法、装置、存储介质及智能终端 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7698398B1 (en) * | 2003-08-18 | 2010-04-13 | Sun Microsystems, Inc. | System and method for generating Web Service architectures using a Web Services structured methodology |
CN104978194A (zh) * | 2015-06-25 | 2015-10-14 | 北京京东尚科信息技术有限公司 | 一种网页前端开发方法及装置 |
CN106843869A (zh) * | 2017-01-16 | 2017-06-13 | 百融(北京)金融信息服务股份有限公司 | 一种前端开发工程化系统和方法 |
CN109739478A (zh) * | 2018-12-24 | 2019-05-10 | 网易(杭州)网络有限公司 | 前端项目自动化构建方法、装置、存储介质及电子设备 |
CN110096263A (zh) * | 2019-04-28 | 2019-08-06 | 贝壳技术有限公司 | Web前端代码自动生成方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7831693B2 (en) * | 2003-08-18 | 2010-11-09 | Oracle America, Inc. | Structured methodology and design patterns for web services |
-
2020
- 2020-02-25 CN CN202010117761.0A patent/CN111273898B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7698398B1 (en) * | 2003-08-18 | 2010-04-13 | Sun Microsystems, Inc. | System and method for generating Web Service architectures using a Web Services structured methodology |
CN104978194A (zh) * | 2015-06-25 | 2015-10-14 | 北京京东尚科信息技术有限公司 | 一种网页前端开发方法及装置 |
CN106843869A (zh) * | 2017-01-16 | 2017-06-13 | 百融(北京)金融信息服务股份有限公司 | 一种前端开发工程化系统和方法 |
CN109739478A (zh) * | 2018-12-24 | 2019-05-10 | 网易(杭州)网络有限公司 | 前端项目自动化构建方法、装置、存储介质及电子设备 |
CN110096263A (zh) * | 2019-04-28 | 2019-08-06 | 贝壳技术有限公司 | Web前端代码自动生成方法及装置 |
Non-Patent Citations (2)
Title |
---|
Sam Liu et al.Development of a self-guided web-based intervention to promote physical activity using the multi-process action control framework.《Internet Interventions》.2019,第15卷35-42. * |
杜艳美.基于web前端的性能优化框架模型研究.《中国优秀硕士学位论文全文数据库(电子期刊)》.2018,第2018卷(第8期),全文. * |
Also Published As
Publication number | Publication date |
---|---|
CN111273898A (zh) | 2020-06-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111273898B (zh) | web前端代码自动化构建方法、系统及存储介质 | |
EP3605324B1 (en) | Application development method and tool, and storage medium thereof | |
CN110968325B (zh) | 一种小程序转换方法及装置 | |
CN106843869B (zh) | 一种前端开发工程化系统和方法 | |
JP2022062060A (ja) | リアルタイムデータフロープログラミング言語のためのツールおよび方法 | |
JP5679989B2 (ja) | デバッグパイプライン | |
CN110333863B (zh) | 一种生成、显示小程序页面的方法及装置 | |
Linaje et al. | A method for model based design of rich internet application interactive user interfaces | |
CN110673923A (zh) | Xwiki系统配置方法、系统及计算机设备 | |
US11474796B1 (en) | Build system for distributed applications | |
JP2004362000A (ja) | ウェブアプリケーション開発支援装置、コンポーネント呼び出し監視装置、データ処理方法及びプログラム | |
CN117693734A (zh) | 前端项目处理方法、装置、设备、管理系统及存储介质 | |
CN107608672B (zh) | 一种ui模块管理器、ui模块管理方法和系统 | |
Clem et al. | Static analysis at github: An experience report | |
CN111679828B (zh) | 一种数据处理的方法及装置、电子设备、存储介质 | |
CN113268239A (zh) | 桌面应用的视图构建方法、装置、设备及存储介质 | |
CN112631563A (zh) | 基于框架的系统开发方法、装置、计算机设备及存储介质 | |
CN116166907A (zh) | 一种使用WebAssembly和服务页面编译技术开发Web应用的方法及装置 | |
CN114968198A (zh) | 一种网站开发方法、系统及其存储介质 | |
US20070234200A1 (en) | Model view controller modeling language | |
CN115202756A (zh) | 基于Vue的组件加载方法、系统和电子设备 | |
CN109725932B (zh) | 一种应用组件的说明文档生成方法和装置 | |
Luong | Web application development with Reactjs framework; Case: Web application for an association | |
CN111290749B (zh) | 一种数据处理方法、智能终端及存储介质 | |
Clem et al. | Static analysis at GitHub |
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 |