CN111638877A - 一种Web项目可视化快速开发方法 - Google Patents

一种Web项目可视化快速开发方法 Download PDF

Info

Publication number
CN111638877A
CN111638877A CN202010482940.4A CN202010482940A CN111638877A CN 111638877 A CN111638877 A CN 111638877A CN 202010482940 A CN202010482940 A CN 202010482940A CN 111638877 A CN111638877 A CN 111638877A
Authority
CN
China
Prior art keywords
plug
web
project
rapid development
visual
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
Application number
CN202010482940.4A
Other languages
English (en)
Inventor
谷范彪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Huimao Electronic Port Co Ltd
Original Assignee
Shandong Huimao Electronic Port Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shandong Huimao Electronic Port Co Ltd filed Critical Shandong Huimao Electronic Port Co Ltd
Priority to CN202010482940.4A priority Critical patent/CN111638877A/zh
Publication of CN111638877A publication Critical patent/CN111638877A/zh
Pending legal-status Critical Current

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/34—Graphical or visual programming
    • 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

Abstract

本发明特别涉及一种Web项目可视化快速开发方法。该Web项目可视化快速开发方法，将Web项目所涉及开源技术的资源统一整合，内置于插件中，利用IntelliJ IDEA插件开发模块，开发出一套可视化的插件；开发人员使用该插件快速构建项目工程生成数据对象；根据数据对象可视化选择配置生成业务对象及前端页面，即可生成相关代码以及测试单元junit代码；利用测试单元junit代码对生成的代码进行测试，并根据测试结果对生成的代码进行微调，即可得到目标代码。该Web项目可视化快速开发方法，提供了一款快速高效的构建项目工程和程序开发的一款可视化开发插件，规范了开发人员的编码习惯，省去了开发人员编写代码，提升了开发效率。

Description

一种Web项目可视化快速开发方法
技术领域
本发明涉及软件开发技术领域，特别涉及一种Web项目可视化快速开发方法。
背景技术
在项目启动初期都会遇到技术选型，并在构建项目工程时，有很多相关的文件配置，同时在开发过程中需要编写大量的代码，极大的降低了开发效率。因此在常用的IntelliJ IDEA工具基础之上，开发一套集成各种流行前后端开源技术的可视化编程工具插件有相应的需求。
目前有流行的IntelliJ IDEA和eclipse两款面向技术人员的开发工具都集成了简单的WEB相关开源技术，也有开源的插件集成了相关的开源技术来方便技术人员更好的集成。但对项目的构建和程序的开发还会花费开发人员很多时间。
针对上述问题，本发明提出了一种Web项目可视化快速开发方法，旨在提供一款快速高效的构建项目工程和程序开发的一款可视化开发插件。
发明内容
本发明为了弥补现有技术的缺陷，提供了一种简单高效的Web项目可视化快速开发方法。
本发明是通过如下技术方案实现的：
一种Web项目可视化快速开发方法，其特征在于：将Web项目所涉及开源技术的资源统一整合，内置于插件中，利用IntelliJ IDEA插件开发模块，开发出一套可视化的插件；开发人员使用该插件快速构建项目工程生成数据对象；根据数据对象可视化选择配置生成业务对象及前端页面，即可生成相关代码以及测试单元junit代码；利用测试单元junit代码对生成的代码进行测试，并根据测试结果对生成的代码进行微调，即可得到目标代码，从而省去开发人员编写代码，提升开发效率。
该Web项目可视化快速开发方法，包括以下步骤：
第一步，将含有各种技术框架的基础工程及对应的模板文件放置在插件内，基础工程为Maven管理的Web工程，器目录文件遵守Web标准目录；
第二步，在线安装或离线安装插件后，在插件提供的界面中构建需要的Web架构项目工程，选择配置数据源；
第三步，选择库表或视图，选择UI前端及所需的字段，创建数据视图；
第四步，根据数据视图创建业务视图，并对增改查及列表视图可视化配置，生成最终代码。
所述第一步中，具体实现流程如下：
(1)将基础的Web架构放在插件中指定的位置，
(2)设计在IntelliJ IDEA中插件的布局；
(3)根据IntelliJ IDEA插件开发规范，开发插件；
(4)编写主控制器类和根据模板生成对应文件的工具类；
(5)插件完成开发后，IntelliJ IDEA集成插件，提供开发人员使用；
所述步骤(1)中，插件中包含前端和后端相关文件，其中前端相关文件包含开源文件、前端页面模板和静态文件；后端相关文件包含MVC(Model View Controller，模型-视图-控制器)相关文件，持久化相关文件，服务层及持久化层相关模板。
所述步骤(2)中，布局分为数据源选择界面、数据对象编辑界面和业务对象编辑界面。
所述步骤(3)中，不同的数据源界面、数据对象界面、业务对象界面均对应各自不同的XML协议文件。
所述第二步中，先根据开发人员勾选的插件提供的构建项目工程选项，将读取插件中内置的不同资源及模板文件生成对应的Web架构工程；然后配置数据源，选择不同的数据源选项，并根据模板生成数据源文件，及更新MVC框架中的数据源数据。
所述第三步中，从数据源中选择对应的库表(可多张表，支持关联表，支持视图)，生成对应的持久化层，生成数据视图对应的XML协议文件。
所述第四步中，构建业务视图时选择数据视图生成业务视图界面，所述业务视图界面提供不同的配置项，控制前端界面生成项；配置完成后，以生成前端选项完成前端代码自动构建。
本发明的有益效果是：该Web项目可视化快速开发方法，提供了一款快速高效的构建项目工程和程序开发的一款可视化开发插件，规范了开发人员的编码习惯，省去了开发人员编写代码，提升了开发效率。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
附图1为本发明Web项目可视化快速开发方法示意图。
具体实施方式
为了使本技术领域的人员更好的理解本发明中的技术方案，下面将结合本发明实施例，对本发明实施例中的技术方案进行清楚，完整的描述。显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
IntelliJ IDEA简称IDEA，是java语言开发的集成环境。IntelliJ IDEA在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、创新的GUI(graphical user interface，图形用户界面)设计等方面的功能可以说是超常的。因此，目前很多开发人员使用IntelliJ IDEA。，为了保证开发人员快速构建项目工程和业务逻辑代码的实现起到相应的帮助，提升开发效率，并预留可拓展模块以支持复杂业务逻辑代码的实现，该Web项目可视化快速开发方法在IntelliJ IDEA提供了一款可视化开发插件。
该Web项目可视化快速开发方法，将Web项目所涉及开源技术的资源统一整合，内置于插件中，利用IntelliJ IDEA插件开发模块，开发出一套可视化的插件；开发人员使用该插件快速构建项目工程生成数据对象；根据数据对象可视化选择配置生成业务对象及前端页面，即可生成相关代码以及测试单元junit代码；利用测试单元junit代码对生成的代码进行测试，并根据测试结果对生成的代码进行微调，即可得到目标代码，从而省去开发人员编写代码，提升开发效率。
该Web项目可视化快速开发方法，包括以下步骤：
第一步，将含有各种技术框架的基础工程及对应的模板文件放置在插件内，基础工程为Maven管理的Web工程，器目录文件遵守Web标准目录；
第二步，在线安装或离线安装插件后，在插件提供的界面中构建需要的Web架构项目工程，选择配置数据源；
第三步，选择库表或视图，选择UI前端及所需的字段，创建数据视图；
第四步，根据数据视图创建业务视图，并对增改查及列表视图可视化配置，生成最终代码。
所述第一步中，具体实现流程如下：
(1)将基础的Web架构放在插件中指定的位置，
(2)设计在IntelliJ IDEA中插件的布局；
(3)根据IntelliJ IDEA插件开发规范，开发插件；
(4)编写主控制器类和根据模板生成对应文件的工具类；
(5)插件完成开发后，IntelliJ IDEA集成插件，提供开发人员使用；
所述步骤(1)中，插件中包含前端和后端相关文件，其中前端相关文件包含开源文件、前端页面模板和静态文件；后端相关文件包含MVC(Model View Controller，模型-视图-控制器)相关文件，持久化相关文件，服务层及持久化层相关模板。
所述步骤(2)中，布局分为数据源选择界面、数据对象编辑界面和业务对象编辑界面。
所述步骤(3)中，不同的数据源界面、数据对象界面、业务对象界面均对应各自不同的XML协议文件。
所述第二步中，先根据开发人员勾选的插件提供的构建项目工程选项，将读取插件中内置的不同资源及模板文件生成对应的Web架构工程；然后配置数据源，选择不同的数据源选项，并根据模板生成数据源文件，及更新MVC框架中的数据源数据。
所述第三步中，从数据源中选择对应的库表(可多张表，支持关联表，支持视图)，生成对应的持久化层，生成数据视图对应的XML协议文件。
所述第四步中，构建业务视图时选择数据视图生成业务视图界面，所述业务视图界面提供不同的配置项，控制前端界面生成项；配置完成后，以生成前端选项完成前端代码自动构建。
该Web项目可视化快速开发方法，提供了一款快速高效的构建项目工程和程序开发的一款可视化开发插件，不仅规范了开发人员的编码习惯，省去了开发人员编写代码，提升了开发效率，而且使用可视化界面进行配置，生成风格统一的代码，使开发人员更多的时间专注于业务，提升开发效率。
以上所述的实施例，只是本发明具体实施方式的一种，本领域的技术人员在本发明技术方案范围内进行的通常变化和替换都应包含在本发明的保护范围内。

Claims (9)

1.一种Web项目可视化快速开发方法，其特征在于：将Web项目所涉及开源技术的资源统一整合，内置于插件中，利用IntelliJ IDEA插件开发模块，开发出一套可视化的插件；开发人员使用该插件快速构建项目工程生成数据对象；根据数据对象可视化选择配置生成业务对象及前端页面，即可生成相关代码以及测试单元junit代码；利用测试单元junit代码对生成的代码进行测试，并根据测试结果对生成的代码进行微调，即可得到目标代码，从而省去开发人员编写代码，提升开发效率。
2.根据权利要求1所述的Web项目可视化快速开发方法，其特征在于，包括以下步骤：
第一步，将含有各种技术框架的基础工程及对应的模板文件放置在插件内，基础工程为Maven管理的Web工程，器目录文件遵守Web标准目录；
第二步，在线安装或离线安装插件后，在插件提供的界面中构建需要的Web架构项目工程，选择配置数据源；
第三步，选择库表或视图，选择UI前端及所需的字段，创建数据视图；
第四步，根据数据视图创建业务视图，并对增改查及列表视图可视化配置，生成最终代码。
3.根据权利要求2所述的Web项目可视化快速开发方法，其特征在于：所述第一步中，具体实现流程如下：
(1)将基础的Web架构放在插件中指定的位置，
(2)设计在IntelliJ IDEA中插件的布局；
(3)根据IntelliJ IDEA插件开发规范，开发插件；
(4)编写主控制器类和根据模板生成对应文件的工具类；
(5)插件完成开发后，IntelliJ IDEA集成插件，提供开发人员使用。
4.根据权利要求3所述的Web项目可视化快速开发方法，其特征在于：所述步骤(1)中，插件中包含前端和后端相关文件，其中前端相关文件包含开源文件、前端页面模板和静态文件；后端相关文件包含MVC相关文件，持久化相关文件，服务层及持久化层相关模板。
5.根据权利要求3所述的Web项目可视化快速开发方法，其特征在于：所述步骤(2)中，布局分为数据源选择界面、数据对象编辑界面和业务对象编辑界面。
6.根据权利要求3所述的Web项目可视化快速开发方法，其特征在于：所述步骤(3)中，不同的数据源界面、数据对象界面、业务对象界面均对应各自不同的XML协议文件。
7.根据权利要求2～6中任意一行所述的Web项目可视化快速开发方法，其特征在于：所述第二步中，先根据开发人员勾选的插件提供的构建项目工程选项，将读取插件中内置的不同资源及模板文件生成对应的Web架构工程；然后配置数据源，选择不同的数据源选项，并根据模板生成数据源文件，及更新MVC框架中的数据源数据。
8.根据权利要求7所述的Web项目可视化快速开发方法，其特征在于：所述第三步中，从数据源中选择对应的库表，生成对应的持久化层，生成数据视图对应的XML协议文件。
9.根据权利要求8所述的Web项目可视化快速开发方法，其特征在于：所述第四步中，构建业务视图时选择数据视图生成业务视图界面，所述业务视图界面提供不同的配置项，控制前端界面生成项；配置完成后，以生成前端选项完成前端代码自动构建。
CN202010482940.4A 2020-06-01 2020-06-01 一种Web项目可视化快速开发方法 Pending CN111638877A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010482940.4A CN111638877A (zh) 2020-06-01 2020-06-01 一种Web项目可视化快速开发方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010482940.4A CN111638877A (zh) 2020-06-01 2020-06-01 一种Web项目可视化快速开发方法

Publications (1)

Publication Number Publication Date
CN111638877A true CN111638877A (zh) 2020-09-08

Family

ID=72330302

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010482940.4A Pending CN111638877A (zh) 2020-06-01 2020-06-01 一种Web项目可视化快速开发方法

Country Status (1)

Country Link
CN (1) CN111638877A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112394920A (zh) * 2020-11-19 2021-02-23 联通智网科技有限公司 一种应用软件开发方法、平台和电子设备
CN112416305A (zh) * 2020-11-23 2021-02-26 西安西热电站信息技术有限公司 一种基于VisualStudio的快速开发方法
CN113076096A (zh) * 2021-04-29 2021-07-06 成都星云智联科技有限公司 一种桌面应用程序开发方法、装置、设备及存储介质
CN113608734A (zh) * 2021-08-09 2021-11-05 神州数码融信软件有限公司 一种领域驱动设计模型代码自动生成方法
CN114625379A (zh) * 2022-05-16 2022-06-14 杭州兑吧网络科技有限公司 H5项目源码的生成方法及h5项目源码开发系统

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050257193A1 (en) * 2004-05-13 2005-11-17 Alexander Falk Method and system for visual data mapping and code generation to support data integration
CN105138337A (zh) * 2015-08-31 2015-12-09 华为技术有限公司 一种插件适配方法及插件适配装置
CN107844299A (zh) * 2017-12-01 2018-03-27 浪潮软件股份有限公司 一种Web应用开发工具的实现方法
CN108287923A (zh) * 2018-02-28 2018-07-17 山东汇贸电子口岸有限公司 一种可视化接口数据智能提取系统及其设计方法
CN110058846A (zh) * 2019-04-19 2019-07-26 深圳市康拓普信息技术有限公司 一种业务应用软件开发系统和方法
US20190369969A1 (en) * 2018-06-03 2019-12-05 Apple Inc. Dynamically adaptable tool for graphical development of user interfaces
CN110543295A (zh) * 2019-08-19 2019-12-06 广州华旻信息科技有限公司 可视化Web前端项目构建系统
CN110990286A (zh) * 2019-12-12 2020-04-10 携程计算机技术（上海）有限公司 基于bdd的单元测试系统

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050257193A1 (en) * 2004-05-13 2005-11-17 Alexander Falk Method and system for visual data mapping and code generation to support data integration
CN105138337A (zh) * 2015-08-31 2015-12-09 华为技术有限公司 一种插件适配方法及插件适配装置
CN107844299A (zh) * 2017-12-01 2018-03-27 浪潮软件股份有限公司 一种Web应用开发工具的实现方法
CN108287923A (zh) * 2018-02-28 2018-07-17 山东汇贸电子口岸有限公司 一种可视化接口数据智能提取系统及其设计方法
US20190369969A1 (en) * 2018-06-03 2019-12-05 Apple Inc. Dynamically adaptable tool for graphical development of user interfaces
CN110058846A (zh) * 2019-04-19 2019-07-26 深圳市康拓普信息技术有限公司 一种业务应用软件开发系统和方法
CN110543295A (zh) * 2019-08-19 2019-12-06 广州华旻信息科技有限公司 可视化Web前端项目构建系统
CN110990286A (zh) * 2019-12-12 2020-04-10 携程计算机技术（上海）有限公司 基于bdd的单元测试系统

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
张敏等: "基于MVC模式的Web系统自动化单元测试方案", 《微型电脑应用》 *
张雷等: "基于SpringBoot微服务架构下的MVC模型研究", 《安徽电子信息职业技术学院学报》 *
扬帆向海: "《图文并茂 教你在IDEA中如何一键生成代码，提高开发效率》", 《CSDN》 *
胡春玲等: "基于Spring Boot的代码自动生成系统设计与实现", 《长春师范大学学报》 *

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112394920A (zh) * 2020-11-19 2021-02-23 联通智网科技有限公司 一种应用软件开发方法、平台和电子设备
CN112394920B (zh) * 2020-11-19 2024-03-29 联通智网科技股份有限公司 一种应用软件开发方法、平台和电子设备
CN112416305A (zh) * 2020-11-23 2021-02-26 西安西热电站信息技术有限公司 一种基于VisualStudio的快速开发方法
CN113076096A (zh) * 2021-04-29 2021-07-06 成都星云智联科技有限公司 一种桌面应用程序开发方法、装置、设备及存储介质
CN113076096B (zh) * 2021-04-29 2024-04-23 成都星云智联科技有限公司 一种桌面应用程序开发方法、装置、设备及存储介质
CN113608734A (zh) * 2021-08-09 2021-11-05 神州数码融信软件有限公司 一种领域驱动设计模型代码自动生成方法
CN113608734B (zh) * 2021-08-09 2024-03-29 神州数码融信软件有限公司 一种领域驱动设计模型代码自动生成方法
CN114625379A (zh) * 2022-05-16 2022-06-14 杭州兑吧网络科技有限公司 H5项目源码的生成方法及h5项目源码开发系统
CN114625379B (zh) * 2022-05-16 2022-08-26 杭州兑吧网络科技有限公司 H5项目源码的生成方法及h5项目源码开发系统

Similar Documents

Publication Publication Date Title
CN111638877A (zh) 一种Web项目可视化快速开发方法
US9946517B2 (en) Dynamic model based software application development
US9021440B1 (en) System and method for automated test script generation
US9501594B2 (en) Graphical design verification environment generator
US9098633B2 (en) Application testing
CN103135976A (zh) 代码自动生成方法及装置
CN108345532A (zh) 一种自动化测试用例生成方法和装置
US20120209557A1 (en) Methods, apparatus and articles of manufacture to test batch configurations
US20070061641A1 (en) Apparatus and method for generating test driver
JP2012103791A (ja) プログラム試験装置、プログラム試験方法およびプログラム試験用プログラム
Cunha et al. PETTool: a pattern-based GUI testing tool
JP2017533491A (ja) 情報処理方法、装置及びコンピュータ記憶媒体
CN111427555A (zh) 一种轻量化智能合约框架及合约开发方法
CN114461182A (zh) 流水线构建的方法、装置、电子设备及计算机可读存储介质
CN103699478A (zh) 一种测试案例生成系统和方法
CN114020273A (zh) 一种复杂系统软件集成方法
Kouroshfar et al. Process patterns for component-based software development
Pichidtienthum et al. Developing Module Generation for Odoo Using Concept of Low-Code Development Platform and Automation Systems
CN116107555A (zh) 一种基于能源行业的gui模型驱动的低代码平台及使用方法
CN109144849A (zh) 一种嵌入式软件调测方法
CN107563025B (zh) 一种验证平台管理方法及装置
US8769506B2 (en) Using a command interpreter at design time
US11775293B1 (en) Deploying a static code analyzer based on program synthesis from input-output examples
CN113254054B (zh) 一种智能合约一站式开发系统及方法
Kaushik et al. A Comparision Between Traditional and Component Based Software Development Process Models

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