ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Editors / Code editor
  • Overview
  • How to?
  • Splitting existing code
  • Extract business logic
  • Options related to Business logic / UI code splitting
  • Project description
  • Window description
  • Describing a page
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Splitting Business logic / UI code
Overview
During the development cycle of an application, the code that is specific to the interface (UI) and the code that is specific to the business logic (access to databases, etc.) are often "mixed". Who hasn't used the click process on a button to save data in a data file and to refresh a window?
WINDEV, WEBDEV and WINDEV Mobile help you split your code to separate business logic from UI code.
This division has several advantages:
  • structure your code,
  • make reusing and sharing code easier,
  • simplify the webification of your application,
  • ...
Splitting your code will also allow you to use an MV or MVP development method.
WINDEV, WEBDEV and WINDEV Mobile propose to split the code gradually: you can start by splitting your code on new windows only, then on the whole project, window by window.
You can also perform this operation to structure the code of your application, or to choose and generate the classes (or sets of procedures) necessary for re-using and sharing your code.
WINDEV, WEBDEV and WINDEV Mobile provide you with the tools and you decide how to use them.
How to?

Splitting existing code

To split UI code from Business Logic in an existing code, follow these steps:
  1. Open the project in the desired product.
  2. Open the code editor (Press F2 on a button, for example).
  3. Enable Business logic/UI highlighting: in the code editor, go to the "Refactoring" tab, "Business logic/UI" group, expand "Show Business logic/UI" and select the desired coloring mode:
    • No coloring
    • Coloring in line background: in this case, the coloring is applied on the entire line of code.
    • Coloring on the border: in this case, the coloring is applied only on the border of the lines of code.
    Remarks:
    • Coloring applies to all projects.
    • The coloring is applied according to the following rules (light theme):
      • Lines of code related to UI in a UI process are colored in green.
      • Lines of code related to Business logic in a UI process are colored in orange.
      • Lines of code related to UI in a Business logic process are colored in orange.
      • Lines of code related to Business logic in a Business logic process are colored in blue.
    • Examples:
      Example of green and orange code

      Example of blue code
  4. Enable Business logic/UI errors: in the code editor, go to the "Refactoring" tab, "Business logic/UI" group and click "Enable Business logic/UI errors". This button enables the Business logic/UI errors for the current element (window, page, etc.) only.
    Business logic/UI errors are displayed in the "Compilation errors" pane, in the programming standard errors ().
  5. Split your code to prevent this type or error.
    • If necessary, create local (or global) procedures to split your Business logic from UI code.
    • If necessary use the <UI> and <Business logic> attributes. In a code or process containing both UI code and Business logic, these attributes are used to indicate the use of the variable or procedure.
      Example: The procedure DisplayTrip is considered as a procedure that deals with the UI (<UI> attribute) even though it calls RetrieveTrip, a business logic procedure.
      Remark: Calls to business logic procedures in a UI process are enclosed by a blue border.

Extract business logic

When all code mixing errors are corrected in the project, it is possible to automatically create global classes or procedures that group all local procedures created to separate the UI code from the Business Logic.
This operation is useful and recommended:
  • If your project is shared,
  • If your project must be webified,
  • ...
To extract the Business logic:
  1. In the code editor, on the "Refactoring" tab, in the "Business logic/UI" group, click "Extract Business logic".
  2. In the window that appears:
    • Select the desired type of splitting: Class or set of procedures.
    • Specify the name of the class or set of procedures.
  3. Validate.
  4. The specified element is automatically created and the code is modified to use the set of procedures or the class.
Options related to Business logic / UI code splitting

Project description

The option "Indicate when the Business logic and UI code are mixed" in the project description window ("Compilation" tab) makes it possible to enable or disable the Business logic/UI errors on all the elements of the project.
Remark: It is recommended to use this option on individual elements before using it on the entire project.

Window description

In a window description, the "Details" tab allows you to define the programming standard via "Programming standard".
In the interface for defining the programming standard, you can enable the Business logic/UI errors for the current window.

Describing a page

In a page description window, the "Details" tab makes it possible to define the programming standard via "Programming standard".
In the interface for defining the programming standard, you can enable the Business logic/UI errors for the current page.
Minimum version required
  • Version 24
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 10/27/2022

Send a report | Local help