Survive by day and develop by night.
talk for import biz , show your perfect code,full busy，skip hardness,make a better result,wait for change,challenge Survive.
happy for hardess to solve denpendies.

目录

概述

Mendix低代码开发

需求：

Mendix低代码开发

设计思路

实现思路分析

1.URL管理

Mendix是一个支持简单、快速地构建及不断改进移动端和Web端应用程序的平台， 它也是唯一一款用于开发和交付的低代码快速应用程序平台，可为整个应用程序的生命

2.LL

敏捷和DevOps的结合成为Mendix低代码开发最佳实践。

3.Mendix 低代码可视化开发

Mendix通过模型驱动开发+可视化开发工具，构建用于UI、数据、逻辑和导航的领域模型。通过在运行时解释生成的模型，从而保持模型与应用程序之间的联系，Mendix可以防止产生低可读性难以维护的历史代码。此外，直接模型执行消除了代码生成开销，并通过在运行时适应实时更改，受控扩展和动态监视分析而提供了明显的优势。

4.Mendix 低代码可视化开发

通过 Mendix 平台的 App Store，开发者能够访问海量的由Mendix或第三方构建提供的 Mendix 模块。开发者可以使用 Java、JavaScript等语言并使用例如IntelliJ、Eclipse、Brackets 或 Visual Studio Code等集成开发环境开发自己的自定义应用程序扩展，并将其打包为Mendix 可视化开发的组件。

什么是原子设计（Atomic Design）
原子设计（Atomic Design）是一种网页设计方法，出自于Brad Frost在2013年时发表的文章。这种方法现在仍处于成长期。Brad Frost认为按照传统方式花几个月的时间去写一本书然后出版实在太老土，他想要写一本会成长会呼吸的不完整的书，于是他直接在自己的网站上连载，并且不断的修订。有关其方法论，可以在[1][2]中获得更多信息，国内也有网站开设专栏进行翻译和解读[3]。

这种方法由五个不同的阶段构成，以更慎重和更具层次的方式创建界面设计系统。 原子设计的五个阶段分别是：

原子Atomic，为网页构成的基本元素，HTML的tags，可以是标签、输入，或是一个按钮，也可以是抽象的概念，例如字体、色调等；
分子Molecules，由元素构成的简单UI物件；
有机体Organisms，相对分子而言，较为复杂的构成物，由原子及分子所组成；
模板Templates，基础的页面架构，将以上元素进行排版；
页面Pages，将实际内容（图片、文章等）套在特定模板中。

Mendix 的前端（Atlas UI）的设计遵循三个原则：简洁性、和谐性、灵活性，前端工程师可以参考Atlas UI完整的设计系统（Design System）[4]，主要包括Design Properties、widgets、Building Blocks、Page Templates、Navigation Layouts，元素由小及大，实现了原子设计从原子到页面的各个阶段。模块化的UI设计方法论，让Mendix低代码平台不仅实现了业务模型（Model）和业务逻辑（Microflow/Nanoflow）的封装，而且还确保了UI设计的灵活搭建。

本文对Mendix的UI设计和定制开发做了基础的讲解，更详细的使用和开发步骤，用户可以移步到Mendix官方文档，对Mendix的Front End进行进一步了解[9]。Mendix 9和Atlas UI 3采用新的机制和文档结构，简化了使用Calypso进行编译的依赖，Mendix Pro可以获取文件的修改并自动重新编译发布。

参考资料和推荐阅读

1.https://baijiahao.baidu.com/s?id=1719104387737435385&wfr=spider&for=pc
2.https://blog.csdn.net/Mendix/article/details/118221829

欢迎阅读，各位老铁，如果对你有帮助，点个赞加个关注呗！~