Címke: zend framework

Zend Framework – Céges Demo portál – Bejelentkezési űrlap XIII. rész

Mit sem ér a Regisztráció, ha nincs Bejelentkezés, értelmetlen lenne az egész hercehurca. Pár másolással pár szó felülírásával csináljuk meg a bejelentkező oldalunkat.

Másoljuk le a regisztracio.phtml fájlunkat és ugyanoda mentsük le bejelentkezes.phtml néven. A bejelentkezes.phtml-ben a regisztráció feliratot írjuk át bejelentkezésre, tegyünk ugyanígy a gombfelirattal is. Az űrlap “action” eseménye pedig legyen a következő: method="POST" action="/demo/public_html/index/process-bejelentkezes" "Zend Framework – Céges Demo portál – Bejelentkezési űrlap XIII. rész" Tovább olvasása

Zend Framework – Céges Demo portál – Regisztráció – Űrlapfeldolgozás XII. rész

Kész van, a regisztrációs űrlap, van adatbázis, meg adatbázis-kapcsolat, adatfeldolgozás, most már a regisztráció maga hiányzik csak. Regisztrációs űrlapunkat a index/process-regisztracio vezérlő/eseménypárunk dolgozza fel. Hozzunk létre IndexControllerünk processRegisztracioAction() eseményét:

public function processRegisztracioAction()
{
}

A kapcsolati űrlap feldolgozásához hasonlóan, szedjük ki a $_POST[] tömbből az adatokat. Kiszedjük a felhasználó e-mail címét, a beütött Captcha kódot, ahogy ezt korábban is tettük:

$entered_captcha = Zend_Filter::get($this->getRequest()->getPost('entered_coded'), 'StripTags');
$r_email = Zend_Filter::get($this->getRequest()->getPost('r_email'), 'StripTags');

A jelszó beviteli mezőnél speciális szűrőket, Zend Framework szűrőket használunk, amellyel kiszűrjük a rosszindulatú felhasználók által begépelt html és egyéb kódokat, amellyel portálunk feltörését gátoljuk meg valamilyen szinten: “Zend Framework – Céges Demo portál – Regisztráció – Űrlapfeldolgozás XII. rész” Tovább olvasása

Zend Framework – Céges Demo portál – Zend Framework működésre fogása III. rész

Korábban elkészítettük a

  • .htaccess,
  • config.ini fájlt,
  • BaseControllert,
  • IndexControllert két eseménnyel,
  • a hozzátartozó nézetekkel.

Azonban még nem látunk semmit. A config.ini fájlban megadtuk a layoutok helyét, ezek a layoutok szolgálnak az elrendezés kialakítására, amelyekkel többfelé lehet szedni a végső képet.

Az index.php fájlban megadtuk anno, hogy melyik layout legyen az alap értelmezett:

Zend_Layout::startMvc(array('layoutPath' => Globals::getConfig()->dirs->layouts, 'layout' => 'Main' )); // layout beállítása

Mint látható ez nálunk a Main. A Zend MVCban láthatjuk, hogy a /demo/application/views/layouts/ könyvtár helyét:

“Zend Framework – Céges Demo portál – Zend Framework működésre fogása III. rész” Tovább olvasása

Zend Framework – Céges Demo portál – Zend Framework működésre fogása I. rész

Ebben a fejezetben, végre működésre bírjuk a Zend Frameworkös demo alkalmazásunkat. Ehhez el kell készítenünk egy .htaccess fájlt. Hozzáadok a projekthez egy javascriptes menüt amivel izlésesebben lehet majd megjeleníteni a menü linkjeit. Elkészítjük a vezérlőket(Controller) és a hozzá tartozó nézeteket(views). A projektünkhöz adjuk a css fájlunkat amely a kinézetért felelős. Kulcsszavakat adunk a tartalomhoz illetve beállítjuk az oldal karakterkódolását is. Az előző fejezetekben elkészítettük az MVC kódolást segítő projekt felépítést is már:

Zend Framework Céges Demo Portál - MVC
Zend Framework Céges Demo Portál - MVC

Most az index.php fájl mellé adjuk hozzá a .htaccess fájlunkat a következő tartalommal:

.htaccess tartalma: “Zend Framework – Céges Demo portál – Zend Framework működésre fogása I. rész” Tovább olvasása

Zend Framework – Céges Demo portál – CSS

Manapság a portálok kinézetéért nagyrészt a CSS fájlok illetve azok tartalma a felelős, ha gyorsan kell számunkra egy alap CSS fájl amiben az alapkinézet megvan, nem nekünk kell rájönnünk s kitalálunk kipróbálnunk, hogyan is lehet megoldani az elrendezést. Manapság sok ingyenes template CSS létezik ami kiindulásnak tökéletes lehet számunkra.

A weben böngészve találhatunk többféle előre legyártott css templatet a http://www.arth2o.hu/css/oldal ezek egyike. Amelyik template közel áll elképzelésünkhöz, érdemes azt letöltenünk s a továbbiakban azzal dolgoznunk. Saját magunk is megszerkeszthetjük de lévén, hogy ez a cikk sorozat a Zend Frameworkről szól ezzel nem fogunk sokat foglalkozni, ugyanis a egy jó design kifejlesztéshez grafikus szükséges “Zend Framework – Céges Demo portál – CSS” Tovább olvasása

Zend Framework – Céges Demo portál – MVC kialakítása

Alakítsuk ki ZF MVC felépítését meghatározó könyvtárszerkezetet a következőképpen.

A saját gépünkre feltelepített XAMPP, WAMP szervernek a gyökérkönyvtárában (WAMP szerver esetén ez az alapértelmezett www könyvtár) hozzunk létre egy új könyvtárat demo néven, tulajdonképpen ez lesz az új projektünk.

Zend Framework webalkalmazás file struktúra
Zend Framework MVC - File Struktúra

Építsük fel a fenti képen látható könyvtár struktúrát. Projektünk neve demo ebben helyet kap alkalmazásunk(application), a lib könyvtár, valamint a public könyvtár.

application könyvtár:

  • controllers: ebben a könyvtárban tároljuk majd a vezérlőket
  • models: itt foglalnak majd helyet az adatbázis illetve az egyéb bonyolultabb műveleteket végző algoritmusaink is
  • views:két részre bontható
    1. layouts: különböző nézetek létrehozására alkalmas
    2. scripts: itt jelennek meg a vezérlők illetve modelsek alapján legenerált adatok, amelyeket a nézetek segítségével tudunk megjeleníteni felhasználó barát környezetben.

lib könyvtár:

  • itt található a Zend könyvtár melyben majd a ZF elemeit fogjuk tárolni.

public könyvtár:

  • css: css fájlt, fájlokat tartalmazó könyvtárunk
  • js: js fájlt, fájlokat, frameworköket tartalmazó könyvtárunk
  • image: opcionális, képek tárolására alkalmas könyvtár

Ezzel a pár apró lépéssel elkészítettük, webes alkalmazásunk felépítését, melyet a következőkben nagyon jól tudunk majd hasznosítani. A ZF MVC igazán az application könyvtárban mutatkozik meg számunkra a legszembetűnőbben.

A css, js, image könyvtárak létrehozása nem feltétel, azonban előrelátóan jó ha ezek a fájlok külön vannak szervezve a késöbbi átláthatóság szempontjából.