Mendix 学习(一)

您所在的位置:网站首页 闲鱼曝光度一万 Mendix 学习(一)

Mendix 学习(一)

2024-01-08 02:52| 来源: 网络整理| 查看: 265

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

属性类型备注TitleString标题DescriptionString描述DurationInteger课程时长PriceDecimal价格

教师:Teacher

属性类型备注NameString姓名EmailAddressString邮箱

地址:Location

属性类型备注NameString名称AddressString地址

学员:Trainee

属性类型备注NameString姓名AddressString住址EmailAddressString邮箱

课程培训活动:Training Event

属性类型备注StartDateDate and time开始时间EndDateDate 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.关系型数据模型

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3