Mendix 学习（一）

Mendix学习笔记

时间：2021年7月13日

一、环境搭建

1.下载Mendix编辑器安装包并安装

本人使用版本：Mendix-8.18.7

2. 注册Mendix账号

打开Mendix官网（http://www.mendix.com），点击“Start for free”，根据提示完成注册

注意：注册需要公司电子邮件

3. 打开Mendix Studio Pro登录账号

登录所注册的账号即可进入工作界面

时间：2021年7月14日

二、认识Mendix

Mendix – 低代码开发平台

实例

从一个简单实例开始：现有一学校，需要记录课程信息（课程信息里边包含该课程需要几天、价钱、说明等）、 教师信息(姓名、邮箱等)、课程位置（标题、地址等）、报名人员（名称、地址、邮箱

等）、课程培训活动等，方便维护系统。

需求分析：根据业务场景分析，我们需要创建五个数据模型（课程 Courses、教师 Teacher、地址 L

ocation、报名人员 Trainee、课程培训活动 Training Event），分别来存储这些信息。

课程：Course

属性	类型	备注
Title	String	标题
Description	String	描述
Duration	Integer	课程时长
Price	Decimal	价格

教师：Teacher

属性	类型	备注
Name	String	姓名
EmailAddress	String	邮箱

地址：Location

属性	类型	备注
Name	String	名称
Address	String	地址

学员：Trainee

属性	类型	备注
Name	String	姓名
Address	String	住址
EmailAddress	String	邮箱

课程培训活动：Training Event

属性	类型	备注
StartDate	Date and time	开始时间
EndDate	Date and time	结束时间

1.创建项目

• 打开Mendix Studio Pro，点击“New App” ，点击“Starter Apps”，选择一个空模板，点击“Use this starting point”开始创建
  

• 在弹出框中编辑App Name，然后选择“Enable online services”（上线服务还是本地），然后选择“Project directory”（项目路径），最后点击“Create app”开始创建项目
  

2.创建数据实体

Mendix是一个集成了数据库，前后端一体的平台

• 根据上述需求分析及数据设计，开始建立实体
• 点击打开“MyFirstModule - Domain Model” ，此时模型为空
• 我们点击“Entry”新建实体，（类似于数据库中的表），编辑表名
• 点击New，添加属性并选择类型和长度
• 表之间的关联？主键、外键？
  

3.创建页面

• 点击打开“Home_Web”（这是默认主页面），右键选择在左侧添加列，就能将这个控件分割
  

• 分割四列之后，在右侧搜索找到Card Action，将其拖进刚分好的四列中（类似于vue中的router） 分别有哪些组件，控件，罗列清楚
  

• 双击图标，选择对应图标 如何引入外部图标？
  

• 点击“On Click” 选择点击事件 如下图 搞清楚分别是什么事件？
  

• 这里选择“show a page ”（打开一个页面），然后弹出选择跳转页面，可以选择已有页面，也可以新建。新建有很多模板，还有表现方式，弹出框，左导航，顶部导航
  

• 点击OK，这样点击图标就能跳转对应的页面，但是目前还没有绑定数据

4.绑定数据

• 点击打开刚才新建的页面，右键选择数据源，选择刚刚建好的对应实体，双击绑定对应数据字段
  

• 点击“Run Locally”本地运行，选择PC浏览器打开即可，但是目前还没有数据

5.新增数据

实体已经有了，但是没有数据 添加数据的方法有哪些？

可以新建一个按钮，在按钮上绑定on click事件，选择“create object”，同样需要选择on click page，新建点击页面为弹出框（PopupLayout），选择合适模板，点击ok

运行，在浏览器上即可添加数据

6.删除数据

思路：添加一个按钮，绑定on click事件，选择“Delete”（删除），同样选择删除的弹出框即可

7.修改数据

思路：添加一个按钮，绑定on click事件，新建页面，选择表单，选择合适的模板，布局选择弹出框。

8.关系型数据模型

实例中教学安排表和教师表、课程表、地址表都有关联，所以是一对多的关系，只需要在改实体上拉出箭头，指向对应实体表即可。