Mendix, программная платформа с низким кодом. Если вы хотите создать приложение и не хотите писать для него код, то Mendix для вас. Это платформа приложений как услуга. Он позволяет любому разработать приложение, даже без строчки кода. Проработав это, я обнаружил, что в Mendix есть очень хороший набор документации и руководств. Здесь я вкратце расскажу о Mendix и расскажу, как создать с его помощью очень простое приложение.
Почему Мендикс?
Это позволяет совместную разработку. То есть разработчики, бизнес-аналитики и менеджеры проектов могут легко совместно разработать приложение. Возможность визуальной разработки позволяет бизнес-разработчикам и профессиональным разработчикам работать вместе, легко понимая логику и функции с помощью наглядных пособий. Есть два отдельных инструмента, а именно: веб-моделлер и настольный моделлер. Особенностью Mendix является среда WYGIWYS, которая помогает легко понять приложение не только для технических участников проекта, но и для нетехнических участников проекта. Просто попробуйте и узнайте это 😉
Давайте создадим простое приложение!
Сначала вам нужно создать для вас учетную запись в Mendix. После создания учетной записи mendix вы можете перейти в свой профиль.
Там, когда вы нажмете на «Создать приложение», вы попадете на страницу с несколькими шаблонами, которые мы можем использовать. По вашему выбору выберите один шаблон. Здесь я выберу шаблон «Пустое приложение».
После создания приложения вы увидите следующее. Здесь, поскольку я уже установил Mendix Desktop Modeler, он показывает мне оба варианта редактирования моего нового приложения.
А здесь я показал еще одну вещь - членов команды. Вы можете добавлять других участников в свои проекты, чтобы все вы могли совместно работать в одном приложении.
После того, как я выберу «Редактировать в Web Modeler», вам будет показана новая страница, на которой мы создаем наше приложение. (Desktop Modeler имеет больше функций и сложных вещей. Но в качестве отправной точки мы выберем Web Modeler)
У нас есть эта домашняя страница из-за шаблона, который мы использовали для создания приложения на раннем этапе.
Давайте создадим приложение со следующими функциями.
- Добавить нового сотрудника
- Удалить существующего сотрудника
- Список всех существующих сотрудников
Очень простое приложение, правда? 🙂
Хорошо, во-первых, что является основным объектом в этом приложении? Наемный рабочий. Итак, нам нужно создать объект для сотрудника.
Выберите вкладку «Модели домена» на панели слева. И есть каталог по умолчанию с именем «MyFirstModule» и выберите его. После того, как вы выберете это, вы увидите пустую страницу. Итак, нам нужно создать новую сущность. Следуйте приведенным ниже инструкциям, чтобы заполнить объект, указав имя (String), возраст (Integer), номер мобильного телефона (String), адрес электронной почты (String) и уровень сотрудника (Enumeration).
Перетащите значок «Новая сущность» в правой части экрана, и он запросит имя сущности.
Он покажет пустую сущность Employee, как показано ниже.
Там мы можем добавить атрибуты, нажав кнопку «Новый атрибут».
Как только мы нажмем кнопку нового атрибута, он запросит имя и тип данных атрибута. Используя это, мы можем создать атрибуты имени, возраста, адреса электронной почты и мобильного телефона для сущности сотрудника.
Для перечисления мы должны выбрать тип данных Enumeration. И установите имя перечисления, а затем добавьте члены перечисления. Здесь я использую Младший, Старший и Посредник.
Ниже представлена заполненная сущность сотрудника.
Теперь у нас есть сущность, и мы должны решить, какие страницы нам нужны в нашем приложении. Как мы видим, по умолчанию есть домашняя страница. У нас будет несколько страниц для
- Просмотр сотрудников (с кнопкой удаления для каждого сотрудника)
- Добавить сотрудника
- Просмотр сведений о сотруднике
На панели навигации щелкните вкладку страницы. И вы увидите, что есть только одна страница, Home.
В этом случае нажмите на кнопку «Новая», и вам будет предложено ввести сведения о новой странице. Мы даем заголовок, шаблон для этой страницы. Поскольку мне нужно показать список сотрудников, я выберу Списки - ›Шаблон списка по умолчанию и нажмите« Создать ».
Мы создаем страницу, и она покажет вам страницу ниже. Он показывает, как мы видим страницу при наличии данных. Когда мы нажимаем на список, справа от вас появляется меню. Таким образом, мы можем настроить детали списка там. Поскольку мы собираемся использовать для этого базу данных и хотим сохранить новых добавленных сотрудников в базу данных, а затем просмотреть их, мы можем выбрать Источник данных - ›База данных. (Здесь создается встроенная база данных HSQL. В настольном моделере мы можем изменить базу данных по своему усмотрению)
Затем нам нужно выбрать объект, который мы просматриваем. Поскольку у нас пока только одна сущность, мы можем выбрать сущность «Сотрудник». (Игнорируйте объект Account, который он уже показывает).
После выбора объекта, который мы хотим загрузить, в этом списке я хочу показать имя сотрудника в том месте, где мы видим «Должность», адрес электронной почты, где мы видим «Подробный текст» и номер телефона внизу. Для этого щелкните текст заголовка, и справа мы должны указать текст, который мы хотим там. На панели «Содержание» есть значок «Добавить параметр».
При нажатии на этот знак откроется экран, показанный ниже. Когда мы устанавливаем сущность на «Сотрудник», она показывает атрибуты сущности. Поскольку нам нужно имя вместо Заголовка, мы выбираем Атрибут имени. И другие атрибуты точно так же.
После изменения списка он будет выглядеть, как показано ниже.
По умолчанию он дает нам две кнопки: «Добавить» и «Подробности». Мы можем использовать кнопку «Добавить» для перехода на страницу добавления нового сотрудника. Там мы должны указать детали кнопки Добавить после нажатия на нее. Укажите свойства кнопки «Добавить», как указано ниже. И когда вы добавляете страницу для навигации, вам нужно создать новую страницу.
Таким же образом, как мы создали страницу со списком сотрудников, мы затем создаем страницу добавления нового сотрудника. Не забудьте выбрать шаблон «Вертикальная форма» из «Форм». Это дает нам форму по умолчанию.
Теперь, когда мы переходим на страницу «Добавить нового сотрудника», мы можем настроить ее свойства так же, как мы это делали для страницы со списком. Установите сущность формы на «Сотрудник». И для каждого поля формы мы должны установить соответствующий атрибут в сущности Employee. Здесь не устанавливайте значение атрибута level. Затем мы должны указать способ сохранения этой формы. А вот и микропоток. Так что нажмите кнопку «Сохранить», а затем выберите «Микропоток» в «Щелкнуть по действию».
В Mendix Микропоток - это способ создания логики. Затем мы должны создать для этого новый микропоток. После того, как вы дадите название микропотоку, вы увидите что-то вроде этого.
Здесь мы должны сохранить наш объект Employee в базе данных. Таким образом, зеленый кружок показывает нам вход в микропоток, а красный кружок показывает возвращаемое значение. Между этими двумя у нас может быть логика, которую мы хотим применить. Здесь мы должны перетащить несколько компонентов из панели инструментов с правой стороны. Сначала мы должны создать новый объект Employee, используя значения, которые он получает из формы.
На вкладке Начальные значения справа создайте установщики для установки атрибутов объекта сотрудника. Поскольку мы не устанавливаем никакого значения для атрибута level в форме, здесь мы можем установить level как Junior в качестве константы. (То есть для каждого нового сотрудника, которого мы экономим, мы устанавливаем его уровень Junior). Это создаст наш сохраняемый объект Employee. Затем мы должны зафиксировать его, а затем закрыть страницу. Ниже приведен порядок действий, которому мы должны следовать. Установите объект создания объекта как «Сотрудник» и выберите вариант «Да» в раскрывающемся списке. А для закрытия страницы после сохранения используем инструмент Close Page. Хорошо, теперь мы закончили страницу добавления нового сотрудника.
Затем мы добавим функцию удаления. Для этого вернитесь на страницу со списком сотрудников. Добавим кнопку удаления. Нажмите кнопку «Удалить» и измените заголовок на «Удалить». Затем измените стиль кнопки на «Опасно». Установите «Действие по щелчку» на «Микропоток» и создайте новый микропоток с именем «delete _employee». Включите «Обновлять на клиенте», чтобы обновлять страницу сразу после удаления.
Затем, чтобы просмотреть сведения о пользователе, мы можем добавить новую страницу. (Здесь мы перемещаем пользователя со страницы списка на страницу «Просмотр подробностей».) Создайте новую страницу и установите все атрибуты, поместив новые элементы текстового поля в атрибуты сотрудника. Добавить новую кнопку для продвижения сотрудника и действия по щелчку на Microflow. (Таким образом, мы можем поставить уровень сотрудника по одному, нажав на эту кнопку)
Для кнопки продвижения создайте микропоток, как показано ниже.
Что на самом деле делает этот микропоток? Если вы помните, мы устанавливаем младший уровень сотрудника как значение по умолчанию при создании объекта. Теперь, когда кнопка нажата, мы хотим обновить уровень сотрудника. Если он младший, мы повышаем его до медиатора, а если он медиатор, мы повышаем его до старшего. После каждой акции мы показываем всплывающее окно, чтобы проинформировать пользователя о том, что произошло.
Для этого нам понадобится объект Exclusive Split. В этом случае вы можете увидеть «Значения условий» на панели свойств справа. Там мы можем добавить каждое значение, которое есть в перечислении, к проверке условия. В каждом блоке смены сотрудников нам нужно установить значение +1, так как нам нужно продвигать пользователя на единицу. Затем в блоке Показать сообщение мы информируем пользователей о том, что мы сделали.
Теперь мы создали все функции этого приложения. Теперь нам нужно добавить кнопку на главную страницу, чтобы мы могли переходить на страницу списка сотрудников с домашней страницы. Добавьте кнопку на главную страницу и установите «Действие при нажатии» на страницу и выберите страницу «Список сотрудников».
Теперь в правом верхнем углу вы можете увидеть кнопку «Опубликовать» и нажать на нее. Нажмите «Обновить», и приложение будет создано. Затем проверьте, работают ли функции в веб-браузере или на вашем телефоне.
Вы закончили создание нового простейшего приложения 😉
Этот блог создан для того, чтобы вы познакомились с Web Modeler. Но с помощью Desktop Modeler мы можем делать больше, например использовать различные типы баз данных, повышать безопасность приложения и многое другое. Попробуйте, и вам будет легко перемещаться по нему, поскольку теперь вы знакомы с Web Modeler. Попробуйте Desktop Modeler с моим следующим постом 😀
Узнайте больше на https://www.mendix.com.
Первоначально опубликовано на сайте heshanicse.wordpress.com 12 марта 2018 г.
