CN114371841A - 前端项目代码生成方法、装置、计算机设备和存储介质 - Google Patents
前端项目代码生成方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN114371841A CN114371841A CN202111623109.7A CN202111623109A CN114371841A CN 114371841 A CN114371841 A CN 114371841A CN 202111623109 A CN202111623109 A CN 202111623109A CN 114371841 A CN114371841 A CN 114371841A
- Authority
- CN
- China
- Prior art keywords
- project
- code
- template
- configuration
- item
- 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
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/35—Creation or generation of source code model driven
-
- 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/44—Encoding
- G06F8/447—Target code generation
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本申请涉及一种前端项目代码生成方法、装置、计算机设备和存储介质。所述方法包括:响应于项目创建指令,返回多个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板;响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项;接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。采用本方法能够提高前端项目开发的效率。
Description
技术领域
本申请涉及前端开发技术领域,特别是涉及一种前端项目代码生成方法、装置、计算机设备和存储介质。
背景技术
随着前端开发技术的发展,前端项目的类型不断增多,开发团队的规模也在不断增加,在开发人员增加、项目类型增多的同时也带来了协作成本增加的问题。其中,常见的项目类型包括营销活动类项目、基于不同入口级别的开发项目、服务端渲染项目、原生SDK(Software Development Kit,软件开发工具包)开发项目、小程序开发项目、PC(PersonalComputer,个人计算机)端的开发项目等。
传统的前端项目开发方式是,开发人员针对不同类型项目按照符合个人偏好的方式进行代码编写和研发,然而,代码编写需要投入大量的时间和精力,而且,不同业务类型的项目在开发过程中存储目录、项目代码、内容配置等也很难进行规范管理。因此,前端项目开发的效率很低。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高前端项目开发效率的前端项目代码生成方法、装置、计算机设备和存储介质。
一种前端项目代码生成方法,该方法包括:
响应于项目创建指令,返回多个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板;
响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项;
接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。
在一个实施例中,配置项包括用于配置开发模式的配置项、用于配置部署方式的配置项以及用于配置采用数据类型的配置项之中的至少一个。
在一个实施例中,该方法还包括:将项目代码同步至本地的当前用户目录,在当前用户目录中加载项目代码关联的配置文件和软件包。
在一个实施例中,该方法还包括:创建远程仓库,将项目代码提交至远程仓库。
在一个实施例中,该方法还包括:响应于项目运行指令,启用网站服务器;通过网站服务器调用指定项目运行工具对项目代码进行读取,并在浏览器中展示项目代码对应的页面。
在一个实施例中,该方法还包括:通过网站服务器对项目代码进行监听;在监听到项目代码发生变更时,读取变更后的新项目代码;在浏览器中展示新项目代码对应的页面。
在一个实施例中,该方法还包括:接收输入的扫描查错关键词;响应于项目扫描查错指令,根据扫描查错关键词对项目代码进行扫描查错。
在一个实施例中,该方法还包括:响应于项目发布指令,调用云端服务器从远程仓库中读取项目代码以构建软件应用,将软件应用发送到静态资源服务器。
在一个实施例中,该方法还包括:响应于项目更新指令,比较当前用户目录中的项目代码的版本和远程仓库中的项目代码的版本是否一致,若否,则将远程仓库中的项目代码的版本更新至与当前用户目录中的项目代码的版本一致。
一种前端项目代码生成装置,该装置包括:
指令响应模块,用于响应于项目创建指令,返回多个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板;
模板确定模块,用于响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项;
代码生成模块,用于接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。
一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述的前端项目代码生成方法的步骤。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述的前端项目代码生成方法的步骤。
上述前端项目代码生成方法、装置、计算机设备和存储介质,通过终端与用户之间的交互,响应于用户触发的项目创建指令并为用户提供能够适用不同类型项目的规范化的项目模板,并基于用户选定的目标模板支持用户在规范化的项目模板的基础上自定义配置个性化的配置内容。因此,通过本方案,开发人员不再需要致力于不同类型项目的前端代码的编写,只需要简单的配置,就能够快速、高效地创建不同类型的前端项目工程,从而提高了前端项目开发的效率。
附图说明
图1为一个实施例中前端项目代码生成方法的应用环境图;
图2为一个实施例中前端项目代码生成方法的流程示意图;
图3为一个应用实例中前端项目代码生成方法的技术实现架构示意图;
图4为一个应用实例中前端项目代码生成方法中用户与终端的交互示意图;
图5为一个实施例中前端项目代码生成装置的结构框图;
图6为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅用以解释本申请,并不用于限定本申请。
本申请提供的前端项目代码生成方法,可以应用于如图1所示的应用环境中。具体地,终端102响应于项目创建指令,返回预设的至少一个项目模板;响应于模板选择操作,从至少一个项目模板中确定目标模板,并返回目标模板对应的配置项;接收基于配置项输入的配置内容信息;根据目标模板以及配置内容信息生成项目代码。其中,终端102可以但不限于是各种计算机控制台、个人计算机、笔记本电脑、智能手机、平板电脑、终端服务器和便携式可穿戴设备。
在一个实施例中,如图2所示,提供了一种前端项目代码生成方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
步骤S202:响应于项目创建指令,返回至少一个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板。
其中,项目创建指令是指用于指示创建一个前端项目工程的指令。项目模板是指预先构建的用于进行前端项目开发的编写规范化的代码框架模板。项目模板可以包括不同项目类型的模板,例如,适用于营销活动类项目的模板、适用于小程序开发项目的模板等,也可以包括适用于相同项目类型但是结构、配置等不同的模板。
在本步骤中,用户可以基于终端的CLI(command-line interface,命令行界面)输入项目创建指令,CLI接收项目创建指令后,会将指令传给命令解析器,通过命令解析后将解析得到的指令对象传递给内核层。内核层响应于解析后的项目创建指令,执行对应的响应内容,即,从模板层调取预先配置的多个项目模板,并将调取的多个项目模板的列表返回至终端界面进行展示,以供用户进行选择。
示例性地,所有的指令都可以预先注册在内核层,例如,可以通过读取CLI的内置插件,将内置的基础指令注册至内核层,或者,也可以通过读取用户安装至本地的外部插件,将外部插件中用户自定义的指令注册至内核层。通过安装外部插件,可以实现指令自定义、灵活扩展,提高指令的多样性。
步骤S204:响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项。
其中,目标模板是指用户从返回至终端界面的多个项目模板的列表中选定的任意一个项目模板。
在本步骤中,内核层将调取的项目模板的列表返回至终端界面后,用户可以根据业务需求从返回的多个目标模板中选择至少一个,内核层响应于用户的选择操作,将用户选择的项目模板确定为目标模板,并调取该目标模板所关联的需要用户进行自定义配置的配置项,将提示或引导用户进行自定义内容配置的配置项返回至终端界面,以供用户进行配置。
示例性地,不同的项目模板可以对应关联不同的配置项,需要用户进行自定义配置的内容也可以根据业务需求预先进行定义。例如,配置项可以包括:用于配置开发模式的配置项、用于配置部署方式的配置项以及用于配置数据类型的配置项之中的至少一个。其中,用于配置开发模式的配置项具体可以用于配置是采用单页模式还是多页模式进行开发。用于配置部署方式的配置项具体可以用于配置是否需要静态化部署,用于配置数据类型的配置项具体可以用于配置是否采用Mock数据等。
示例性地,还可以提供其他可配置的配置项以进一步供用户进行个性化配置。例如,可以提供配置项以供用户选择代码结构、框架组件、构建和/或运行工具等。在提高前端开发统一性和效率的同时,也可以满足不同用户对于不同项目的个性化需求。
在一个实施例中,在返回目标模板对应的配置项之前,该方法还可以包括:判断该目标模板是否已经被安装在本地目录中,若该目标模板已经被安装在本地目录中,则继续执行返回目标模板对应的配置项的步骤,否则,则在本地目录中先安装该目标模板。
步骤S206:接收基于配置项输入的配置内容信息。
在本步骤中,用户根据终端界面提示的配置项,通过终端的CLI输入配置内容信息,CLI接收用户输入的配置内容信息,并将接收到的配置内容信息传输至内核层。
步骤S208:接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。
在本步骤中,CLI接收用户输入的配置内容信息并传至内核层,内核层基于用户选择的目标模板以及用户自定义输入的配置内容信息,为当前正在构建的前端项目生成项目代码,也即是,为该前端项目生成工程化的软件代码。
上述的前端项目代码生成方法,通过终端与用户之间的交互,响应于用户触发的项目创建指令并为用户提供能够适用不同类型项目的规范化的项目模板,并基于用户选定的目标模板支持用户在规范化的项目模板的基础上自定义配置个性化的配置内容。因此,通过本方案,开发人员不再需要致力于前端代码的编写,只需要简单的配置,就能够快速、高效地创建不同类型的前端项目工程。
在一个实施例中,该方法还包括:将项目代码同步至本地的当前用户目录,在当前用户目录中加载项目代码关联的配置文件和软件包。
在本实施例中,终端的内核层会根据用户所选的目标模板以及配置内容生成项目代码并传递给模板层,模板层可以将项目代码、相关配置文件同步到本地的用户当前目录,并且可以根据项目代码自动安装该项目所依赖的软件包。
在一个实施例中,该方法还包括:创建远程仓库,将项目代码提交至远程仓库。
在本实施例中,终端的内核层可以调用软件开发代码管理工具接口,以使得软件开发代码管理工具在远程创建远程仓库,并且授予该项目关联的用户管理权限,将本次初始化生成的所有项目代码自动提交到创建的远程仓库。本实施例,通过创建远程仓库,不同终端的用户能够实现项目的协同开发。
在一个实施例中,该方法还包括:响应于项目运行指令,启用网站服务器;通过网站服务器调用指定的项目运行工具对项目代码进行读取,并在浏览器中展示项目代码对应的页面。
在本实施例中,用户通过终端的CLI输入项目运行指令,CLI接收该项目运行指令后,解析并传递至内核层,内核层响应于该项目运行指令,读取本地存储的指定项目的项目代码,例如,可以是读取项目代码中的package.json配置文件,并将配置对象传递到模板层,模板层读取这些配置对象后,通过启用的网站服务器运行该项目,并自动打开浏览器访问该项目对应的页面。
其中,一种类型的项目模板可以对应多种类型的构建和/或运行工具,用户可以为选定的目标模板指定构建和/或运行工具,因此,在项目代码构建、项目运行时,终端的内核层能够根据用户指定的构建和/或运行工具实现项目代码生成、项目运行等服务。
在一个实施例中,该方法还包括:通过网站服务器对项目代码进行监听;在监听到项目代码发生变更时,读取变更后的新项目代码;在浏览器中展示新项目代码对应的页面。
在本实施例中,支持用户对于生成的项目代码进行手动更改,用户对本地目录的项目代码的每次修改、保存等操作,通过网站服务器的热更新功能可以实现自动监听,并能够根据更新后的项目代码自动刷新浏览器页面以显示最新结果。进一步地,用户的每次修改、保存操作都会自动触发语法检查指令,如果用户手动修改的代码出现语法错误等问题,可以在终端的CLI界面返回提示信息,以协助用户及时定位和修复问题代码。
在一个实施例中,该方法还包括:接收输入的扫描查错关键词,响应于项目扫描查错指令,根据扫描查错关键词对项目代码进行扫描查错。
在本实施例中,用户可以通过终端的CLI输入项目扫描查错指令,CLI接收用户输入的项目扫描查错指令,解析并传送指令至内核层,内核层调用扫描模块对本地目录中该前端项目的项目代码进行整体扫描。扫描模块会根据用户自定义的扫描关键字、扫描目录等,对指定项目的全部或部分段落的项目代码进行遍历,如扫描到关键字,可以通过终端的CLI界面显示代码所在具体文件和具体错误原因,以协助开发人员快速定位并解决代码错处的问题。
在一个实施例中,该方法还包括:响应于项目发布指令,调用云端服务器从远程仓库中读取项目代码以构建软件应用,将软件应用发送到静态资源服务器。
在本实施例中,当用户在终端的CLI界面输入项目发布指令时,CLI接收该项目发布指令,以使内核层调用云平台提供的API(Application Programming Interface,软件应用接口)进行云端项目构建打包,云端服务器会读取远程仓库中该项目的项目代码,例如,读取该项目的根目录下的build.xml项目发布配置文件中的代码,进行软件应用构建打包操作,并把构建生成的软件应用发布到对应的静态资源服务器。
在一个实施例中,响应于项目更新指令,比较当前用户目录中的项目代码的版本和远程仓库中的项目代码的版本是否一致,若否,则将远程仓库中的项目代码的版本更新至与当前用户目录中的项目代码的版本一致。
在本实施例中,当用户在终端的CLI界面输入项目发布指令时,CLI接收该项目发布指令,以使内核层对本地当前用户目录中的项目代码的版本与对应的远程仓库中该项目代码的版本进行比较,例如,在每次发布新版本的项目代码时,可以在package.json里面更新一个自定义字段version,在进行版本比较时,可以根据该自定义字段version,比较本地项目代码的该字段与远程仓库的项目代码的该字段是否一致,如果不一致,则会自动更新到最新的版本。而对于模板层,更新采取的是增量更新。对于本地安装的不兼容的项目模板列表,会采取全量更新。
下面结合一个应用实例,对本申请所涉及的前端项目代码生成方法进行进一步地详细说明,参考图3所示,图3为一个应用实例中前端项目代码生成方法所依赖的技术实现架构示意图。参考图4所示,图4为一个应用实例中前端项目代码生成方法的用户与终端交互的示意图。
根据上述的多个实施例,可以看出,本申请涉及的前端项目代码生成方法至少还具有以下的特点。
1、支持指令设计。CLI的指令包含两部分,分别是内置在内核里的基础指令和外部插件提供的指令。为了让前端开发人员快速高效的进行开发工作,本申请内置了一系列基础指令,例如,包括但不限于项目创建指令、项目运行指令、项目扫描查错指令、项目发布指令、项目更新指令等,贯穿了前端项目开发的整个工作流程。而外部插件提供的指令,可以通过注入全局变量来访问CLI的实例。
2、支持多类型项目模板和配置项的设计。为满足不同的业务场景,本申请可以内置多个标准化模板和基础UI(User Interface,使用者界面组件),例如,可以包括但不限于营销活动类模板、基于Vue2.x+Vuex的入口级别应用模板、基于Nuxt.js的服务端渲染模板、基于原生JS开发SDK模板、微信小程序模板、PC中后台模板等等,可覆盖目前大部分常规业务的前端研发需求。同时,多种类型模板可以同时对应多种类型构建工具,例如,可以包括但不限于常见的Webpack、Rollup、新一代构建工具Vite等等。
3、支持模板扩展。除了内置模板,如果需要接入新的模板,前端开发人员只需要在本地开发新的模板和构建方式,测试通过后可以发布到私有仓库下,然后在CLI的package.json里新增一个模板说明发布到远程仓库,这样其他开发人员就可以及时更新并使用。
4、支持全量更新和增量更新。当新版本项目代码发布时,可能会废弃或者新增某些功能。这个时候如果用户使用的是旧版本,由于某些功能已经废弃会报错。在这种新旧版本不兼容的情况下会强制全量更新。每次发布新版本,可以在package.json里面新增一个自定义字段version。本地检查时,会读取本地已经安装的版本和远程最新的版本进行比较,看看version是否一致。如果不一致,则会自动更新到最新版本。而对于模板层,采取的是增量更新机制。每个发布到远程仓库上的模板的package.json中同样会有上面的这个version字段,对于本地安装的不兼容的项目模板列表,会采取全量更新。
应该理解的是,虽然图2的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图5所示,提供了一种前端项目代码生成装置,包括:指令响应模块510、模板确定模块520和代码生成模块530,其中:
指令响应模块510,用于响应于项目创建指令,返回多个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板;
模板确定模块520,用于响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项;
代码生成模块530,用于接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。
在一个实施例中,代码生成模块530,还用于将项目代码同步至本地的当前用户目录,在当前用户目录中加载项目代码关联的配置文件和软件包。
在一个实施例中,代码生成模块530,还用于创建远程仓库,将项目代码提交至远程仓库。
在一个实施例中,指令响应模块510,还用于响应于项目运行指令,启用网站服务器;通过网站服务器调用指定项目运行工具对项目代码进行读取,并在浏览器中展示项目代码对应的页面。
在一个实施例中,指令响应模块510,还用于通过网站服务器对项目代码进行监听;在监听到项目代码发生变更时,读取变更后的新项目代码;在浏览器中展示新项目代码对应的页面。
在一个实施例中,指令响应模块510,还用于接收输入的扫描查错关键词;响应于项目扫描查错指令,根据扫描查错关键词对项目代码进行扫描查错。
在一个实施例中,指令响应模块510,还用于响应于项目发布指令,调用云端服务器从远程仓库中读取项目代码以构建软件应用,将软件应用发送到静态资源服务器。
在一个实施例中,指令响应模块510,还用于响应于项目更新指令,比较当前用户目录中的项目代码的版本和远程仓库中的项目代码的版本是否一致,若否,则将远程仓库中的项目代码的版本更新至与当前用户目录中的项目代码的版本一致。
关于前端项目代码生成装置的具体限定可以参见上文中对于前端项目代码生成方法的限定,在此不再赘述。上述前端项目代码生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种前端项目代码生成方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图6中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现以下步骤:响应于项目创建指令,返回多个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板;响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项;接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:将项目代码同步至本地的当前用户目录,在当前用户目录中加载项目代码关联的配置文件和软件包。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:创建远程仓库,将项目代码提交至远程仓库。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:响应于项目运行指令,启用网站服务器;通过网站服务器调用指定项目运行工具对项目代码进行读取,并在浏览器中展示项目代码对应的页面。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:通过网站服务器对项目代码进行监听;在监听到项目代码发生变更时,读取变更后的新项目代码;在浏览器中展示新项目代码对应的页面。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:接收输入的扫描查错关键词;响应于项目扫描查错指令,根据扫描查错关键词对项目代码进行扫描查错。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:响应于项目发布指令,调用云端服务器从远程仓库中读取项目代码以构建软件应用,将软件应用发送到静态资源服务器。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:响应于项目更新指令,比较当前用户目录中的项目代码的版本和远程仓库中的项目代码的版本是否一致,若否,则将远程仓库中的项目代码的版本更新至与当前用户目录中的项目代码的版本一致。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:响应于项目创建指令,返回多个项目模板;其中,项目模板为预先配置的用于进行前端项目开发的代码框架模板;响应于模板选择操作,从多个项目模板中确定目标模板,并返回目标模板对应的配置项;接收基于配置项输入的配置内容信息,根据目标模板以及配置内容信息生成项目代码。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:将项目代码同步至本地的当前用户目录,在当前用户目录中加载项目代码关联的配置文件和软件包。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:创建远程仓库,将项目代码提交至远程仓库。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:响应于项目运行指令,启用网站服务器;通过网站服务器调用指定项目运行工具对项目代码进行读取,并在浏览器中展示项目代码对应的页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:通过网站服务器对项目代码进行监听;在监听到项目代码发生变更时,读取变更后的新项目代码;在浏览器中展示新项目代码对应的页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:接收输入的扫描查错关键词;响应于项目扫描查错指令,根据扫描查错关键词对项目代码进行扫描查错。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:响应于项目发布指令,调用云端服务器从远程仓库中读取项目代码以构建软件应用,将软件应用发送到静态资源服务器。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:响应于项目更新指令,比较当前用户目录中的项目代码的版本和远程仓库中的项目代码的版本是否一致,若否,则将远程仓库中的项目代码的版本更新至与当前用户目录中的项目代码的版本一致。本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种前端项目代码生成方法,所述方法包括:
响应于项目创建指令,返回多个项目模板;其中,所述项目模板为预先配置的用于进行前端项目开发的代码框架模板;
响应于模板选择操作,从多个所述项目模板中确定目标模板,并返回所述目标模板对应的配置项;
接收基于所述配置项输入的配置内容信息,根据所述目标模板以及所述配置内容信息生成项目代码。
2.根据权利要求1所述的方法,其特征在于,所述配置项包括用于配置开发模式的配置项、用于配置部署方式的配置项以及用于配置采用数据类型的配置项之中的至少一个。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将所述项目代码同步至本地的当前用户目录,在所述当前用户目录中加载所述项目代码关联的配置文件和软件包;和/或,
创建远程仓库,将所述项目代码提交至所述远程仓库。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于项目运行指令,启用网站服务器;
通过所述网站服务器调用指定项目运行工具对所述项目代码进行读取,并在浏览器中展示所述项目代码对应的页面。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
通过所述网站服务器对所述项目代码进行监听;
在监听到所述项目代码发生变更时,读取变更后的新项目代码;
在所述浏览器中展示所述新项目代码对应的页面。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收输入的扫描查错关键词;
响应于项目扫描查错指令,根据所述扫描查错关键词对所述项目代码进行扫描查错。
7.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应于项目发布指令,调用云端服务器从所述远程仓库中读取所述项目代码以构建软件应用,将所述软件应用发送到静态资源服务器;和/或,
响应于项目更新指令,比较所述当前用户目录中的项目代码的版本和所述远程仓库中的项目代码的版本是否一致,若否,则将所述远程仓库中的项目代码的版本更新至与所述当前用户目录中的项目代码的版本一致。
8.一种前端项目代码生成装置,其特征在于,所述装置包括:
指令响应模块,用于响应于项目创建指令,返回多个项目模板;其中,所述项目模板为预先配置的用于进行前端项目开发的代码框架模板;
模板确定模块,用于响应于模板选择操作,从多个所述项目模板中确定目标模板,并返回所述目标模板对应的配置项;
代码生成模块,用于接收基于所述配置项输入的配置内容信息,根据所述目标模板以及所述配置内容信息生成项目代码。
9.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111623109.7A CN114371841A (zh) | 2021-12-28 | 2021-12-28 | 前端项目代码生成方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111623109.7A CN114371841A (zh) | 2021-12-28 | 2021-12-28 | 前端项目代码生成方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114371841A true CN114371841A (zh) | 2022-04-19 |
Family
ID=81142150
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111623109.7A Pending CN114371841A (zh) | 2021-12-28 | 2021-12-28 | 前端项目代码生成方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114371841A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114968242A (zh) * | 2022-06-20 | 2022-08-30 | 中国农业银行股份有限公司 | 一种前端代码生成方法及装置 |
CN115423335A (zh) * | 2022-09-14 | 2022-12-02 | 易纳购科技(北京)有限公司 | 项目创建方法及装置、存储介质、计算机设备 |
CN116204199A (zh) * | 2022-12-27 | 2023-06-02 | 北京君航微金信息科技有限公司 | 基于命令行的项目管理方法、系统、设备及存储介质 |
-
2021
- 2021-12-28 CN CN202111623109.7A patent/CN114371841A/zh active Pending
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114968242A (zh) * | 2022-06-20 | 2022-08-30 | 中国农业银行股份有限公司 | 一种前端代码生成方法及装置 |
CN115423335A (zh) * | 2022-09-14 | 2022-12-02 | 易纳购科技(北京)有限公司 | 项目创建方法及装置、存储介质、计算机设备 |
CN116204199A (zh) * | 2022-12-27 | 2023-06-02 | 北京君航微金信息科技有限公司 | 基于命令行的项目管理方法、系统、设备及存储介质 |
CN116204199B (zh) * | 2022-12-27 | 2023-12-12 | 北京君航微金信息科技有限公司 | 基于命令行的项目管理方法、系统、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108446116B (zh) | 应用程序页面的生成方法、装置、计算机设备和存储介质 | |
CN114371841A (zh) | 前端项目代码生成方法、装置、计算机设备和存储介质 | |
CN109814854B (zh) | 项目框架生成方法、装置、计算机设备和存储介质 | |
CN111078339B (zh) | 界面元素定位方法、装置、计算机设备和存储介质 | |
CN110362308A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN111522552B (zh) | 子应用生成方法、装置、计算机设备和存储介质 | |
JP7106001B2 (ja) | サブアプリケーション開発方法、装置、コンピュータ機器、並びにコンピュータプログラム | |
CN116069325B (zh) | 前端项目构建方法、装置、设备及计算机可读存储介质 | |
CN112650487B (zh) | 混合应用程序开发方法、系统、计算机设备和存储介质 | |
CN112596714A (zh) | 网页开发方法、装置、终端、服务器和存储介质 | |
CN111008132A (zh) | Android系统的应用调试方法、装置、计算机设备和存储介质 | |
CN114089986A (zh) | 低代码开发平台函数表达式配置方法、系统、设备及介质 | |
CN111045707A (zh) | 小程序的更新方法、装置、计算机设备和存储介质 | |
CN112596746B (zh) | 应用安装包生成方法、装置、计算机设备和存储介质 | |
Botturi et al. | Model-driven design for the development of multi-platform smartphone applications | |
CN111158777B (zh) | 组件调用方法、装置及计算机可读存储介质 | |
CN106775608B (zh) | 独立系统进程的实现方法和装置 | |
CN111949301B (zh) | 应用程序热更新方法、装置和计算机可读存储介质 | |
CN115061698A (zh) | 构建本地开发环境的方法、装置、设备及介质 | |
CN112162743A (zh) | 驱动程序生成方法、装置、计算机设备和存储介质 | |
CN115525305A (zh) | 数据处理、应用启动方法、装置、计算机设备和存储介质 | |
CN114003486A (zh) | 一种插件调试方法、客户端、服务器及存储介质 | |
CN111427770A (zh) | 一种资源测试方法及相关设备 | |
CN112540747A (zh) | 平台开发方法、装置及计算机可读存储介质 | |
CN112650509B (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 |