Explore ideas for building visual applications on the front end

I. Introduction

In the front-end community, low-code/no-code is a hotly discussed topic. To put it simply, low-code is to complete the development and launch of applications by writing a small amount of code, while no-code is a subset of low-code, which can complete the development of the entire application through configuration without writing code. At present, there are many low-code platforms within the group, such as JNPF, Yida, Yunfengdie, etc. Common no-code construction platforms include Jiandaoyun, Mingdaoyun, etc.

2. Low-code and no-code

First of all, whether it is low-code or no-code, they are all aimed at specific scenarios or subdivisions, such as operational activity pages, middle and back-end forms, form pages, etc.; or various complete information projects , such as ERP and OA , CRM, EHR, etc. Because only in these scenarios, the front-end interaction is relatively convergent and enough component materials can be deposited, so that the page can be built directly by dragging and dropping components in a visual way.

Many people still don’t know the difference between low-code and no-code? Here is an easy-to-understand example:

Suppose you want to create a simple task management application that contains a task list and a form for adding tasks.

  1. If you use a zero-code platform, you can choose a template that suits you, then use drag-and-drop to add task lists and form elements, and finally set some simple rules and parameters to create a complete application. However, the scalability is poor and only the templates specified by them can be used.
  2. And if you use a low-code platform, you can use already written components to create task lists and form elements, and then write some simple code to implement some advanced functions, such as automated reminders, data analysis, and so on. This method requires some programming experience, but compared to the traditional pure code programming method, the time and cost will be greatly reduced. Secondary development is easier.

3. Specific demonstration of low-code functions

As an excellent low-code construction platform within the group, the JNPF platform adopts an engine-based software rapid development model. It is equipped with visualization function engines such as process engine, form engine, report engine, chart engine, interface engine, portal engine, and organization user engine , and basically realizes the page Visual construction of UI. There are hundreds of built-in functional controls and usage templates , which can meet the user's personalized needs to the greatest extent with simple drag-and-drop operations. Since the functions of the JNPF platform are relatively complete, this article chooses this tool to expand its functions so that you can more intuitively see the advantages of low code.

Official website: JNPF

1. Form design

Zero-code development:

The related controls in the form define the fields of the entity. For example, the "name ID" in salary information, the string type field automatically appears as computerfield101 (name). In addition, the database table is also automatically generated. Of course, you can also manually generate or add modifications.

The form configurations on the market vary greatly, and each manufacturer is similar. It just depends on the number of components and whether the basic functions are complete. JNPF is equipped with more than 50 kinds of reusable controls and 1000+ UI chart configurations for free play.

Low-code development : A set of code generators is customized based on Mybatis-plus-generator. By configuring the comments of the database fields, WEB front-end (vue), mobile terminal (vue), back-end (controller, entity, mapperxml, service) and other codes, greatly reducing development difficulty;

2. Workflow

The workflow service is a set of workflow solutions self-developed by JNPF. It consists of two parts: process form and process engine. The process form is visually designed and highly configurable. It adopts structured form template design and centralized analysis mode design. Adapt to the needs of various scenarios in China's national conditions, configuration WYSIWYG, low code, high configuration;

3. Portal design

The new portal design is simple to operate, free to drag and drop, and can be edited and adapted to multiple terminals at one time to fully meet the personalized needs of users.

4. Report design

There is no need to develop any code. Users only need to configure a series of parameters on the interface to implement functions such as configuring multiple types of reports, online rendering of report content, report export, and printing.

5. Third-party login

An out-of-the-box third-party authorization login tool library provides a unified interface, supports access to any OAuth website, and quickly implements the OAuth login function.

4. Write at the end

It can integrate and encapsulate 80% of the functional applications , and quickly build the office system needed by the enterprise through simple drag, drop, and drag visual operation methods. This is a low-code platform. The office system built using this drag-and-drop method has industry-wide functions. If there are needs for special scenarios, such industry-wide functions will definitely not be satisfied. This is also low-code. But don’t worry, this requirement can be realized through in-depth secondary development of the system.

If you are interested in software development now, JNPF can provide a very good soil. It is a low-code learning platform suitable for users of all levels. Whether you are an experienced developer or a newbie in programming, you can find a learning path that suits you here. You can click on the link below to give it a try!

Application address: https://www.jnpfsoft.com/?csdnxx

Guess you like

Origin blog.csdn.net/pantouyuchiyu/article/details/135201736