PHP-and-MySQL/C4/Display-Images-from-a-Directory/Malayalam

From Script | Spoken-Tutorial
Jump to: navigation, search
Time 'Narration
00:00 'ഡയറക്ടറിയിൽ' ഇമേജുകൾ 'എങ്ങനെ പട്ടികയിലാക്കാം എന്നറിയാൻ ഈ ചെറിയ ട്യൂട്ടോറിയലിലേക്ക് സ്വാഗതം.
00:07 ഈ ട്യൂട്ടോറിയൽ ലിസ്റ്റിംഗ് ഫയലുകളെ കൈകാര്യം ചെയ്യുന്നു. ഒരു 'echo' എന്ന ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്ന ഒരു 'html code' ഉപയോഗിച്ചു നിർദേശിക്കുക.
00:23 അന്തിമഫലം ഇതുപോലെയായി തോന്നാൻ പോകുന്നു.
00:26 ഞാൻ 8 ചിത്രങ്ങൾ സൃഷ്ടിച്ചിട്ടുണ്ട്, അവ ഒരു 'പേജ്' പട്ടികയിൽ താഴാൻ പോകുന്നു. ഇവയെല്ലാം ഇവിടെ പ്രത്യേക 'images' ആണ്.
00:33 ഞാൻ ഇപ്പോൾ എന്റെ കൺസ്ട്രക്ഷൻ ഘടന എങ്ങനെയാണ് സജ്ജീകരിച്ചിരിക്കുന്നത് എന്ന് കാണിച്ചു തരാം - ഇത് പോലെയാണ്.
00:37 ഞാൻ ഇവിടെ പ്രദർശിപ്പിക്കാൻ പോകുന്ന എന്റെ 'show dot php'ഫയൽ.
00:42 അപ്പോൾ ഞാൻ എന്റെ 'images' ഫോൾഡർ ഉണ്ട്, അവ കാണിച്ചിരിക്കുന്നതുപോലെ ഇവിടെ നൽകിയിരിക്കുന്ന ചിത്രങ്ങളുണ്ട്.
00:53 അവർ ഏത് ഫോർമാറ്റിൽ ആണെന്നത് പ്രശ്നമല്ല.
00:56 അവർ മിക്സഡ് ഫോർമാറ്റ് ആകാം, അവർ ഒരു ഫോർമാറ്റ് ആയിരിക്കാം, കൂടാതെ html വഴി പ്രദർശന അല്ലെങ്കിൽ ഇമേജ് ഫയൽ ഫോർമാറ്റ് ചെയ്യും.
01:04 അതിനാൽ, നമ്മുടെ 'show dot php'.ഇതാ.
01:06 ഇപ്പോൾ ഇത് ഇവിടെ ഉള്ളിൽ ശ്യൂന്യമായി ശൂന്യമാണ്.
01:09 തീർച്ചയായും നമുക്കത് നമ്മുടെ 'php tags' ആവശ്യമാണ്.
01:13 ഡയറക്ടറിയിൽ ഒരു വേരിയബിളിനെ സജ്ജമാക്കും.
01:20 ഞാൻ നേരത്തെ നിങ്ങൾക്ക് കാണിച്ചുതരുന്നതുപോലെ, ഇത് images' ആണ്, അവിടെ നമുക്ക് ഫോർവേഡ് സ്ലാസ് ഉണ്ടാകും.
01:24 ബാക്ക് സ്ലാഷുകൾ പോലെയുള്ള ഈ ചിഹ്നങ്ങളിൽ ജാഗ്രത പുലർത്തുക. അവ php ലെ സവിശേഷ കാരക്ടർസ് .
01:35 ഉദാഹരണത്തിന് നിങ്ങൾക്ക് 'images forward slash photos' ഉണ്ടെങ്കിൽ, ഇത് 'images-hotos' ആയി php എഴുതുന്നു, കാരണം ഈ പ്രതീകം ഇവിടെ 'p' റദ്ദാക്കുന്നു.
01:51 നിങ്ങളുടെ മുൻകൂർ സ്ലാഷ് ഉപയോഗിച്ചുവെന്ന് ഉറപ്പുവരുത്തുക, ഇവിടെ നമുക്ക് 'photos' ഇല്ല.
01:57 ശരി, അടുത്ത കാര്യം നമ്മൾ ചെയ്യേണ്ടത്open dir function ആണ്.
02:01 ഇത് അടിസ്ഥാനപരമായി ഞങ്ങൾക്ക് ഒരു ഡയറക്ടറി തുറക്കാൻ പോകുന്നു.
02:05 ഇത് ഡയറക്ടറിയിലെ ഉള്ളടക്കം ആയിരിക്കില്ല.
02:08 ഇത് ഒരു പ്രത്യേക ഡയറക്ടറി തുറക്കാൻ പോകുന്നു.
02:14 അതിനാൽ, ഇത് സൂക്ഷിക്കുന്നതിനുപകരം 'ഓപ്പൺ ഡിർ', '$ DIR' എന്നീ പുതിയ വേരിയബിളിലേക്ക് '$ open dir' എന്നത് തുല്യമായിരിക്കും. അതിനാൽ ഞങ്ങൾക്കിത് ഇവിടെ ഇതിനെ പൊരുത്തപ്പെടുന്നു.
02:27 ഇത് അടിസ്ഥാനപരമായി പൂർത്തിയായിട്ടുണ്ടോ, അത് തുറന്ന ഡയറക്ടറിയിലേക്ക് 'open dir നൽകുന്നു, അതിനാൽ നമുക്ക് പിന്നീട് ഇത് കൈകാര്യം ചെയ്യാം.
02:40 കാരണം നിങ്ങളുടെ ഡയറക്ടറി നിലവിലില്ലെങ്കിൽ, ഒരു കൂട്ടം കോഡും ഒരുപാട് പിശകുകളും നമുക്കു ലഭിക്കും.
02:47 ഇവിടെ നമ്മൾക്ക് എന്തെങ്കിലും പിശകുകൾ ഇല്ലെങ്കിൽ ഇവിടെ നമ്മൾ കോഡിനൊപ്പം നമ്മുടെ ബ്ലോക്കിലും തുടരാം.
02:56 ശരി, അടുത്ത ബിറ്റ് കൂടുതൽ സങ്കീർണമാണ്.
02:59 നമുക്ക് ഇത് വ്യാഖ്യാനിക്കാൻ ആരംഭിക്കാം.ഇത് ഡയറക്ടറി തുറക്കുന്നതാണ്.
03:03 കൂടാതെ നമ്മൾ എന്ത് ചെയ്യും, നമ്മൾ ഡയറക്ടറി വായിക്കുന്നതാണു്, അങ്ങനെ 'read dir'.
03:09 നമുക്ക് whileലൂപ്പിൽ തുടങ്ങ് എക്കോ' കോഡ് ന്റെ block ഇവിടെ ഉണ്ട് .while ലൂപ്പ് ൽ നമ്മൾ കോഡ് ക്രിയേറ് ചെയ്യും
03:23 അതിനാൽ നമ്മൾ നമ്മുടെ 'ലുപ്പിൽ' തുടങ്ങും. നമ്മൾ അതിൽ എങ്ങിനെയുണ്ടാകും, ഇവിടെ നമ്മുടെ 'ബ്ലോക്ക്' കോഡാണ് നമ്മൾ എക്സിക്യുട്ട് ചെയ്യുക.
03:32 ശരി, നമുക്കെന്താ ചെയ്യേണ്ടതെന്നത് - '$ file' ഈക്വല്സ് 'read directory'അത് ഞാൻ പരിചയപ്പെടുത്തിയിട്ടുളള ഒരു പുതിയഫങ്ക്ഷന്ന്
03:44 തീർച്ചയായും, നിങ്ങൾ ഊഹിച്ചതായിരിക്കാം, നിങ്ങൾ ഇവിടെ 'open dir' വേരിയബിൾ ടൈപ്പ് ചെയ്യണം.
03:44 തീർച്ചയായും, നിങ്ങൾ ഊഹിച്ചതായിരിക്കാം, നിങ്ങൾ ഇവിടെ 'open dir' വേരിയബിൾ ടൈപ്പ് ചെയ്യണം.
03:51 അതിനാൽ, 'ഓപ്പൺ dir ()' ഫങ്ഷൻ ഉപയോഗിച്ച് ഞങ്ങൾ ഇതിനകം തുറന്ന ഡയറക്ടറി ഇത് അടിസ്ഥാനപരമായി വായിക്കുന്നു.
03:57 അതിനാൽ, ഇവ രണ്ടും വളരെ ഉപയോഗപ്രദമായ ഫംഗ്ഷനുകളാണ്, അതിനാൽ അവ പരസ്പരം ചേർച്ചയിലാക്കാൻ കഴിയും.
04:03 വീണ്ടും വീണ്ടും നമ്മൾ ഇത് സാധൂകരിക്കുകയും 'FALSE' എന്നോ തുല്യമല്ലെങ്കിലോ അല്ലെങ്കിൽ അത് തുറന്നിട്ടില്ലെങ്കിലോ അത് വായിക്കാൻ കഴിയുന്നില്ലെങ്കിലോ കുറച്ച് പിശകുകളിലേയ്ക്ക് പ്രവർത്തിക്കാനാവുമെങ്കിൽ നമ്മൾ പറയും പിന്നീട്.
04:17 കൂടാതെ ഈ ഘടന ആരംഭിക്കേണ്ടതുണ്ട്.
04:20 നമുക്കിത് പരാന്തേസിസ് തുടങ്ങണം
04:23 നമുക്കിപ്പോൾ പരാന്തേസിസ് നെ ബ്രാക്കറ്റിൽ ഇടുക.
04:25 ശരി, അങ്ങനെ അത് ഞങ്ങളുടെ പൂർണ്ണമായwhile സ്റ്റെമെന്റ്റ് .
04:30 ഇപ്പോൾ ഇത് വളരെ എളുപ്പത്തിൽ സാധ്യമാണ്, കാരണം നമ്മൾ ഈ '$ file' വേരിയബിൾ സൃഷ്ടിച്ചു.
04:35 while ലൂപ്പ് ഉള്ളിൽ തന്നെയുണ്ട്. അതിനാൽ ഈ ഡയറക്ടറിയിൽ അടങ്ങിയിരിക്കുന്ന ഓരോ ഫയലിനും ഇത് ഡൈനമിക്കായി അപ്ഡേറ്റ് ചെയ്യുകയാണ്.
04:40 അപ്പോൾ നമ്മൾ തീർച്ചയായും ചെയ്യേണ്ടത് ഇപ്പോൾ 'echo $ file' ആണെന്നും നമ്മൾ എന്തു ചെയ്യാൻ ആഗ്രഹിച്ചാലും അത് അവസാനം ഒരു 'br' ചേർക്കുന്നു.
04:50 അതിനാൽ, ഞങ്ങൾ ഇവിടെ ഞങ്ങളുടെ ബ്രൌസർ തുറന്ന് പുതുക്കിയെടുത്താൽ, പട്ടികയിൽ നൽകിയിട്ടുള്ള എല്ലാ ഡയറക്ടറികളും നിങ്ങൾക്ക് ലഭ്യമാണെന്ന് നിങ്ങൾക്ക് കാണാൻ കഴിയും.
04:55 ഇപ്പോൾ എനിക്ക് ഡയറക്ടറി ലിസ്റ്റിംഗിൽ ചില ട്യൂട്ടോറിയലുകളുണ്ട്, ഇതു ഞാൻ മുമ്പ് സൂചിപ്പിച്ചിട്ടുണ്ട്.
05:00 നമുക്ക് ഒരു ഡോട്ടും ഡബിൾ ഡോട്ടും കിട്ടി, ഇത് അടിസ്ഥാനപരമായി ഡയറക്ടറി ഘടനകളുടെ അടിസ്ഥാന സൂചികകളാണ്.
05:05 നിലവിലെ ഡയറക്ടറി ആണെന്ന് തോന്നുന്നു, 'dot', രണ്ട് ഡോട്ടുകൾ തിരികെ പോകാൻ അല്ലെങ്കിൽ അത്തരത്തിലുള്ള ഒന്ന്.
05:13 പക്ഷെ ഇപ്പോൾ എന്താണ് ചെയ്യേണ്ടത്, 'echo' ഈ ഡോട്ടും ഈ മുഴുവൻ പോയിന്റും ക്ഷമിക്കണം എന്നുറപ്പാക്കാൻ ഞങ്ങളുടെ LOOOP' 'ഉള്ളിടത്ത് ഇത് സാധൂകരിക്കുക.
05:22 കാരണം, ഈ ഇമേജസ് ഞങ്ങൾ സാധുതയുള്ള ചിത്രമല്ല, അതൊരു വാലിഡ്‌ ഇമേജ് ൽ പ്രദർശിപ്പിക്കുന്നത്.
05:27 OR എന്നതിന് പകരം file doesn't equal 'dot dot'. AND വേണം .അതിനാൽ, നമുക്ക് ഇവ നീക്കം ചെയ്യണം. $ File ' dot' നു തുല്യമല്ല എങ്കിൽ
05:45 അതിനാൽ, നമ്മൾ വഴിതിരിച്ചുവിടുകയാണ് ചെയ്യുന്നത്, ഇങ്ങനെ പറയാൻ പോകുന്നത്:"Does this equal dot?"
05:50 ആദ്യ സന്ദർഭത്തിൽ അത് 'yes' ആയിരിക്കും, അതിനാൽ if എന്നതിലെ ഈ സ്റ്റെമെന്റ്റ് ഞങ്ങൾ പൂർണ്ണമായി അവഗണിക്കും. if സ്റ്റെമെന്റ്റ് ലെ കമാൻഡ്
05:59 പിന്നെ നമ്മൾ ഒരേസമയം ഇത് പരിശോധിക്കുന്നു, അതിനാൽ തീർച്ചയായും ഇവ രണ്ടും ശരിയാകും.
06:04 ഇപ്പോൾ നമ്മൾ എന്ത് ചെയ്യും, അവ റിഫ്രഷ് ചെയ്യണം അവ അപ്രത്യക്ഷമാവുന്നു.
06:07 ശരി, അതിനാല് അടുത്തതായി ചെയ്യുന്ന ചിത്രം '$ file' വേരിയബിള് യഥാര്ത്ഥ ഇമേജ് ഉണ്ടാക്കുന്നതിനാണ്.
06:16 അപ്പോൾ നമ്മൾ എന്തു ചെയ്യും, എല്ലാം ഞാൻ എടുത്തു കളയും, ഞാൻ ഒമ്നി വാക്കായി കുറച്ച് 'html code' എഴുതാം.
06:23 അതിനാൽ, 'image ' സോഴ്സ് ഇവിടെ എന്തെങ്കിലും ഒത്തുചേരുന്നു.
06:26 നിങ്ങൾക്കൊരു ഉയരവും വീതിയും നൽകാം എന്നാൽ എന്റെ ഇമേജ് എല്ലാ പ്രീസെറ്റ് ഉയരവും വീതിയും ആയതിനാലാണിപ്പോൾ ഞാൻ ഇത് ചെയ്യാതിരിക്കില്ല.
06:33 വ്യത്യസ്ത വലിപ്പത്തിലുള്ള ചിത്രങ്ങളുടെ ചിത്രങ്ങൾ നിങ്ങൾക്ക് ഉണ്ടെങ്കിൽ, അവ ഒരേ വലിപ്പത്തിൽ തന്നെ വയ്ക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കും, അതിനുശേഷം 'hyperlink' ഉണ്ടായിരിക്കാം, അതിനാൽ അവയെ നിങ്ങൾക്കവയെ കാണാൻ കഴിയും.
06:43 പക്ഷെ അത് വളരെ സാവധാനമാണ്, ഞാൻ അത് ചെയ്യുന്നത് നിങ്ങൾക്ക് php കോഡ് കാണിക്കാം.
06:50 ശരി, അപ്പോൾ നമുക്ക് ഓരോന്നും ഒരു 'break' ഉണ്ടാകും.
06:52 അപ്പോൾ ഇവിടെ നിങ്ങൾ അത് 'ഫയൽ' ഉള്ളിൽ ആക്കാൻ പോവുകയാണെന്ന് നിങ്ങൾ വിചാരിച്ചേക്കാം, പക്ഷെ അത് ഫ്രഷ് ചെയുമ്പോൾ , നമ്മൾ ബ്രോക്കൻ ഇമേജസ് ഒരു കൂട്ടം കണ്ടുവെന്ന് കാണാം.
07:00 കാരണം 'Properties' നിങ്ങൾ ക്ലിക്കുചെയ്താൽ, ഇവിടെ നമ്മൾ ഡയറക്ടറി ഇമേജുകളും ഇമേജ് 1 ഉം പറഞ്ഞു.
07:07 നമുക്ക് ഇവിടെ നമ്മുടെ ഇമേജുകൾ ഡയറക്ടറി ആവശ്യമാണ്.
07:10 അതുകൊണ്ട് നമുക്ക് 'images' എഴുതാം പക്ഷെ നമുക്കിതിന് ഇതിനകം ഒരു വേരിയബിള് ഉണ്ട്, അത് 'dir'. ആണ്.
07:14 അപ്പോൾ നമ്മൾ 'dir forward slash $ file' എന്ന് പറയും, അങ്ങനെ ഇത് സ്ലാഷ് ഫയൽ ഫോമുകളായിരിക്കും.
07:19 ഇപ്പോൾ റിഫ്രെഷ് ചെയ്യുമ്പോൾ ഞങ്ങൾ 'പേജ്' അടിസ്ഥാനമായി മടങ്ങിയെത്തുന്നത് നിങ്ങൾ കാണും. ഈ ട്യൂട്ടോറിയലിന്റെ ആരംഭത്തിൽ ഞാൻ നിങ്ങളെ കാണിക്കുന്നു.
07:27 അതിനാൽ, അത് അടിസ്ഥാനപരമായി ആണ്. കാര്യങ്ങൾ ചെയ്യുന്നതിനും, പുറന്തള്ളുന്നതിനും കൂടുതൽ വിപുലമായ വഴികൾ ഉണ്ട്.
07:35 നിങ്ങൾക്ക് എന്തെങ്കിലും പ്രശ്നമുണ്ടെങ്കിൽ എന്നെ ബന്ധപ്പെടുക. എനിക്ക് സഹായിക്കാൻ സന്തോഷമുണ്ട്
07:44 ശരി, പിന്നെ കണ്ടതിന് നന്ദി. ഇത് സ്പോക്കണ് ട്യൂട്ടോറിയലിനായി ഡബ്ബിംഗ് ചെയ്തത് വിജി നായർ ആണ്

Contributors and Content Editors

PoojaMoolya, Prena