Copyright©2025 Yonyou Group All rights reserved.Without the written permission of Yonyou Group, no part or whole of the content of this user manual may be copied, reproduced, translated, or reduced for any purpose. The content of this user manual may change without notice, please be aware.Please note: The content of this user manual does not represent any commitments made by Yonyou.Overall OverviewThe development framework is a product aimed at developers, lacking a product page. It provides the capabilities of the framework, offered in the form of a second-party package or scaffolding, to domain development or customer development. This allows domain development and customer development to carry out business development based on the basic capabilities of the framework, improving the development efficiency of domain and customer development, reducing redundant work between domains, and enabling business development to focus on the business itself.MDF Frame2.1 Function DescriptionMDF (Model Driven Framework: Front-end Application Architecture) is a metadata-based model-driven development framework. It supports the automatic generation and rendering of pages through standardized configuration, inheriting the capabilities related to supporting services and capacity centers from the bpass business middle platform.Web development and Mobile development share a common development framework, a set of extension scripts, and support for extension development across different dimensions (JS extension scripts, new Metaui extension components, extension and configuration of component styles and interactions, etc.). It features a layered architecture, decoupled packaging, and flexible architecture.2.2 MDF Core ModulePackage NamePackage Descriptionmdf-cubeCube Core SDK -- Includes ViewModelmdf-baseuiPublic interaction layer based on tinper-next Component Librarymdf-baseui-mobilePublic interaction layer based on antd-mobile Component Librarymdf-metaui-mobileMetaUI Component Package (Mobile interaction style)mdf-metaui-webMetaUI Component Package (Web interaction style)mdf-middlewares-authBFF Service: Permission verification KOA middlewaremdf-middlewares-log4jsBFF Service: Log KOA middlewaremdf-plugin-metaBFF Service: UI Metadata, Frontend JS code generation2.3 Terminology ExplanationNounDescriptionMetadataData that describes other dataViewModelA programming model where all programmable operation objects are viewModel. From a small component to a large UI template, each is a viewModel object.UI TemplateA patterned page generated based on metadata configuration, where a template is abstractly described by entity metadata and UI metadata.Node LayerA BFF middleware based on NodeJS that can achieve capabilities such as aggregation, forwarding, cross-domain, resource hosting, and automatic generation of template-level viewmodel (executable JS code) for microservice interfaces.BFFBackend For Frontend: A user experience adaptation layer. (Domain models and page data represent two different thinking modes, and BFF effectively decouples them, allowing each to be more professional and efficient.)2.4 Main Operation Instructions2.5 MDF Extension Development MechanismThe extension script is expanded in src/business;The extension components are expanded in src/client/web|mobile/components;Extend reducers in src/client/mobile/redux/reducers.jsx;Extend the route in src/client/mobile/routes/index.jsx;Extend styles in src/client/mobile/styles;Extend in Actionsrc/client/common/biz/actions.js;In src/client/web|mobile.jsx, multilingual resources and variables can also be injected.YNF Framework3.1 Function DescriptionWith the rapid development of YonBIP products, there is an increasing demand for interaction effects related to product experience, layout flexibility, and extended development.In terms of work-in-process intelligence and R&D efficiency improvement, it is necessary to provide important front-end technical support to achieve an AI-friendly and intelligent product experience.The demand for developers, such as those in the domain, industry, project, and ISV, for the expansion of original product capabilities and custom business development is strong. The front-end programming model needs to be more developer-friendly, making it easier for developers to learn and understand, and to possess more extensible and programmable capabilities.The original intention of the YNF unified front-end framework capability design is to start from the requirements, beginning with the underlying design, and gradually build a complete front-end development system based on agreements and specifications.3.2 YNF FeaturesReactive programming style: Introduce MobX reactive data solution to reduce business complexity and standardize development.Layered design: The framework only implements the necessary core functions, with a reasonable layered design and implementation, and provides default extensions.Lowering the development threshold: The framework's provided framework method properties are significantly reduced, allowing developers to avoid mastering the use of a large number of framework APIs.Provide program autonomy: Domain business development is less constrained by the framework, increasing domain development's control over the code and empowering innovation.Flexible and variable interface: Achieve flexibility in page layout, with the rendering mode upgraded from template-based generation to component-based generation.3.3 Terminology ExplanationYNF is the abbreviation for Yonyou New-generation Front-end-framework, which refers to Yonyou's new generation unified front-end framework.MobX is a simple and scalable state management library that makes state management easy and extensible through the use of transparent functional reactive programming.TinperNext is a new generation web front-end component library based on React technology.ArcUI is a mobile component library implemented based on React technology.TNS is the abbreviation for Tinper Next Server, which supports unified deployment of the YonBIP front end, unified management of third-party packages, and other common capabilities.YonDesign is the abbreviation for Yonyou Design System, specifically referring to the unified design language system of YonBIP.YPD is the abbreviation for Yonyou Platform Development, referring to the next-generation YonBIP platform development framework.3.4 Main Operation InstructionsYNF Extension Development MechanismCreate an extension script projectAction Expansion PlanReaction Expansion PlanStore Expansion PlanPage Public Extension PlanStyle Extension PlanMDD Framework4.1 Function DescriptionMDD (Model Driven Development) is a commonly used development model in enterprises, primarily utilizing highly abstract domain business models as components to achieve code conversion implementation or support various model-driven engine configurations, reducing development costs and addressing complex requirement changes.MDD Development Framework is a set of development framework implemented by Yonyou based on the concept of enterprise digital middle platform. Starting from the core problem domain of enterprise cloud services, it summarizes and refines best practices, forming unified standards and specifications. It is dedicated to supporting the rapid incubation of middle platform capabilities, creating a link between various capabilities of the middle platform, and ultimately achieving the reconstruction of enterprise digital business and rapid development of innovation based on the middle platform.The main purpose of the framework is to achieve the separation of the model and the technical framework, allowing the business and technical parts of the system to evolve independently without affecting each other. This enables developers to focus more on the business and allows junior developers to quickly develop complex business functions, while the framework encapsulates and hides technical details, reducing technical difficulty, thereby saving labor costs, shortening project cycles, and improving software security and quality. At the same time, through the accumulation of various business models, it can also contribute to the technical accumulation for the enterprise to achieve its business, aiding in business analysis.4.2 Key CapabilitiesMdd Scaffolding SetupPull scaffolding code;Modify the application.properties file;Configure the data source such as Redis and other settings in the YMS Console.Local startup project.Mdd Scaffolding CapabilitySupport for basic CRUD (Create, Read, Update, Delete) functions defaulted by Page Modeling.Supporting service capabilities for integration standards, such as metadata, UI templates, permissions, formulas, workflows, business processes, printing, import, export, coding rules, task scheduling, event center, business logs, etc.4.3 Description of Main Supporting ServicesField NameDescriptionMetadataPlatform data modeling capability, defines data structureUI TemplatePlatform page modeling capability, defines page displayData PermissionFilters data based on permissionsFunctional PermissionFilters buttons based on permissionsFormulaFormula calculation capabilityWorkflowApproval flow workflow capabilityBusiness ProcessCapability for flow between multiple businessesImportExcel batch import capabilityExportExcel batch export capability4.4 Main Operation InstructionsAdd framework dependenciesBoth scaffolding templates are available for direct download; you can also add parent yonbip-2nd-parent in pom, and by depending on iuap-ap-mdd-starter, you will have the standard capabilities of the MDD framework.Expand development capabilitiesNew rules can be added to the rule chain of the standard action that you want to expand for business extension.YPD Framework5.1 Function DescriptionThe YPD framework is a commonly used development model for enterprises, primarily utilizing highly abstract domain business models as components to achieve code conversion implementation or support various model-driven engine configurations, reducing development costs and addressing complex requirement changes.The YPD development framework is a set of development framework implemented by Yonyou for the concept of enterprise digitalization middle platform. Starting from the core problem domain of enterprise cloud services, it summarizes and refines best practices, forming unified standards and specifications. It is dedicated to supporting the rapid incubation of middle platform capabilities, creating a link between various capabilities of the middle platform, and ultimately achieving the reconstruction of enterprise digital business and rapid development of innovation based on the middle platform.The main purpose of the framework is to achieve the separation of the model and the technical framework, allowing the business and technical parts of the system to evolve independently without affecting each other. This enables developers to focus more on the business and allows junior developers to quickly develop complex business functions, while the framework encapsulates and hides technical details, reducing technical difficulty, thereby saving labor costs, shortening project cycles, and improving software security and quality. At the same time, through the accumulation of various business models, it can also contribute to the technical accumulation for the enterprise to achieve its business, aiding in business analysis.5.2 Key CapabilitiesYPD Scaffolding SetupPull scaffolding code;Modify the application.properties file;Configure the data source such as Redis and other settings in the YMS Console.Local startup project.YPD Scaffolding CapabilitySupport for basic CRUD (Create, Read, Update, Delete) functions defaulted by Page Modeling.Supporting service capabilities for integration standards, such as metadata, UI templates, permissions, formulas, workflows, business processes, printing, import, export, coding rules, task scheduling, event center, business logs, etc.5.3 Description of Main Supporting ServicesField NameDescriptionMetadataPlatform data modeling capability, defines data structureUI TemplatePlatform page modeling capability, defines page displayData PermissionFilters data based on permissionsFunctional PermissionFilters buttons based on permissionsFormulaFormula calculation capabilityWorkflowApproval flow workflow capabilityBusiness ProcessCapability for flow between multiple businessesImportExcel batch import capabilityExportExcel batch export capability5.4 Main Operation InstructionsAdd framework dependenciesBoth scaffolding templates are available for direct download; you can also add the parent yonbip-2nd-parent in pom, and by depending on iuap-ap-ypd-starter, you will have the standard capabilities of the YPD framework.Expand development capabilitiesBusiness extensions can be made in the pre or post extension point plugins of the standard action that you want to expand.
