24 Mayıs 2013, Cuma

Alfabetik Arama İlk Harf A-Z Komut Dosyası Öğretici Php Mysql Javascript Html

Bu derste size alfabetik arama komut öğrenebilirsiniz ve bu dersi arabirim bir izleyici istekleri diğerine gelir ki ise İlk kullanıcısının bu bir göz atalım ABD isteği yüzden hepimiz et için iyi bir fikir elde edebilirsiniz derste Ben yeni bir program ve ben sayfamda Z arama yoluyla yardım yapma ve ihtiyaç Sadece harfleri kullanarak Z aracılığıyla size yardımcı olabilir lütfen Yaptığımız ilk şey bir örnek HTML sayfası yapmak olduğunu Bu öylesine sen istiyorsun herhangi bir sayfa var senin düğme olurdu nerede senin düğmeleri göstermek veya z bir için linkler: Bu, bu sayfada vereceğini k

oddur İlk kafa etiketinde kadar biz komut elemanını açmak için gidiyoruz ve biz o komut giysili bir çift klein aşağı gitmek emin olun yapacağız değişken olarak adlandırılan oluşturmak konum script öğesindeki ilk

şey düğmeleri askerleri kısaca TNS olacak diyoruz ilk başta hiçbir şey eşit o altında başka değişken istiyorum adlı harfler bir dize o eşit hale o abcd A'dan Z'ye aracılığıyla ile wxyz şimdi yapacağız b

“Ders Kodu: http://www.developphp.com/video/JavaScript/Alphabetic-Search-First-Letter-A-to-Z-Script-Tutorial-PHP-MySQL PHP, JavaScript, HTML ve CSS kullanarak alfa...”
Adam Khoury

u soy almak olduğunu ediyoruz Bu artık bir dize nesne olduğunu çekmek için hareketli ve bölünmüş bir Bu dizi olacak değişken adı bir dizi oluşturmak için Harflerin bu dizeyi bölmek için yazmak dizi söyleyecektin mektup dizi harf dot eşittir bölmek ve o zaman sen parantez istediğiniz ayırıcısını koyabilirsiniz split fonksiyonu veya bölünmüş bir yöntem i kazandı ayırıcı Ben sadece bir vereceğini boşlukla ayırmak istedim bu yüzden eğer hiçbir şey olacak Orada boşluk

Alfabetik Arama İlk Harf A-Z Komut Dosyası Öğretici Php Mysql Javascript Html Resim 1 Alfabetik Arama İlk Harf A-Z Komut Dosyası Öğretici Php Mysql Javascript Html Resim 2 Alfabetik Arama İlk Harf A-Z Komut Dosyası Öğretici Php Mysql Javascript Html Resim 3 Alfabetik Arama İlk Harf A-Z Komut Dosyası Öğretici Php Mysql Javascript Html Resim 4

Ben bu dizeyi kelimeleri için ne varsa o zaman ben bütün bir dizi alabilir sözler ama bu dizede o dizesinde birçok alanlarda bu yüzden gidiyorum biliyorum Orada hiçbir şey koymak ve dize her karakter tarafından bölünür yapacak bu nedenle bu mektup dizisi kadar yapılmış bir dizi olacak Bütün bu farklı karakterler alfabenin her karakter Kendi dizi öğesi bu mektubu dizideki olacak Bu yüzden gibi ve sebebi biz bir diziye şeyi koyuyoruz Yazmak zorunda değilsiniz Sayfa 27 ya da 26 bağlantılar sayfada 2

6 düğmeleri yazmak zorunda değilsiniz sürece böyle dizi kurulum var olduğu bir döngü içinde olanlar yazabilir bu yüzden alfabenin tüm düğmeleri nasıl size göstereceğim gibi üç satır yerine olarak kullanarak sayfada 26 şimdi harfinden sonra A ışınları kurulmuş Ben indeksi 27 olan Luke önce Senato değilim bu nedenle temelde bu döngü için yirmi yedi kez veya ancak birçok kez çalışacaktır sadece sizi çalıştırmak için gerekli burada numarayı değiştirmek ve aynı zamanda harf dizisi kullanmayı deneyebilirsiniz Lancs mülkiyet var ve sağa eğer biraz daha dinamik var var koydum Orada statik numarası istemiyorum şimdi döngü bu her seferinde döngü için bu öylesine her pas çalıştırır istiyorum yerde bir satır yazmak değişken kurar koymak Bu her bir harf içinde kişisel temsil edecek dizinin içinde her mektubu almak için değil kargaşa ön attı her zaman döngü geçer Ne yapar, ilk kez bu döngü bir mektubu şimdi vardiya bir baskında kullanmak ishal Senin bu yüzden dizinin hakkını çıkar aşağıdadır Bir ya da dize dizisi aşağıdaki gibi görünecektir Bir dizinin de ön olacak zaten veri işleme içine işlenmiş olacak Daha sonra ikinci kez döngü be çıkıyor çalışır böylece kayma sadece ilk değişen tutmak yok ne Ön dizi karakteri bu yüzden ilk dizi öğe alır diziye ön kaydırılır hakkı mantıklı yeşil ışık yaktı böylece şimdi unutmayın mu vardiya ne var Değişken düğmeleri biz şimdi gidiyoruz bir üst katmanlı yarattığı Bir sürü bu değişkene biraz düğmeleri ekleme si ETNs yakın eşittir se sadece o değişkene bir değer koymak istiyorsanız eklenecek Sadece eşittir işareti kullanmak ama biz istiyoruz çünkü üzerine eklemek ve değil Her döngü de geçmek değişken biz eklemek istiyoruz biz olmamızın sebebi o almaz böylece olacak artı işaretini koymak var Her düğme üzerine bu değişkene döşenecek olan HTML bileşik böylece şüphe önce olanları üzerine yazmaz Bir değişkene bu şekilde içine ve sonra sadece vücutta Sağ bu hat komut elemanını açmak bkz buradan kapatın emin olun ve komut elemanı içinde sadece mal düpedüz belge Sayfanın tüm birkaç buton artık Kontrolü basın s ve en sevdiğiniz tarayıcı yazılımı çalıştırmak bu Eğer Z aracılığıyla ne olsun bakın Ben tıklarsanız hemen bu harflerden biri ben am alıyorum bkz Ben ne yaptım oldu çünkü ben biraz JavaScript koştu click olayı üzerine uyarı Bu düğme, böylece her düğme onclick olayı vardır oldu değerini gösterir bir uyarı bu döngü içinde geliyor mektup ve harf değeri de düğmeye kendisi gösterir aklınızda tutmak görebileceğiniz gibi bu düğmeler olmak zorunda değilsiniz ve istediğiniz herhangi bir şekilde bu düğmeleri stil olabilir Ben düğmeye kaydedilmiş istiyorsanız örneğin bu bir sınıf verebilir sınıf eşittir olabilir TNS benim CSS yapmak zorunda biliyorum kafam elemanı sayfası benim CSS içinde Sadece istiyorum benim düğmeleri tarzı çok yol için bir sınıf koymak Bu dinamik bir yaklaşım sevmiyorum ve sadece statik doğru olabilir Sayfanın biri 26 düğme alfabenin her harf için ben sadece düşündüm ben sizi gösterir Dinamik bir yaklaşım daha programlı bir yaklaşım uygulama üretiminde bu noktada kendinize düşünmek zorunda Ben istiyorsun Ajax bu yüzden gerek yok PHP veri toplama işlemek için bir yeniden bütün sayfayı yenileyin ya da ben bir daha geleneksel bir yaklaşım istiyoruz nerede Benim düğmeleri herhangi bir sayfada ve daha sonra olabilir Ben bir arama kullanıcı üst PHP script sonuçları göndermek PHP arama değişkeni alır ve sonuçları işler nereye böylece ayrı bir sayfada biz daha almaya gidiyoruz yapacağız ne Bu ders için geleneksel yaklaşım ama siz kolayca AJAX istekleri kurabilirsiniz olduğunu akılda tutmak ve ben olacak göstermek ne kadar haklı şimdi Bu tüm Ajax olmak istiyorsanız, sadece yerine uyarının ajax isteği söyleyebiliriz Şimdi click olayı üzerine işlevi çağrılır ajax isteği var O ajax isteği işlevi yazmak zorunda ve içeri gönderiyor konum Dinamik mektup değişkeni çok doğru döngü için sadece söyleyebiliriz fonksiyonu altında ajax isteği açık / kapalı baskı küme ayracı açılış durdurma ve şimdi burada küme ayracı kapatma dinamik argüman alabilir nerede o sadece o sadece yapabilir harf için kısa Lett koymak Geliştirici amaçlı ve açıkça görmek için buraya başka bir uyarı nasıl kolayca Ajax bu değişken% uh mektup can veya yapabilirsiniz basitçe Ajax PHP izin Ben her şeyi eğer uyarı Ajax tamam değişkeni göndermek Uzay ve sonra dışarıda benim çift tırnak çıkışında bu değişken de dizeye diğer tarafta dize erkeklerde dinamik değişken olarak Şimdi ne doğru PHP bulunuyor böylece ajax için yapılır ne ve ben de göstermek sizler AJAX istekleri değilim Benim öğreticiler birini Ajax kullanarak hakkında konuşmak her zaman Derslikler Ben ajax isteği gösteren öğreticiler ton yaptık Herhangi bir çerçeve efendim üçüncü parti kütüphaneleri kullanmadan ajax isteği her atış hesaplamak kod sadece birkaç satır olduğunu Özellikle size objektif için programlayabilirsiniz göndermek için tek değişkenli bir bütün gönderebilirsiniz PHP Bütün grup PHP değişkenleri öldürdü Ham Ajax kullanarak ama sadece tek bir değişken göndermek isterseniz o sadece kod I birkaç satır var roket bilimi değil, bir PHP komut dosyası post it Bunun üzerine dökümanında bol var at% eh P com yüzden bir ajax sizi gösterilmediğini gitmiyorum geliştirmek istek Bu eğitimde içinde öğretici ve ben yapmamaya çalışıyorum benim öğreticiler fazlalık şu anda favori tarayıcınızda bu çalıştırmak Ben P harfi tıklayın eğer bu yüzden Ajax diyor Şimdi PHP değişken gönderme s halkalı X Ajax değişken göndermek x2 PHP şimdi çok basit bir ajax isteği çalıştırmak değişken aşk mektubu göndermek ne olursa olsun mektup PHP gidiyor PHP script için Geri MySQL veritabanı tükürmek sonuçları sorgu Düz Ajax bizim Ajax işleri net Ben gonna beri ama daha geleneksel bir yaklaşım göstermek Bu derste Johanna bir arama sonuçları sayfasına gidin Bu yüzden bir daha basit bir yaklaşım almaya gidiyoruz ajax isteği aslında Sadece bu işlevini değiştirmek izin Benim arama aslında en alfabe arama adlandırın izin Ayrıca o isim kopyasını almak içinde buraya koymak emin olun sizin click olayı biz başkenti istemiyoruz vardır onların sadece oldu bu yüzden alfabe eşleşen bir alfabe arama yapabilirsiniz olsun deve durumda onların Şimdi ne yapacaksın yerini dışarı pencereli göndermek olduğunu sen onları göndermek istediğiniz ne olursa olsun dosyaya eşit bu ve daha sonra tek yapmanız tüm kalem dinamik olarak bu değişken olduğu çalıştığını nasıl tüm URL değişken sana göstereceğim olsun bu yüzden onun adını sayfası olacak sonucu arama göndermek dot PHP sonra bir soru işareti koymak Bu URL'ye ucuna bir dinamik değişken eklemek için Sadece o L koyalım ve bu mektubun açılımı Sadece mektubu koymak aslında let herkes çok açık hale getirmek için eşittir ve ardından çift tırnak dışında sadece koymak artı dinamik argüman a yerleştirir izin Burada deri bu yüzden şimdi ihtiyacınız olan tüm arama sonuçları değil, php sayfası alımı bu dinamik olsun değişken kurulum % uh mektup sana yeni dosya bakın Kendinizi benzeyen yeni bir PHP Co sonra mısın pop yapmak bu yapmanız gereken ilk şey, sadece bir sonuç kurmak olduğunu ve harf değişkenleri sadece bu başlatılıyor ya da veritabanında arama için gidiyor kod çalıştırabilir önce şimdi onları tanımlayan Eğer durum ne olduğunu görmek için, eğer bir çeşit olması kullanıcının aradığı ve bu değişkenlerin yüzden söylemek ayarlanmış olduğundan emin olmak için Aslında yazı ayarlayabilir veya edilir bu değişkenleri almak vardır Eğer HTML her yıl düğmeleri kurmak istiyorsanız bu yüzden eğer almak veya post kullanabilirsiniz şeylerin yan düğmelerin her biri için bir form kullanmak için ya da tüm düğmeleri tek formu kullanabilirsiniz Eğer sadece bir get değişken kullanabilirsiniz nerede böyle bir şey bu yüzden aslında JavaScript formlarını kullanabilir veya olabilir biz formlarının kullanılması Java Script kurulum kodunu olurdu olabilir ister yaptığımız tüm ise hala Ajax olmadan bu değişkeni ekleyebilirsiniz Arama sonuçlarına sayfanın konumunu taşınmaya bu yüzden söyleyebilirim bu sayfayı arama sonuçları% uh PHP tamam şimdi senaryosunu düzeltmek izin vermek emin doğru yapmak kadar mektup Gelen olsun mektup değişkeni almak için ayarlanırsa o set ve eğer varsa harfli değişken olsun dize uzunluğu bir temelde dize uzunluğu eşittir Bu küçük program için gelen değişken olacağını 1'den asla az ve her zaman sadece bir tane olacak asla birden fazla Onlar bir harf arıyoruz çünkü bu değişkenin o dize uzunluğu var Eğer aramak için izin ediyorsanız, bu durum istediğiniz şekilde okumak yapabilir Birden fazla harf için başka bir program bu bir ama belirli bir şekilde kurmak Alfabetik arama için size emin tek yapabilirsiniz Değişken yani bir dize değişkeni olarak daha fazla harf var ki mektup Bu bu kodun hiçbiri koşulu çalışacaktır eğer Bu koşul karşılandığında yani sadece bu kod çalıştırmak olacak bu yüzden her şeyi doğru kullanıcı böylece doğru uygulamayı kullanarak daha sonra harf değişkeni olsun ayıklanmış ve temizlenmiş ve veritabanı etkileşim için hazır SQL injection kullanım prager yer önlemek için A'dan Z'ye aracılığıyla dışındaki onların değişken bir şey temizlemek için yani sadece Perşembe olabilir ve ben burada ben koymak sadece biz durumda duyarlı hassas olmayan harf olabilir yani büyük veya küçük tüm yeniden kullanma bizim durumumuzda Büyük sen ben kaldırmak ve bu yapabilirsiniz başkenti Z yoluyla ve ne yapacağım Hatta küçük harf, bir mayo izin verilmez nakledilecek Bu sayfaya gönderilir ve kaldırdı veya dinamik bir değişkendir Sadece Z yoluyla sermaye A o böyle dedi ama Eğer göndermek istiyorsanız o bu şekilde oldu başka bir yol inanmak küçük harf yerine o bütün sermaye davranıyor ve tüm küçük harf dönüşür İstediğiniz ve sonra bu hala sermaye çalışacaktır eğer ya da küçük harf fark etmez ama tüm o sağlayacak strip mall uzayda bir harf komik karakterler olduğunu sayılar Hayır sadece o dize harfleri bırakın tamam şimdi burada Magoo ne burada MySQL veritabanı bağlamak var veya kontör size ama sadece emin olun size önceden bunu yapmak gerekiyorsa önce veritabanına bağlı Eğer bu tür bir SQL sözdizimi çalıştırmak Bu yüzden ne zaman istersen arama çalıştırın bu QR Syntex tür veritabanınızda ancak ilk harfine göre bir tarlada: bu yüzden bir veritabanı tablosu olarak adlandırılan filmler var demek net filmler veritabanı tablosundaki bir Başlık alanı var Kullandığımız olduğunu bu yüzden bu film Başlklara bir topu tutan yüzde ile sözdizimi gibi ön bar değişken harf sembol Biz ilk harfine göre arama yapmak istediğinizi belirtmek için: Sadece böylece örneğin yoluyla gelen dinamik değişken ise bir bu film istikrarlı sadece film alırsınız vardır harfi ile bu başlangıç ​​tür bu vardır SQL sorgu ve Sizleri seviyorum biliyorum çünkü ben sorgu koduna o koyarak değilim Hala MySQL kullanarak böylece siz MySQL II hazır şalteri yaptık hangi veritabanı ile etkileşim için daha etkili bir yoldur bu yüzden her iki şekilde koymak için gitmiyorum Eğer MySQL kurmak kez daha sonra istediğiniz siz herhangi bir yaklaşım kullanabilirsiniz bu şekilde sorgu veya MySQL Sana bir while döngüsü kullanmak sorgu bu veritabanı sonuçlarını eklemek için bu sorguya karşılık Bu sonuç, değişkene ve sonuçları ekleme kullanmak için JavaScript eşit nokta kullanarak PHP içinde artı tek değişkene sonuçları eklemek eşit bunun yerine değişkene her zaman yazılmadan yaptığımız tüm bekleyen PHP kullanarak artı Eğer döngü artı kullanırken yüzden içinizde emin eşit Sonuçlar değişken verileri doldurmak eşit Eğer şimdi istediğiniz tüm sonuçlar elde döngü sırasında size sahip Eğer küme ayracı ile bir süre döngü kapatın ve daha sonra sizin yanınızdaki kapattığınızda Burada veritabanı bağlantısı Eğer benim SQL yakın işlevini koymak veya MySQL I kullanıyorsanız MySQL kullanılan Ben yakın fonksiyonu altını Sonra sen sonuçları değişken olacak içindeki tüm görünüm veritabanı sonuçlar vardır aa paketlenmiş değişken ve ne yapmak istediğiniz sayfanın her yerde üstünde yankı olduğunu ve bana bu satırı olan görülmesinin nedeni, bu çizgiyi de olmazdı Başvurunuz çünkü tüm sonuçlar bu çizgide yazılır alacağı ama bu işlemek için ne olup bittiğini göstermek için Sadece bu eğitimde bu var size göstermek için HTML ve Javascript uygulama sitesi şeyler Aslında doğru ve gönderme arama sonuçlarına bağlı olduğu buna değişkenleri doğru tüm bu çizgi olmamalıdır yapıyor bulunuyor uygulamanızda bu Müzik yüzden gibi burada dedi veya herhangi bir yerde sayfada başka bir PHP blok var Biz sonuç değişkeni yankılanan ediyoruz Şimdi zeytin arama sonuçları istediğin varsa yani Delgeç'in HTML Üstbilginizi ve bütün bu saçmalıkları duymak Eğer sonuçları yankı önce Diego sayfanıza sonuçları her yerde tasarım akış buddy gibi şimdi biz denemeden önce bir PHP etkin sunucu üzerinde olduğunuzdan emin olun yapmanız gereken ve Eğer çalışırsanız bu uygulamayı test etmek ve size bu testi PHP kurulum yok, normal bir bilgisayar Eğer sadece kulak bir bilgisayar tarafından isterseniz işe yaramaz ve bu komut dosyasını çalıştırmak deneyin Eğer isterseniz gibi biz bu tüm eserlerini görmek için javascript bir yaptım şu JavaScript çünkü bu ödev denemek ve yerel çalıştırmak durumunda Makine nedeniyle PHP PHP kurduktan çünkü benim makinede çalışacak ancak bilgisayarınızda yerel makinede yüklü PHP yok Bir PHP etkin sunucu üzerinde on line koymak işe gitmiyor tamam burada uh canlı örneği% PHP etkin sunucu üzerinde çalışan var Ben mektubu tıklarsanız D php sayfasını başlatmak arama sonucu beni alır mektup değişken d ile o PHP dinamik tanır diyor Eğer ben geri tıklarsanız bunu kullanarak MySQL arama yapabilirsiniz d ve H size nh bu değişiklikleri görebilirsiniz kullanarak kilise MySQL olabilir ki senin için burada sağlanan sözdizimi kullanarak nerede başlık filmlerde tüm seçiniz harfi gibi alan, orada yüzde sembolü koymak emin olun belirtmek veya ilk harfine göre aramak istediğiniz belirtmek için: on Şimdi Ajax veya daha geleneksel kullanarak ister yaklaşım burada kullanıyorsanız gibi hala aynı sorta mantığı kullanabilirsiniz ama tek fark Ajax PHP komut dosyası için çağrıda olacağını edilir veri için kendi varlık olma PHP script düşünün Gerçekten AJAX sadece kendi küçük varlık olurdu bu PHP komut dosyası kullanabilirsiniz eğer Bu sadece bir ayrıştırma dosyası var Ajax için geri veri almak ama arama sonuçları değil php sayfası olan bir daha da geleneksel yaklaşım yine de ben düşünürdüm bu noktada SEO için daha iyi arama sonuçlarında hala daha iyi olurdu Bir arama motoru optimizasyonu ve daha iyi indeksleme olsun Eğer daha geleneksel bir yaklaşım kullanıyorsanız Ajax karşı Asya bir AJAX sayfasını arama ama bu konuda yanlış olabilir Siz ister zaten o PHP sana örnek vereyim eğer tartışılan edebilirsiniz Eğer çok kod burada olacak ve arama sonuçları değil bakın sen benim kaynak kodu almak gerekiyorsa o PHP ben açıklamasında bir bağlantı koymak gerekir.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Alphabetic-Search-First-Letter-A-to-Z-Script-Tutorial-PHP-MySQL PHP, JavaScript, HTML ve CSS kullanarak alfabetik AZ ilk harfi arama komut Öğrenmek için program. Düğmeler veya bağlantılar HTML kodunu bazı bayt yer kazanmak için bir döngü içinde dinamik hale değiştirebilir veya daha sonra düzenlemek için kolay olabilir. Bu döngü sayesinde JavaScript onclick olay işleme kurmak ve arama sonuçları sayfasında dinamik veri göndermek. Düğmeleri her yerde web sitenizde gibi görünebilir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



10/10

  • 72
    Olumlu
  • 0
    Olumsuz
  • 20
    Yorum
  • 9933
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Damian Winter

    Damian Winte

    27 ŞUBAT 2007
  • DeAdPiXel6667

    DeAdPiXel666

    2 Ocak 2010
  • ImBluecams

    ImBluecams

    25 Kasım 2012

ANKET



Bu sayfa işinize yaradı mı?