CN116931898A - 一种前后端项目代码自动生成方法及系统 - Google Patents

Abstract

本申请提供的一种前后端项目代码自动生成方法及系统，数据电数字数据处理领域，该方法包括：获得用于生成项目代码的参数数据；根据所述参数数据配置模版，包括配置所述前端以及后端的代码文件的参数；根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。本申请基于云部署方式，避免了本地持久层框架不兼容的问题；另外，本申请通过模版可以同时生成前后端代码，提高了工作效率。

Description

一种前后端项目代码自动生成方法及系统

技术领域

本申请涉及电数字数据处理领域，尤其涉及一种前后端项目代码自动生成方法及装置。

背景技术

在软件开发领域，代码生成工具已经成为了常用的一种快速开发方式。其中，基于MyBatis-Plus框架的代码生成工具是最常见的一种。这些工具能够根据数据库表自动生成MVC结构后端代码，支持多种关系型数据库和NoSQL数据库，包括MySQL、Oracle、SQL Server等主流数据库。

然而，在使用这些代码生成工具的过程中，还存在一些问题。首先，需要完整引入第三方依赖，这可能会增加项目的复杂性、安全性和管理难度。其次，这些工具可能与当前所使用的持久层框架不兼容，可能会导致一些兼容性问题。最后，尽管这些代码生成工具可以生成后端代码，但它们并不能生成前端代码，这使得它们在目前市场上广泛使用前后端分离架构的项目中的使用范围和效果非常有限。

发明内容

本申请的目的在于克服现有技术中存在的问题，提供一种前后端项目代码自动生成方法及装置。

本申请提供的一种前后端项目代码自动生成方法，在服务器中部署非插件形式的代码自动生成模块，该代码自动生成模块中包括完整的前端以及后端的代码文件的模版，该方法包括：

获得用于生成项目代码的参数数据；

根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数；

根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；

从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。

可选地，所述根据所述参数数据配置所述模版，包括：

通过整合到e-revenue的System页面或者JUnit进行所述参数数据的配置。

可选地，所述代码自动生成模块是非插件方式开发的。

可选地，所述后端代码：统一接口代码格式，动态定义类名、接口路由、模块名称等可配置参数；

所述前端代码：根据Ext JS的前端代码格式，生成前端代码包含功能声明、功能模型、功能数据、功能视图四部分代码。

可选地，所述包括完整的前端以及后端的代码文件的模版，包括：

基于FTL模板语言自定义配置的代码模板。

本申请还提供一种前后端项目代码自动生成系统，包括相互通讯的服务器和客户端；

所述服务器中部署非插件形式的代码自动生成模块，该代码自动生成模块中包括完整的前端以及后端的代码文件的模版：

所述客户端获得用于生成项目代码的参数数据；根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数；

所述服务器根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；

所述客户端从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。

可选地，所述代码自动生成模块根据所述参数数据配置所述模版，包括：

通过整合到e-revenue的System页面或者JUnit进行所述参数数据的配置。

可选地，所述代码自动生成模块是非插件方式开发的。

可选地，所述后端代码：统一接口代码格式，动态定义类名、接口路由、模块名称等可配置参数；

所述前端代码：根据Ext JS的前端代码格式，生成前端代码包含功能声明、功能模型、功能数据、功能视图四部分代码。

可选地，所述包括完整的前端以及后端的代码文件的模版，包括：

基于FTL模板语言自定义配置的代码模板。

本申请的优点和有益效果：

本申请提供的一种前后端项目代码自动生成方法，在服务器中部署非插件形式的代码自动生成模块，该代码自动生成模块中包括完整的前端以及后端的代码文件的模版，该方法包括：获得用于生成项目代码的参数数据；根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数；根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。本申请可以不使用插件形式开发，避免第三方依赖，同时基于云部署方式，避免了本地持久层框架不兼容的问题；另外，本申请通过模版可以同时生成前后端代码，提高了工作效率。

附图说明

图1是本申请中示意图。

图2是本申请中前后端项目代码自动生成流程示意图。

图3是本申请中示意图。

具体实施方式

下面结合附图和具体实施例对本申请作进一步说明，以使本领域的技术人员可以更好地理解本申请并能予以实施。

以下内容均是为了详细说明本申请要保护的技术方案所提供的具体实施过程的示例，但是本申请还可以采用不同于此的描述的其他方式实施，本领域技术人员可以在本申请构思的指引下，采用不同的技术手段实现本申请，因此本申请不受下面具体实施例的限制。

本申请提供的一种前后端项目代码自动生成方法，在服务器中部署非插件形式的代码自动生成模块，该代码自动生成模块中包括完整的前端以及后端的代码文件的模版，该方法包括：获得用于生成项目代码的参数数据；根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数；根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。本申请可以不使用插件形式开发，避免第三方依赖，同时基于云部署方式，避免了本地持久层框架不兼容的问题；另外，本申请通过模版可以同时生成前后端代码，提高了工作效率。

图1是本申请中服务器中部署非插件形式的代码自动生成模块示意图。

请参照图1所示，在所述服务器中部署所述代码自动生成模块，包括根据所述代码自动生成模块的要求配置环境，然后将所述代码自动生成模块安装到服务器上。将打开命令或者终端导航到所述代码自动生成模块的文件目录。最后根据模块的文档或源代码，运行适当的命令或脚本来启动模块，例如一个可执行文件、一个Python脚本或一个Node.js应用程序。

所述服务器与所述客户端通讯，所述客户端通过网页或者JUnit进行所述代码自动生成模块的配置操作。具体的，服务器部署步骤如下：

部署到服务器：确保服务器满足该工程的运行要求，包括操作系统、数据库、Web服务器等。将工程代码部署到服务器上，可以使用Git或其他版本控制工具进行部署。

配置Web服务器（如Nginx或Apache）以提供该工程的应用。

整合到e-revenue的System页面：找到e-revenue系统中的System页面，确定要将该功能整合到的位置。通过修改e-revenue系统的相关代码或使用插件的方式将的工程代码与e-revenue系统进行整合。确保整合过程中不会破坏e-revenue系统的其他功能。

测试整合后的功能，确保没有出现任何错误或异常情况。

浏览器访问：由于采用的是B/S架构，用户可以通过浏览器访问该功能。确保服务器上的防火墙设置允许来自浏览器的访问请求。在e-revenue系统的System页面上添加一个链接或按钮，引导用户使用该功能。

图2是本申请中前后端项目代码自动生成流程示意图。

请参照图2所示的前后端项目代码自动生成步骤，如下：

S101获得用于生成项目代码的参数数据。

在说明获取所述项目代码的参数数据之前，需要说明的是，本申请针对前后端分离的项目架构进行代码自动生成。

前后端分离项目架构是一种架构模式，它将前端（客户端）和后端（服务器端）分开，通过API接口进行通信。在这种架构模式下，前端和后端都是独立的项目，后端提供API接口给前端调用，前端负责展示和交互，后端专注于数据处理和业务逻辑。

举个例子：

假设有一个电子商务网站，用户可以通过网站浏览商品、下订单和支付。在前后端分离项目架构中，可以将前端项目和后端项目分开。

前端项目主要负责展示页面和处理用户交互。例如，前端可以展示商品列表、详情页、订单页面等，用户可以在这些页面上进行搜索、添加商品到购物车、下单等操作。前端可以使用HTML、CSS、JavaScript等技术进行开发。

后端项目主要负责提供数据和处理业务逻辑。例如，当用户在下单时，后端可以接收前端传递的订单信息，然后进行订单的处理，包括生成订单号、保存订单信息到数据库等操作。后端可以使用Java、Python、Node.js等技术进行开发。

前后端项目之间的通信通常通过API接口进行。例如，前端可以通过AJAX技术向后端发送HTTP请求，获取商品信息、订单状态等数据。后端可以通过RESTfulAPI接口提供数据，例如提供基于JSON格式的商品列表数据。

因此，在前后端分离的项目架构中，前端和后端一般都是单独开发，并且在这个过程中，可以采用代码自动生成模块辅助进行后端开发，而前端一般不会使用代码自动生成模块进行开发。

基于上述前后端分离的项目，获取该程序/软件或代码项目的参数数据。

所述参数数据包括：

后端代码：接口代码格式，类名、接口路由、模块名称等可配置参数。

前端代码：根据Ext JS的前端代码格式，生成前端代码包含功能声明(cmi)、功能模型(model)、功能数据(store)、功能视图(view)四部分代码。以及可动态根据功能定义文件名、接口名、页面标题等内容。

S102根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数。

所述模版是预先设置在所述代码自动生成模块中的，是一个完整的程序文件/代码文件的模版，包括有前端模版块和后端模版块。例如，所述模版中设置有多个类型的占位符、空函数等，可以根据实际情况进行替换或者增加。最后将所述模版以预设的格式保存生成所述模版。

根据需求，使用特定的编程语言和框架来创建程序代码模板。例如，可以使用字符串替换、模板引擎等技术来创建可重用的代码结构。一种实施方式是，基于FTL模板语言自定义配置的代码模板，FTL是FreeMarker的文件扩展名，它是一种模板语言，通常用于动态生成HTML、XML或其它文本文件。

前端代码用于处理用户界面和用户交互。根据参数数据，需要修改HTML、CSS和JavaScript文件。例如，根据用户输入的参数，需要动态地改变页面的颜色、布局或交互行为。

后端代码用于处理用户请求、数据库操作和其他业务逻辑。根据参数数据，需要修改服务器端的代码文件，例如根据用户输入的参数来生成动态的响应。

在进一步的实施例中，将实际的参数值填充到程序代码模板中，然后执行相应的操作。这可以通过各种方式实现，例如使用字符串替换、模板引擎或编译时处理等技术。

在进一步的实施例中，配置完成后，测试代码以确保其在各种情况下都能正确运行。可以在所述代码自动生成模块中内置预编写的单元测试、集成测试等来验证代码的功能和性能。如果遇到问题，根据需要调整代码以适应不同的参数数据。

S103根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码。

在e-revenue系统的System页面上添加一个链接或按钮，引导用户进行参数设置和代码生成，步骤如下：

输入模块名称（module_name）：例如"用户管理"；

输入业务名称（business_name）：例如"用户登录"；

输入页面访问URL（page_url）：例如"/user/login"；

根据模块名称和业务名称生成对应的目录结构。在项目根目录下创建一个与模块名称相同的文件夹，例如创建一个名为"user_management"的文件夹。在该文件夹下创建一个与业务名称相同的文件夹，例如创建一个名为"login"的文件夹。

生成前端项目代码：

在"login"文件夹下创建一个名为"index.html"的文件，作为前端页面的入口文件。

在"login"文件夹下创建一个名为"style.css"的文件，作为前端页面的样式文件。

在"login"文件夹下创建一个名为"script.js"的文件，作为前端页面的脚本文件。

生成后端项目代码：

在"user_management"文件夹下创建一个名为"server.js"的文件，作为后端项目的入口文件。

在该文件中，根据页面访问URL生成对应的路由处理程序。例如，如果页面访问URL为"/user/login"，则在server.js文件中创建一个名为"/user/login"的路由处理程序。

根据业务需求，在前后端代码中实现相应的功能。

S104从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。

在服务器上创建一个下载链接或页面，该链接将导向所述前端代码和后端代码的程序文件。

在e-revenue的System页面上添加一个相应的链接或按钮，当用户点击该链接或按钮时，将导向创建的下载链接。

确保服务器上的文件访问权限设置正确，使得用户可以通过浏览器访问和下载程序文件。

用户通过浏览器访问下载链接，选择下载文件的位置，并开始下载过程。

用户下载完成后，可以将文件解压或提取到本地，以便进一步使用或整合到项目中。

本申请还提供一种前后端项目代码自动生成系统，包括服务器和客户端。具体的，所述服务器和客户端进行通讯，根据用户输入生成前端代码和后端代码。

图3是本申请中前后端项目代码自动生成系统示意图。

请参照图3所示，所述在所述服务器301中部署所述代码自动生成模块，包括根据所述代码自动生成模块的要求配置环境，然后将所述代码自动生成模块安装到服务器301上。将打开命令或者终端导航到所述代码自动生成模块的文件目录。最后根据模块的文档或源代码，运行适当的命令或脚本来启动模块，例如一个可执行文件、一个Python脚本或一个Node.js应用程序。

所述服务器301与所述客户端302通讯，所述客户端302通过网页或者JUnit进行所述代码自动生成模块的配置操作。具体的，服务器部署步骤如下：

部署到服务器：确保服务器满足该工程的运行要求，包括操作系统、数据库、Web服务器等。将工程代码部署到服务器上，可以使用Git或其他版本控制工具进行部署。

配置Web服务器（如Nginx或Apache）以提供该工程的应用。

整合到e-revenue的System页面：找到e-revenue系统中的System页面，确定要将该功能整合到的位置。通过修改e-revenue系统的相关代码或使用插件的方式将的工程代码与e-revenue系统进行整合。确保整合过程中不会破坏e-revenue系统的其他功能。

测试整合后的功能，确保没有出现任何错误或异常情况。

浏览器访问：由于采用的是B/S架构，用户可以通过浏览器访问该功能。确保服务器上的防火墙设置允许来自浏览器的访问请求。在e-revenue系统的System页面上添加一个链接或按钮，引导用户使用该功能。

所述客户端302获得用于生成项目代码的参数数据。

在说明获取所述项目代码的参数数据之前，需要说明的是，本申请针对前后端分离的项目架构进行代码自动生成。

前后端分离项目架构是一种架构模式，它将前端（客户端）和后端（服务器端）分开，通过API接口进行通信。在这种架构模式下，前端和后端都是独立的项目，后端提供API接口给前端调用，前端负责展示和交互，后端专注于数据处理和业务逻辑。

举个例子：

假设有一个电子商务网站，用户可以通过网站浏览商品、下订单和支付。在前后端分离项目架构中，可以将前端项目和后端项目分开。

前端项目主要负责展示页面和处理用户交互。例如，前端可以展示商品列表、详情页、订单页面等，用户可以在这些页面上进行搜索、添加商品到购物车、下单等操作。前端可以使用HTML、CSS、JavaScript等技术进行开发。

后端项目主要负责提供数据和处理业务逻辑。例如，当用户在下单时，后端可以接收前端传递的订单信息，然后进行订单的处理，包括生成订单号、保存订单信息到数据库等操作。后端可以使用Java、Python、Node.js等技术进行开发。

前后端项目之间的通信通常通过API接口进行。例如，前端可以通过AJAX技术向后端发送HTTP请求，获取商品信息、订单状态等数据。后端可以通过RESTfulAPI接口提供数据，例如提供基于JSON格式的商品列表数据。

因此，在前后端分离的项目架构中，前端和后端一般都是单独开发，并且在这个过程中，可以采用代码自动生成模块辅助进行后端开发，而前端一般不会使用代码自动生成模块进行开发。

基于上述前后端分离的项目，获取该程序/软件或代码项目的参数数据。

所述参数数据包括：

后端代码：接口代码格式，类名、接口路由、模块名称等可配置参数。

前端代码：根据Ext JS的前端代码格式，生成前端代码包含功能声明(cmi)、功能模型(model)、功能数据(store)、功能视图(view)四部分代码。以及可动态根据功能定义文件名、接口名、页面标题等内容。

所述服务器301根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数。

所述模版是预先设置在所述代码自动生成模块中的，是一个完整的程序文件/代码文件的模版，包括有前端模版块和后端模版块。例如，所述模版中设置有多个类型的占位符、空函数等，可以根据实际情况进行替换或者增加。最后将所述模版以预设的格式保存生成所述模版。

根据需求，使用特定的编程语言和框架来创建程序代码模板。例如，可以使用字符串替换、模板引擎等技术来创建可重用的代码结构。

前端代码用于处理用户界面和用户交互。根据参数数据，需要修改HTML、CSS和JavaScript文件。例如，根据用户输入的参数，需要动态地改变页面的颜色、布局或交互行为。

后端代码用于处理用户请求、数据库操作和其他业务逻辑。根据参数数据，需要修改服务器端的代码文件，例如根据用户输入的参数来生成动态的响应。

将实际的参数值填充到程序代码模板中，然后执行相应的操作。这可以通过各种方式实现，例如使用字符串替换、模板引擎或编译时处理等技术。

在进一步的实施例中，配置完成后，测试代码以确保其在各种情况下都能正确运行。可以在所述代码自动生成模块中内置预编写的单元测试、集成测试等来验证代码的功能和性能。如果遇到问题，根据需要调整代码以适应不同的参数数据。

所述服务器301根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码。

在e-revenue系统的System页面上添加一个链接或按钮，引导用户进行参数设置和代码生成，步骤如下：

输入模块名称（module_name）：例如"用户管理"；

输入业务名称（business_name）：例如"用户登录"；

输入页面访问URL（page_url）：例如"/user/login"；

根据模块名称和业务名称生成对应的目录结构。在项目根目录下创建一个与模块名称相同的文件夹，例如创建一个名为"user_management"的文件夹。在该文件夹下创建一个与业务名称相同的文件夹，例如创建一个名为"login"的文件夹。

生成前端项目代码：

在"login"文件夹下创建一个名为"index.html"的文件，作为前端页面的入口文件。

在"login"文件夹下创建一个名为"style.css"的文件，作为前端页面的样式文件。

在"login"文件夹下创建一个名为"script.js"的文件，作为前端页面的脚本文件。

生成后端项目代码：

在"user_management"文件夹下创建一个名为"server.js"的文件，作为后端项目的入口文件。

在该文件中，根据页面访问URL生成对应的路由处理程序。例如，如果页面访问URL为"/user/login"，则在server.js文件中创建一个名为"/user/login"的路由处理程序。

根据业务需求，在前后端代码中实现相应的功能。

所述客户端302从所述服务器301中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。

在服务器301上创建一个下载链接或页面，该链接将导向所述前端代码和后端代码的程序文件。

在e-revenue的System页面上添加一个相应的链接或按钮，当用户点击该链接或按钮时，将导向创建的下载链接。

确保服务器上的文件访问权限设置正确，使得用户可以通过浏览器访问和下载程序文件。

用户通过浏览器访问下载链接，选择下载文件的位置，并开始下载过程。

用户下载完成后，可以将文件解压或提取到本地，以便进一步使用或整合到项目中。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (10)

1.一种前后端项目代码自动生成方法，其特征在于，在服务器中部署非插件形式的代码自动生成模块，该代码自动生成模块中包括完整的前端以及后端的代码文件的模版，该方法包括：

获得用于生成项目代码的参数数据；

根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数；

根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；

从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。

2.根据权利要求1所述前后端项目代码自动生成方法，其特征在于，所述根据所述参数数据配置所述模版，包括：

通过整合到e-revenue的System页面或者JUnit进行所述参数数据的配置。

3.根据权利要求1所述前后端项目代码自动生成方法，其特征在于，所述代码自动生成模块是非插件方式开发的。

4.根据权利要求1所述前后端项目代码自动生成方法，其特征在于，

所述后端代码：统一接口代码格式，动态定义类名、接口路由和模块名称可配置参数；

所述前端代码：根据Ext JS的前端代码格式，生成前端代码包含功能声明、功能模型、功能数据和功能视图四部分代码。

5.根据权利要求1所述前后端项目代码自动生成方法，其特征在于，所述包括完整的前端以及后端的代码文件的模版，包括：

基于FTL模板语言自定义配置的代码模板。

6.一种前后端项目代码自动生成系统，其特征在于，包括相互通讯的服务器和客户端；

所述服务器中部署非插件形式的代码自动生成模块，该代码自动生成模块中包括完整的前端以及后端的代码文件的模版：

所述客户端获得用于生成项目代码的参数数据；根据所述参数数据配置所述模版，包括配置所述前端以及后端的代码文件的参数；

所述服务器根据所述模版，以及为所述模版配置的参数生成前端项目代码和后端项目代码；

所述客户端从所述服务器中下载所述前端项目代码和后端项目代码，完成前后端项目代码自动生成。

7.根据权利要求6所述前后端项目代码自动生成系统，其特征在于，所述代码自动生成模块根据所述参数数据配置所述模版，包括：

通过整合到e-revenue的System页面或者JUnit进行所述参数数据的配置。

8.根据权利要求6所述前后端项目代码自动生成系统，其特征在于，所述代码自动生成模块是非插件方式开发的。

9.根据权利要求6所述前后端项目代码自动生成系统，其特征在于，

所述后端代码：统一接口代码格式，动态定义类名、接口路由和模块名称可配置参数；

所述前端代码：根据Ext JS的前端代码格式，生成前端代码包含功能声明、功能模型、功能数据和功能视图四部分代码。

10.根据权利要求6所述前后端项目代码自动生成系统，其特征在于，所述包括完整的前端以及后端的代码文件的模版，包括：

基于FTL模板语言自定义配置的代码模板。