UI Designer

  The UI Designer is an important part of the Oinone platform designer. It provides an intuitive visual interface that allows users to build application interfaces by dragging and configuring components, eliminating the need to write a large amount of code manually. This designer aims to simplify the interface development process, improve development efficiency, and ensure the aesthetics and usability of the interface. Through the UI Designer, users can quickly customize interface layouts, styles, and functions according to business requirements to meet the application needs of different scenarios.

• Rich component library: It offers a variety of commonly used UI components, such as buttons, text boxes, dropdown lists, and tables. Users can directly drag and use these components, reducing repetitive development work.
• Customizable styles: It supports users to customize the styles of components, such as colors, fonts, and borders, to meet brand or personalized requirements.
• Responsive design: It supports responsive layouts to ensure that the application has a good display effect on different devices.
• Interaction design: It allows users to set the interaction logic between components, such as displaying a pop-up window after clicking a button or validating a form before submission, enhancing the user experience.
• Real-time preview: It provides a real-time preview function, allowing users to instantly see the effects while designing the interface, facilitating adjustments and optimizations.

With the above features, Oinone's UI Designer provides users with powerful interface development capabilities, which can help users quickly build high-quality application interfaces that meet business requirements.

The UI Designer consists of three parts: pages, components, and menus.

1. Pages: As the entry points for data creation, deletion, modification, and query, pages are responsible for displaying data information and providing interaction interfaces. Users can fill in and view data through pages.
2. Components: All elements and content on the pages are composed of components. Components are the basic units that make up pages.
3. Menus: These are the navigation menus of the application. After binding pages to the menus, users can quickly access and view the corresponding pages through the menus.

The following will provide a detailed explanation of these three parts.