Nástroje používateľa

Nástoje správy stránok


dev:omega:js:js-php:start

Toto je staršia verzia dokumentu!


Javascript/PHP Komunikácia

Tvorba html stránky

Pre správne fungovanie html verzie je nutná správna tvorba .tpl súboru danej stránky. Pretože OMEGA, má svoj vlastný systém generovania a publikovania html stránok je nutné ako prvé správne vytvorenie tpl, z ktorého sa daná html stránka následne ponúkne prehliadaču.

Ako prvé je nutné mať doplnený smarty plugin (adresár smarty_plugins) function.mergeFiles.php o funkciu importParseYaml nachádza sa napr. vo vetve duch/merge7.
Táto funkcia má nastarosti korektné načítanie dát z Yaml súboru a ich vloženie v správnom tvare do daného tpl súboru.

Do tpl súboru sa je nutné načítanie js a css určitým spôsobom a to následovne

{mergeFiles
	type="css"
	assign="tmpCssFileName"
	outputDir="`$app->public_dir`web"
	expireDays=10
	files=""
	yaml_file="testss/testss.yaml"
}
 
{mergeFiles
	type="js"
	assign="tmpJsFileName"
	outputDir="`$app->public_dir`web"
	expireDays=10
	files=""
	yaml_file="testss/testss.yaml"
}

Predtým je nutné vytvoriť v adresári modulu, adresár form_data a sem nahrať yaml súbor, ktorý je uvedený v yaml_file položke.
Yaml súbor obsahuje následovný tvar

css:
- main.css
- jquery-ui.min.css
- jquery-ui.structure.css
- jquery-ui.theme.css
- html/tabs/css/class_tab.css
- html/window/css/class_window.css
- html/calendar/css/calendar.css
- html/calendar/css/datapicker.css
- html/context_menu/css/class_contextMenu.css
- html/tree/css/class_tree.css
- html/gantt_planner/css/class_gantt_planner.css
- jsSmartSearch/ssearch.css

js:
- terminal.x/jquery-1.10.2.js
- terminal.x/jquery-ui.js
- function.js
- sha3.js
- md5.js
- comm_class.js
- html/includer/js/class_includer.js
- html/calendar/js/calendar_class.js
- html/calendar/js/calendar_function.js
- html/window/js/class_window.js
- html/tabs/js/class_tab.js
- html/tree/js/class_tree.js
- html/context_menu/js/class_contextMenu.js
- html/gantt_planner/js/class_gantt_planner.js
- js_smartSearch.js

module_js:
- testss.js

module_css:
- testss.css

<color red>Dôležité<color> je dodržanie poradia jednotlivých súborov tak ja uvedenenie css a module_css. Ako prvé sa zadáva skupina css a js toto sú css a js súbory uložené v hlavnej adresárovej štruktúre omegy a budú nahraté ako prvé, pozor dodržanie poradia jednotlivých súborov. Následne sa zadávajú module_css a module_js, toto sú už súbory v adresári modulu.

Cesta pre js a css je realtívna voči \css\ a \js\, pre modul sa zadávajú už len názvy súbor, samozrejme plati ak je podadresár v css tak je ho nutné uviesť do danej cesty.

Komunikácia medzi JavaScriptom a PHP API v Omege je zabezpečená triedou

comm_class.js v adresari ./js a commJs.class.php v adresari ./include

Pre správne fungovanie je nutné mať taktiež kompletné verzie jquery a jquery-ui.

Nadviazanie Async spojenia s PHP

dev/omega/js/js-php/start.1484032543.txt.gz · Posledná úprava: 2017/01/10 08:15 od Boris Duchaj