¶ Страницы
Модуль Страницы платформы Platon используется для создания или создания страниц запланированной веб-страницы. Эту страницу можно настроить в соответствии с требованиями пользователя.
Видеоурок по страницам:
Вы можете ознакомиться с письменным руководством к знакомому вам видеоуроку Pages.
¶ Создать страницу
Чтобы создать страницу, перейдите в раздел таблицы навигационной панели платформы Platon. На этой открытой странице отображается список ранее открытых страниц на платформе Platon.
Нажмите кнопку внизу этой страницы, и откроется следующее окно форма:
Это окно состоит из следующих полей:
- name: имя страницы (также используется как URL-адрес для открытия страницы);
pageName
- data_source: данные, отображаемые на странице, определяются тем, какой инструмент («sql, platon_api») используется для получения информации из базы данных.
Когда в списке data_source выбран элементsql, появляется следующее окно:
Когда выбран элементplaton_apiв data_source select, появляется следующее окно:
- state:используется для указания статуса страницы (активная, скрытая и заархивированная);
- note: Функция note предназначено записать сделанный вами комментарий или заметку.
- title 1,2,3,4: название страницы (1-узбекское на основе кириллицы, 2-русское, 3-узбекское на основе латиницы, 4-английское);
- is_public: когда этот переключатель установлен, неаутентифицированные пользователи Интернета смогут видеть создаваемую страницу;
- vue_editor: когда этот переключатель включен, откроется следующее поле vue_code, которое объединяет коды
html, cssиjs:
- sql: это поле предназначено для написания Sql-запросов;
Пример:
[{
"alias": "name",
"sql_result_type": "list",
"sql": "select * from table_name"
}
]
- content - В этом поле записываются HTML-компоненты;
Пример:
<div>
<p v-for="item in data">
{{item.name1}}
</p>
</div>
- js - это поле предназначено для написания Javascript-кодов;
Пример:
{
data(){
return { data: [] }
},
mounted() {
this.$api.get('test/test_endpint').then(res => {
this.data = res.data.data;
});
}
}
- css -это поле предназначено для написания CSS-кодов;
Пример:
class_name {
height: 100%;
line-height: 1;
background: #fafafa;
font-size: 14px;
color: red;
font-weight: 500;
font-family: Montserrat;
}