Платформа 3V/Формы: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 1: Строка 1:
−
<div class="toccolours" style="width:600px; background:#FFFFFF;">
+
 
 +
<div class="toccolours mw-collapsible" style="width:600px; background:#FFFFFF;">
 
<div style="color:#CC2200">[[Платформа_3V/Формы/Как_создать_форму%3F|<font style="color: #CC2200">Как создать форму?</font>]]</div>
 
<div style="color:#CC2200">[[Платформа_3V/Формы/Как_создать_форму%3F|<font style="color: #CC2200">Как создать форму?</font>]]</div>
−
<div class="mw-collapsible-content">
+
<div class="mw-collapsible-content">
 +
 
 +
<div class="mw-collapsible mw-collapsed" style="width:600px;">
 +
*Карточка объекта (создание и редактирование объекта)
 +
<div class="mw-collapsible-content">
 +
 
 +
#<div style="color:#CC2200">Сохранение (Кнопка 'Сохранить')</div>
 +
#<div style="color:#CC2200">Контроли/проверки при сохранении</div>
 +
#<div style="color:#CC2200">Вывод отчетов в карточку</div>
 +
#<div style="color:#CC2200">Файловые ресурсы (вложения)</div>
 +
#<div style="color:#CC2200">Согласование</div>
 +
#<div style="color:#CC2200">Расчеты в рамках карточки (с помощью методик и действий карточки)</div>
 +
#<div style="color:#CC2200">Выполнение апи-функций</div>
 +
#<div style="color:#CC2200">Печатная форма в карточке объекта</div>
 +
#<div style="color:#CC2200">Связанные отчеты (перестроение отчета/источника от выбранной строки другого отчета)</div>
 +
#<div style="color:#CC2200">Права доступа к элементам управления</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
<div class="toccolours mw-collapsible mw-collapsed" style="width:600px; background:#FFFFFF;">
 
−
<div style="color:#CC2200">Серверная (функциональная) часть </div>
 
−
<div class="mw-collapsible-content">
 
  
 
<div class="mw-collapsible mw-collapsed" style="width:600px;">
 
<div class="mw-collapsible mw-collapsed" style="width:600px;">
−
*Элементы управления
+
*Реестр объектов
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
  
−
#<div style="color:#CC2200">Текстовое поле</div>
+
#<div style="color:#CC2200">Фильтрация по выпадающему списку</div>
−
#<div style="color:#CC2200">Целочисленное поле</div>
+
#<div style="color:#CC2200">Фильтрация по текстовому полю</div>
−
#<div style="color:#CC2200">Дробное поле</div>
+
#<div style="color:#CC2200">Фильтрация по чекбоксу</div>
−
#<div style="color:#CC2200">Таблица</div>
+
#<div style="color:#CC2200">Кнопка 'Применить фильтрацию'/'Найти'</div>
−
#<div style="color:#CC2200">Кнопка сохранения</div>
+
#<div style="color:#CC2200">Кнопка 'Cброс отметки'</div>
 +
#<div style="color:#CC2200">Открытие карточки объекта (Кнопка 'Добавить')</div>
 +
#<div style="color:#CC2200">Выгрузка в Excel</div>
 +
#<div style="color:#CC2200">Печатная форма из реестра</div>
 +
#<div style="color:#CC2200">Выбрать колонки реестра (Кнопка 'Скрыть колонки')</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
<div class="mw-collapsible mw-collapsed" style="width:600px;">
 
<div class="mw-collapsible mw-collapsed" style="width:600px;">
−
*[[Платформа_3V/Формы/Источники_данных|<font style="color: #0645AD">Источники данных</font>]]
+
*Дашборд (диаграммы)
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
  
−
#[[Платформа_3V/Формы/Источники_данных/Справочник|<font style="color: #0645AD">Справочник</font>]]
+
#<div style="color:#CC2200">Гистограмма</div>
−
#[[Платформа_3V/Формы/Источники_данных/Отчет|<font style="color: #0645AD">Отчет</font>]]
+
#<div style="color:#CC2200">Линейный график</div>
−
#[[Платформа_3V/Формы/Источники_данных/Показатель|<font style="color: #0645AD">Показатель</font>]]
+
#<div style="color:#CC2200">Круговая диаграмма</div>
−
#[[Платформа_3V/Формы/Источники_данных/Согласование|<font style="color: #0645AD">Согласование</font>]]
+
#<div style="color:#CC2200">Смешанная диаграмма</div>
−
#[[Платформа_3V/Формы/Источники_данных/Представление_справочника|<font style="color: #CC2200">Представление справочника (уст.)</font>]]
+
#<div style="color:#CC2200">Карта</div>
−
#[[Платформа_3V/Формы/Источники_данных/Json|<font style="color: #0645AD">JSON</font>]]
+
#<div style="color:#CC2200">Диаграмма Ганта</div>
 +
</div>
 
</div>
 
</div>
−
</div></div>
 
 
</div>
 
</div>
 +
</div>
 +
 +
<div class="toccolours mw-collapsible" style="width:600px; background:#FFFFFF;">
 +
<div style="color:#CC2200">Технический блок</div>
 +
<div class="mw-collapsible-content">
  
−
<div class="toccolours mw-collapsible mw-collapsed" style="width:600px; background:#FFFFFF;">
+
<div class="mw-collapsible mw-collapsed" style="width:600px;">
−
<div style="color:#CC2200">Клиентская часть</div>
+
*Серверная (функциональная) часть
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
  
−
<div class="mw-collapsible mw-collapsed" style="width:600px;">
+
<div class="mw-collapsible mw-collapsed" style="width:600px;color: #CC2200">
−
*Элементы управления
+
1.  Элементы управления
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
  
−
#<div style="color:#CC2200">Текстовое поле</div>
+
  <div style="color:#CC2200"> Текстовое поле</div>
−
#<div style="color:#CC2200">Целочисленное поле</div>
+
  <div style="color:#CC2200"> Целочисленное поле</div>
−
#<div style="color:#CC2200">Дробное поле</div>
+
  <div style="color:#CC2200"> Дробное поле</div>
−
#<div style="color:#CC2200">Таблица</div>
+
  <div style="color:#CC2200"> Таблица</div>
−
#<div style="color:#CC2200">Кнопка сохранения</div>
+
  <div style="color:#CC2200"> Кнопка сохранения</div>
 +
  </div>
 +
</div>
 +
 
 +
<div class="mw-collapsible mw-collapsed" style="width:600px>
 +
[[Платформа_3V/Формы/Источники_данных|<font style="color: #0645AD">2.  Источники данных</font>]]
 +
<div class="mw-collapsible-content">
 +
 
 +
[[Платформа_3V/Формы/Источники_данных/Справочник|<font style="color: #0645AD">Справочник</font>]]
 +
[[Платформа_3V/Формы/Источники_данных/Отчет|<font style="color: #0645AD">Отчет</font>]]
 +
[[Платформа_3V/Формы/Источники_данных/Показатель|<font style="color: #0645AD">Показатель</font>]]
 +
[[Платформа_3V/Формы/Источники_данных/Согласование|<font style="color: #0645AD">Согласование</font>]]
 +
[[Платформа_3V/Формы/Источники_данных/Представление_справочника|<font style="color: #CC2200">Представление справочника (уст.)</font>]]
 +
[[Платформа_3V/Формы/Источники_данных/Json|<font style="color: #0645AD">JSON</font>]]
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
<div class="mw-collapsible mw-collapsed" style="width:600px;">
 
<div class="mw-collapsible mw-collapsed" style="width:600px;">
−
*[[Платформа_3V/Формы/Источники_данных|<font style="color: #0645AD">Источники данных</font>]]
+
*Клиентская (визуальная) часть
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
−
 
−
#[[Платформа_3V/Формы/Источники_данных/Справочник|<font style="color: #0645AD">Справочник</font>]]
 
−
#[[Платформа_3V/Формы/Источники_данных/Отчет|<font style="color: #0645AD">Отчет</font>]]
 
−
#[[Платформа_3V/Формы/Источники_данных/Показатель|<font style="color: #0645AD">Показатель</font>]]
 
−
#[[Платформа_3V/Формы/Источники_данных/Согласование|<font style="color: #0645AD">Согласование</font>]]
 
−
#[[Платформа_3V/Формы/Источники_данных/Представление_справочника|<font style="color: #CC2200">Представление справочника (уст.)</font>]]
 
−
#[[Платформа_3V/Формы/Источники_данных/Json|<font style="color: #0645AD">JSON</font>]]
 
 
</div>
 
</div>
−
</div></div>
 
 
</div>
 
</div>
−
________________________________________________________________________________________________________________________
+
</div>
 +
</div>
 +
</div>
 +
_____________________________________________________________
  
 
Форма - это совокупность графических элементов интерфейса, обеспечивающих взаимодействие с пользователем и определяющих правила заполнения и отображения информации.
 
Форма - это совокупность графических элементов интерфейса, обеспечивающих взаимодействие с пользователем и определяющих правила заполнения и отображения информации.

Версия 19:06, 6 июня 2021

  • Карточка объекта (создание и редактирование объекта)
  1. Сохранение (Кнопка 'Сохранить')
  2. Контроли/проверки при сохранении
  3. Вывод отчетов в карточку
  4. Файловые ресурсы (вложения)
  5. Согласование
  6. Расчеты в рамках карточки (с помощью методик и действий карточки)
  7. Выполнение апи-функций
  8. Печатная форма в карточке объекта
  9. Связанные отчеты (перестроение отчета/источника от выбранной строки другого отчета)
  10. Права доступа к элементам управления
  • Реестр объектов
  1. Фильтрация по выпадающему списку
  2. Фильтрация по текстовому полю
  3. Фильтрация по чекбоксу
  4. Кнопка 'Применить фильтрацию'/'Найти'
  5. Кнопка 'Cброс отметки'
  6. Открытие карточки объекта (Кнопка 'Добавить')
  7. Выгрузка в Excel
  8. Печатная форма из реестра
  9. Выбрать колонки реестра (Кнопка 'Скрыть колонки')
  • Дашборд (диаграммы)
  1. Гистограмма
  2. Линейный график
  3. Круговая диаграмма
  4. Смешанная диаграмма
  5. Карта
  6. Диаграмма Ганта
Технический блок
  • Серверная (функциональная) часть

1. Элементы управления

Текстовое поле
Целочисленное поле
Дробное поле
Таблица
Кнопка сохранения

2. Источники данных

Справочник Отчет Показатель Согласование Представление справочника (уст.) JSON

  • Клиентская (визуальная) часть

_____________________________________________________________

Форма - это совокупность графических элементов интерфейса, обеспечивающих взаимодействие с пользователем и определяющих правила заполнения и отображения информации.

Форма состоит из:

- Клиентской части;

- Функциональной часть (серверная).


клиент. иконка.jpg

Клиентская часть формы

Клиентская часть формы представляет из себя набор визуальных элементов управления на стороне web-клиента и отвечает за создание и настройку визуального представления. Отвечает за отображение информации (расположение полей, типы отображаемых элементов управления и прочие визуальные компоненты)


серверная карточка. иконка.jpg

Серверная или функциональная часть формы

Серверная часть формы представляет из себя набор инструментов, обеспечивающих взаимодействие клиентской части с серверной. Включает в себя описание используемых источников данных, определяет правила заполнения и отображения информации формы, действия происходящие в форме и прочую функциональную логику формы.


Взаимодействие клиентской и серверной частей

Взаимодействие осуществляется за счёт:

- привязки клиентской части к серверной;

- привязки визуальных элементов управления (клиентских) к элементам управления (серверным).

Схема взаимодействия приведена на рисунке ниже

Forms.Main.png















________________________________________________________________________________________________________________________

Источник — https://wiki.3v-group.net/index.php?title=Платформа_3V/Формы&oldid=2507