Kako najlakse napraviti ovo

1

Kako najlakse napraviti ovo

offline
  • Pridružio: 04 Avg 2008
  • Poruke: 505

Ahoy dobri narode.Pravim neku sopstvenu biblioteku odgledanih filmove,pre svega radi vezbe (html,css.js) a takodje radi organizacije i lakseg pregleda istih.

UI izgleda ovako (dizajn sa dribble-a)



Vecinu stvari sam iskodirao,koristio sam Bootstrap-ov Admin Template.

Sad me zanima kako najlakse napraviti sistem za ubacivanje itema.
Znaci da recimo imam plus ikonicu i kad kliknem na istu da se otvori pop-up gde ukucam ime filma,kategoriju i okacim poster i nakon pritiska add da film ide u biblioteku sa ostalim filmovima.

Nesto poput CMS-a stim sto bih izbegao ukoliko je moguce PHP i ostale jezike.Da li je tako nesto moguce uraditi u javasriptu,da li ima neki plugin za to?
Html/Css znam solidno,Js sam tek poceo da ucim,pa sam ovde zapeo.



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Moguće je, samo će ti naravno trebati neki jezik na strani servera (PHP, recimo) i baza podataka (npr. MySQL) da te podatke sačuvaš Smile

Nego kod kog si ti dela tačno zapeo? Možeš da napraviš prazan kvadrat veličine ovih omota filmova i da u centru stoji ikonica plusa (klasa glyphicon glyphicon-plus), a ispod tekst Dodaj film.

Što se tiče dijaloga možeš da koristiš neku biblioteku, recimo material-dialogs. Bootstrap takođe ima i svoju komponentu modal.



offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14809
  • Gde živiš: Niš

A i ne mora baza. Mogao bi recimo da sve to čuvaš u jednom lokalnom excel fajlu, i da iz njega čitaš sve što treba, a po završetku upisa obaviš čuvanjeu taj fajl. Time bi izbegao pokretanje bilo kakvog servera ili slično. Nije baš nativni prilaz, ali je moguće.

Takođe, ako želiš isključivo JS, imaš Node.JS, pa pogledaj malo šta je to i kako se uklapa u tvoju priču.

offline
  • Pridružio: 04 Avg 2008
  • Poruke: 505

Mozda sam se pogresno izrazio kad sam rekao "zapeo".
Dobro se snalazim sa html,css i bootstrapom,to nije problem 90% stvari je zavrseno,medjutim kada sve bude gotovo moracu svaki put kada zelim da dodam novi film da sve rucno dodajem u html-u i text editoru.
Pa sam mislio da bi bilo dobro napraviti neki najjednostavini sistem za ubacivanje.
Nije mi problem taj modal.Imam u glavi sve kako to treba da izgleda ali mi to pozadinsko programiranje pravi problem.
Ucim front-end bez zelje da ikako predjem na backend pa mi je problem kad mi za sitnicu zatreba isti.
Nadao sam se nekom pluginu,skripti ili necem slicnom.
Btw. Sajt mozda ni nece biti okacen online vec cu isti drzati localno sa izbacenom index.html ikonicom na desktop.

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

@vasa.93, naravno, a može da koristi i neku lokalnu bazu podataka poput SQLite ili da podatke smešta u npr. CSV ili Excel fajl što ti kažeš.

https://github.com/nuovo/spreadsheet-reader

A svakako mora da pokrene web server jer je JavaScript (u pregledaču) sandboxed pa nema pristup fajlsistemu Smile

Sale2008 ::Btw. Sajt mozda ni nece biti okacen online vec cu isti drzati localno sa izbacenom index.html ikonicom na desktop.
To neće da može (ako planiraš da čuvaš podatke) iz gore navedenog razloga. Ali možeš da imaš skriptu na desktopu koja će pokrenuti PHP-ov ugrađeni web server u posebnom direktorijumu (u koji možeš da smestiš taj fajl kao index.php) i otvoriti pregledač sa tom stranicom.

php -S localhost:8000 -t ime_direktorijuma/   # ako je port zauzet možeš izabrati drugi start chrome https://localhost:8000

E sad, problem je što ti nemaš iskustva sa back-end razvojem i sve što ti mi ovde damo će biti samo trenutno rešenje; CMS-ovi opet koriste neke svoje strukture i čak i da postoji neki gde možeš samo da tresneš ovo što si napravio opet ćeš morati da čačkaš oko back-enda.

Najbolje je da ti kreneš sad sa učenjem tog dela. Izaberi jezik i cepaj.

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14809
  • Gde živiš: Niš

E.L.I.T.E. ::A svakako mora da pokrene web server jer je JavaScript (u pregledaču) sandboxed pa nema pristup fajlsistemu SmileMjok. Istina, JS nema out of the box pristup fs-u, ali postoji način da se učita fajl sa fs-a, da se radi nešto sa njegovim sadržajem, a zatim da se njegov izmenjen/dopunjen sadržaj praktično download-uje kao novi fajl. Rekoh, nije baš nativan način upotrebe, čak je i pomalo divlji način upotrebe, ali to mu upravo i treba ako bi po svaku cenu da izbegne servere i server side programiranje.

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

Da, preko File API-a, ali to je preterano cimanje jer moraš stalno da menjaš putanju za preuzete fajlove (ako hoćeš da preuzimanje ide automatski) ili da za svaki film potvrđuješ dijalog Very Happy

A osim toga, podrška uopšte nije bajna:



Al' svakako ako se odlučiš na tu ideju:
https://developer.mozilla.org/en-US/docs/Web/API/File
https://github.com/SheetJS/js-xlsx

Pa nam javi šta je ispalo Mr. Green

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14809
  • Gde živiš: Niš

Ma ima i drugih načina. Mr. Green Postoji recimo exceljs biblioteka za čitanje/edit xlsx fajlova, a mislim da imaju i upis. Ako nema upis, postoji saveAs bibloteka i to je to. Pročita se fajl (praktično se kreira workbook objekat) popuni se stranica dinamički na osnovu pročitanih podataka, a ako se vrši dopuna, ona se vrši nad samim workbook objektom koji kasnije može da se konvertuje u strim ili niz bajtova koji pomoću saveAs može da se sačuva umesto već postojećeg xlsx fajla i to je u suštini to. Kao što rekoh, nije baš neki nativni način upotrebe, ali moglo bi sigurno da se sklepa nešto. Smile

offline
  • Pridružio: 04 Avg 2008
  • Poruke: 505

Ehh,sve mi se cini da ce raditi copy/paste u tekstualnom editoru Very Happy
Mislio sam da postoji lakse resenje,ali vidim da to nije tako jednostavno.Za sada svo vreme posvecujem za ucenje front-enda pa mi se ne ulazi u backend vode samo zbog ove sitnice,narocito jer me backend ne privlaci.

Odvojio sam jedan thumb u html-u i isti oznacio komentarima,pa cu svaki put copy/paste i izmena informacija barem dok se ne upoznam sa node.js
Hvala na odgovorima Smile

offline
  • Més que un club
  • Glavni vokal @ Harpun
  • Pridružio: 27 Feb 2009
  • Poruke: 3898
  • Gde živiš: Novi Sad,Klisa

Mislim da bi mogao tako nesto da odradis uz pomoc serverless aplikacije. Da kacis podatke na firebase i da ih dovlacis odatle. Za to bi doduse, trebao da koristis angular framework. Tako da je to cist front-end, nemas back-enda , samo eto moras da se povezes na bazu na kojoj bi cuvao podatke.

Jel ti to zvuci okej? Very Happy

Ko je trenutno na forumu
 

Ukupno su 716 korisnika na forumu :: 20 registrovanih, 4 sakrivenih i 692 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Andrija357, babaroga, Bane san, Ben Roj, Boris BM, Boris90, Dannyboy2, Dukelander, FileFinder, Futog 74, krkalon, Kruger, ladro, Mi lao shu, milutin134, shaja1, stagezin, Trpe Grozni, W123, 79693