10 EYLÜL 2010, Cuma

1/6 - Web Kesiştiği Arkadaş Ekleme Sistemi Öğretici Php Jquery Mysql Sosyal Ağ

Bomba ekibi merhaba yine herkes biz içine bizim arkadaşlar uygulama programlama başlamadan önce Üye profillerini hızla yapılan küçük kozmetik değişiklikler görüşmek üzere gidiyoruz profiller düzenli işler kadar biraz ve sadece görünmesi için biraz daha profesyonel yüzden Biz sürümünden 1.31 sayfayı php profiline gitmek Eğer şimdi var olduğunu görüyoruz soğuk bir değiştireceğim bazı şeyleri fark edildi Bazı CSS tutan stil etiketi Şimdi bu iki CSS sınıf tanımları ile Biz bilgi başlığı ve ithalat vücudu bu gördüğünüz oluyor buna sahip Yeşil bloklar ve beyaz bloklar Biz profiline bakarsak bu yüzden burad

a ve burada görebilirsiniz ve burada ve ben de nerede ise bunu yaptı bölüm, bu kod Hakkımda A, yok ve bütün bu beyaz blok sadece yeşil diyor bloke olacak gösterilmez Adams bilgiler Benim fotoğrafın altında am

a orada benimle ilgili bilgi biraz beri beyaz blok benim hakkımda bilgi gösterir ve bu yüzden görmek bir program ile biraz zeki Ben ekran içeriği ya da değil bir kaç daha mekanizmalar koymak biz onlar b

“PHP, MySQL ve jQuery kullanarak bir ekleme özel arkadaşı ve yönetimi uygulaması sistemi kurmak öğrenin....”
Adam Khoury

ir resim olup olmadığını görmek için kontrol ettik hatırlamak ve bu ne var onlar bir resim var Bizim varsayılan resim aynı mantık göstermek değilse bunu göstermek onların YouTube kanal bağlantı veya değil aynı mantık göstermek için Web sitesi URL'sini görüntülemek veya web sitesi eğer öyleyse onlar gösterilmez kendi web sitesi için ona koymadı veri yok bilgi bloğunda ve burada mekanizma var Bana metin hakkında görüntülemek veya nasıl tam vücut o sarılmış g

1/6 - Web Kesiştiği Arkadaş Ekleme Sistemi Öğretici Php Jquery Mysql Sosyal Ağ Resim 1 1/6 - Web Kesiştiği Arkadaş Ekleme Sistemi Öğretici Php Jquery Mysql Sosyal Ağ Resim 2 1/6 - Web Kesiştiği Arkadaş Ekleme Sistemi Öğretici Php Jquery Mysql Sosyal Ağ Resim 3 1/6 - Web Kesiştiği Arkadaş Ekleme Sistemi Öğretici Php Jquery Mysql Sosyal Ağ Resim 4

örebilirsiniz değil sınıf bilgi vücutla ilgili bu şehir SSO şey o kadar gösterir, bu nedenle zaman etrafında beyaz bir blok var kılan beyaz bir dolap vardır ve o artık sadece diğer farkı nasıl çalışır Senin arasına şimdi yoludur mayın adı artık resimde üstünde burada olup biraz ve bunlar tüm basit resim değişikliğinin boyutu kozmetik tweaks ve burada geçen sadece güzel bir yeşil kutu oldu isim Biz koduna giderseniz deniz küçük formda etrafında vermek Biz platformu artık yaptığımız etti görürsünüz renkli arka plan yeşil t

arzı we 'şimdi çok arkadaşı sisteminde tam aynı nokta Bakan programlama şimdi Zemin çok kapsayacak şekilde yol Ben insanları varsayarak olacağım kim dinleme edilmiştir Bu video dinlerken Bir saniye sisteminde web için başından itibaren tüm videolar Şimdi ben ilk ziyade arkadaş başvuru yapmaya karar Bunu yapmaya karar verdim, çünkü yorumlama uygulamayı profili tür, bu tür faaliyet edeceğiz giymek Twitter ve Facebook arasındaki emin olun duvar gibi Ben üyesiyim ve ben açmış olsam profilinize gelip de Ben üye profil resimleri olacak var yaşıyorum duvara yazabilirsiniz Burada yanındaki küçük olduğunu kim yazdı için blab hala her şeyi ana sayfasına gitmek zorunda kalacak gibi ben karar verdim şimdi yok İlk kez bu şekilde katyon arkadaşlar girmeden biz bu noktaya gelmek Biz izin vermek istediğiniz yerde insanlar başka bir kişinin profilinde doğrudan yorum yapmayı muhtemelen çünkü o zaman ilk Prensin iki dakika olsun emin olur en önemli parçalarından biri sosyal ağ günümüzde sahip seviyorum birbirleriyle etkileşim yere insanları bir araya bağlayan bu profile gitmek ne zaman tamam artık şimdi bir program ilk şey konuşmak Bunun üzerine bir php sayfası ve çalışma Burada tüm diğerleri ile kontör değişkeni başlatılıyor Sağ blabber görüntüleme listesinin altında Sadece bir satır sonu koyalım ve fakat etkileşim kutusu Sadece bizim gibi onların boş yapmak fatura Şimdi ne yapacağız konum profilde buraya bu etkileşim kutusu değişken echo edilir ve kullanıcının adı altında burada göstermek istedim bu yüzden biz olmak istedim burada profiline bakmak Kullanıcının adı altında ve siyah kutu üzerinde öylesine burada gitmek blok emin vurgulamak sağlayalım Biz satır kesmelerinin orada tamam fısıltı nerede bilmek Daha sonra kontrol eder kırmak Sadece tıklayın Ben kolay gördüğünüz bilgileri zevk eğer iyi kontrol PHP nedir yankı değişkeni koyarak etkileşim kutusunu istiyorum Bir işbirlikçi Birisi iki satır sonları Bundan sonra orada o bir keşfetmek Bu yüzden üstünde onu çevreleyen mola hat ve altındaki etkileşim kutusu yüzden orada bu şekilde ortaya ne zaman o içeriğin yüzden tekrar scrunched olmayacak o olacak Ben bu kapalı kurtulmak ediyorum gerçekten olanlara onlara ihtiyacım yok Orada değişkenler Böyle kalabilirler adı ve soyadı dışında yankılanan Bu iyi bir kez dahil Bu insanlar görmeye alışık nasıl çünkü ve tavuk tırnak içinde olanlar sarın birbirlerini görmek için kurumsal tamam şimdi ihtiyacımız olan son şey olduğunu Onun etkileşim kutu yapmak için mantığı yapmak Doğru veri bağlı gösterilecek olmadığının üç varyasyonları olacak o ben kaydetmek görüntüler nasıl giriş ve biz işlemek için gerekli kendi profiline bakıyorum Tek bir veri kümesi ben açmış ediyorsam ve ben başka bir üyenin profiline bakıyorum Ben giymek etkileşim bağlantıları göstermek için gerekli Ben o üye ile etkileşim kurabilir o Ben sadece rastgele değilim bu hiç yapmadınız ziyaretçi değilim Giriş yapmadınız üye değil kişi Bir ben kayıt söylemek bağlantılarını görmek istiyorum bu yüzden olacak her türlü interaktif Adam Kore'ye giriş Bu üç farklılıklar ve kadınların mantık bakmak Şu anda ruh profiline o PHP koymak Burada bir yerde tepesine yakın ama demek mmm aslında altta konulmuştur en son çok ama başka bir PHP bloğu Bir ve bazı kod eklemek tamam şimdi senin için çok iyi bu kodu açıklamak daha Bunun üzerine bok PHP akı zaten gitmişti işte ben sadece bir yerde içine attı kod ve doğru doctype üstünde bulunuyor o Orada olur şimdi olacak ve onun durumu için Buraya kadar yaptığımız hazırız Yukarıdaki burada olabilir biz daha sonra iki birleştirmek olacak gerçekten sadece test için şu anda önemli olmayacak Bu öz tarafından işe çünkü tek başına Bir dakika içinde tüm bu yaptım şimdi ne sağınızda açıklayacağım şimdi gerçekten iyi yorumladı ettik ama hala herhangi bir şekilde açıkladı O kaynak kodunu yüklediğinizde olduğunu görürsünüz size rehberlik yardımcı olacak orada soğuk açıklama Bir şeyleri değiştirmek istediğinizde kod ne yaptığını Böylece ilk şey tamam değerlendirmek olduğunu üyesi ne içeriğin yer etkileşim kutusu bu kod bunu ve başka koşul ifadeleri bu ne var göre görüntülemek için hangi verileri değerlendirmek Geçerli profil bakarak kim bu yüzden ilk koşulu o oturum kimliği değişkeni ayarlamak edilir ve oturum kimliği eşit değildir profilli Bu üyeler kimlik verilerini gösteren Bu senaryo olurdu çünkü biz arkadaş olarak eklemek linki boyunca gitti demek Ben buradayım ve ben eve gidip Luigi bakmak Orada Luigi adı altında biz göstermek istiyorum o kimse ne yani arkadaş olarak ekle Bir sonraki bu uymazsa koşulu ise Bu çağrı o ayarlanır görmek için kontrol edeceğiz burada çalışacak oturum kimliği değişken ve karar kimliği değişkendir Profil parçalamak eşit kim giriş oluyor kişi anlamına gelir verileri gösteren Bu izlenen kişinin profilini maçları nah durumda biz kişinin diğer üyeleri ile etkileşim bağlantıları göreceksiniz gösteriyor Buradasınız yanlış profiline bakarak kaydedilir profil sahibi olduğu başka biz sadece atabilir ve başka orada biz bir koşul koymak zorunda değilsiniz biz ya da giriş işareti göstermek için gidiyoruz adlı kendi profilini isim kim etkileşim ait olur bu yüzden giriş sayfasına kayıt formuna bir bağlantı ve link almak Şimdi hattı bu koyalım ve neye benzediğini göstermek Bu PHP kontrolü s onu traş profili yerine her şeyi almak ve etkileşim kutusu herhangi dışarı yankılanan FTP tamam shiet o kadar oa testi vermek tamam şimdi burada ben Luigi profilinde hala duyuyorum dışarı yenileme tarafından sadece yukarı profil sayfasının yeni sürümü FTP Şimdi yenileme I Arkadaş olarak ekle diyor burada bir buton göreceksiniz Başka bir kişinin profiline bakarak giriş olduğum için ve orada değil benim profiline gidelim ve ne diyor bakın gün diğer üyeler bağlantıları burada sizinle etkileşime göreceksiniz Ben giriş ve kendi profilinizi yapıyorum çünkü ben gereken şey yani gösterilebilir Ben yapmadınız eğer şimdi söyleyebilirim kayıt veya Adam Khoury ile etkileşim için giriş o sadece rastgele bir kişi burada bir hakkı da birileri ne var web sitenizde üyelerinizin giriş yapmadın yani orada bir üyesi olarak üç koşullarında o görebilirsiniz Burada yerleştirildiği bu kod ile belirlenen Sadece birkaç satır ve aslında bu biraz mantık profillere bir programa üzerinde kafa yormak için diğer bir çok şey size yardımcı olacaktır tamam bu jQuery mi gelecek gelmesini istiyorum yerdir Biz arkadaş düğmesi gibi eklenti tıkladığınızda emin olmak istiyorum Biraz sihir penceresi açılır Burada kendisi jQuery kullanarak için boşluk yapacak aşağı bu şeyi kaydırın. ve onlar söylüyorsun soru olabilir Eğer Sean eklemek istediğiniz emin olduğunu yönde arkadaşınız şeydir Biraz evet ve hayır linke onların ile şimdi evet veya hayır bağlantı tıklandığında kol ya da biz biraz pencereyi kapatmak için iptal düğmesi olabilir Tamam biz yapacağımızı reklamlar ve CSS olduğunu konum biz burada daha fazla bağlantı eklediğinizde emin olmak için Daha fazla etkileşim bağlantılar olduğunu her biri bir düğme gibi görünüyor ve aynı gözlerimi yapılmaz tür styling başlık düğmeler ise onların emin değilim ama şu anda bu bir yanındaki başka bir link koymak olsaydı bu bağlantı ile aynı gri kutuya olurdu ama biz hepsini olmak istiyorum Farklı yüzden olacak biraz şirret iddiayı koymak konum Kendi küçük düğme olması her bağlantı kadar stilleri beklemek bu yüzden PHP kod profiline gidersiniz nerede CSS doğru zaman burada altında tam vücut sınıfında Bu etkileşim bağlantıları sınıf olacak onları bir saniye kullanmak kaç göstermek ve içeride kurmak tüm stil tanımını kontrol edebilirsiniz bir bağlantı HA için ve bir etiket abartmak için o bu styling alır üzerinden moskova olduğunu Fare yapacağız değil, bu varsayılan stil vardır insanlar çıkmaz onların giriş üyesi olduğunuzda artık Burada başka bir üyenin profili şu bu bölümü yapıyor biz onların eklenti arkadaş bağlantısı Morgan yerine kaldırmak için gidiyoruz Bu iki bağlantıları şimdi etiketleri çapa sahip her biri bir konum seti vardır diyez işareti ne yapar tıklama ile kullanıcı olduğunu ne return false eşittir birileri bu düğmeye tıkladığında bunu yapacağız Eğer mousedown istediğiniz javascript fonksiyonu alıcı Eğer ben bir javascript işlevi kullanıyorum mousedown burada görebilirsiniz bakın bir javascript işlevi yürütme kolu ateşleme denir başlık kapları etkileşim aile sayfasına javascript fonksiyonu olduğunu sadece bir saniye içinde bu yüzden tıklandığında aldığında küçük diyez işareti daha URL adresi gösterilmez Daha fazla sayfa tüm biz çünkü click olayı üzerinde tıklama atama return false Biz istiyoruz javascript fonksiyonu fare aşağı olay yangınlarında ne Bir düğme yani navigasyon olmasını istemiyorum neyi tıklandığında ama biz ancak gidiyor bir javascript işlevi kontrol etmek istiyoruz Bu eklenti arkadaş elemanı slayt Aşağı röportaj ve ayrıca mesajda atma ama şimdi edildi olabilir / url biz bu yerleşik bir özel mesajlaşma sistemi yok olsa bile Web henüz hazır almak için hazır düğmesini büyürken kesiştiği Şimdi biz HTML içine aşağı gitmek ve verir eklemek için gidiyoruz Orada sperm tamam Şimdi bu kontrol edelim şimdi o sadece fark kaplara konur ve bir kimlik, bir eklenti arkadaşım Diğer bir kimliği vardır Ben Özel mesaj olacak Eğer her ikisi de etkileşim kaplarda bir dersim var görebiliyorum böylece bu iki konteyner varsayılan olarak görünür olmadığından emin olmak için Burada bu kapları göreceksiniz Tasarım görünümünde gitmek Biz emin olmak için bazı CSS eklemek istiyorum onların gizli varsayılan olarak görüntülenen alamadım O CSS de böylece daha az Wendy sayfasına geliyor böylece ileride görebilirsiniz görüntüler: none bu kadar yapacak Sorun bir sayfa geliyor ve sadece tıkladıklarında bağlantılar yaptığında göstermiyor konteynerler Bunu başarmak için jQuery kullanıyorum gösterecektir ve şimdi de Güneş styling vardı Bu konteynerler Camilla dolgu sınır için background-color: bu yüzden ihtiyacımız olan son şey Bu kapları yapma bu tüm kaydırmak için gelip aşağı AP ise gidiyor javascript fonksiyonu etkileşimi yapıyor bunu kullanılacak konteynerler ve biz CSS altında bu doğru koyabilirsiniz ya sen görmek tüm üstüne koyabilirsiniz stil etiketi üstünde diyor I'mma şimdilik sadece benim tarzı altına almakta koydu Eğer geçiş kaplar orada işlev orada etkileşim var görebiliyorum Bu iki bağlantıları ve burada üye Geçiş etkileşim konteynerler ile özel mesajda ed trendi için işlevi bu ile çalıştırılır Kimlikleri bu kapları hedeflenen böylece bir Fransız Jan o kabı hedefleme Üye ben buraya bu iki konteynırları eklenen arkadaş konteyner at var Bu bir o geçiş bir fikir Özel mesaj var ve bu kaplar sınıf etkileşim var demek etkileşim kapları sınıfta her ikisi de Onların bu hat CSS ile varsayılan olarak gizli ve sadece bir kişi tıklama gösterilen olsun Bu iki bağlantılardan birini ben olacak jQuery yazılama çalışır ve konum ya da değil yapacağız thx işlevi henüz görüşmek nereye işaret etmek muhtemelen sonraki bölümde olacak Elimizdeki beri sunucu ile iletişim kuracak Bu linkler emin olun bu sınıfı olduğunu Burada bu kabın üzerine koymak Bütün odasında bütün bu tarz şeyler salıncak çünkü sınıf vermek koydu ve yön bağlantıları yaptım ve o bunu yapmak gerekir Ben yaptım bu yana tüm bağlantı hem bu bağlantıları artık kendi küçük düğmeleri olacak okie dokie şimdi biz bunu olacak sınav bitti k dosyasının yeni sürümünü FTP'ye ve harika görünüyor güzel bir mola yeşil rollover efekti Ben arkadaş olarak eklemek tıkladığınız bu bağlantıların her biri ve eğer beni hiç konteyner vardı anlamsız bir çok soru koymak için bilmeniz gösterir evet sen Çin'in arkadaşı etmek istediğinizden emin olduğunu söylüyor evet için küçümser ve hiçbir bir iptal düğmesi geri kadar yakın pencereyi tıklatın yaptı ama onlar yine bu Adams arkadaş düğmeye vardı bunu görmek yükseklikte pencere kaybolur dedi yapmak ve ben arkadaş açık olarak eklemek ve bunu mesajı demek o boşluk Özel mesaj konteyner devraldı ve onlar sadece oldukça kaygan işlevselliği dediği gibi gitmek şimdi beni gerçekten hızlı bu işlevi anlatalım sadece durumda siz nasıl gerçek aşina değilseniz jQuery çalışır Ben temelde ilk bağlantıyı bakalım olacak gizli vermedi Bağlantı garip toddling biz bir kullanıyorsanız yani bizim konteynerler her zaman bu bağlantıyı işlevi çağrısı kiremit Brad arkadaşım yükseltmek veya düşürmek için ya gidiyor basıldığında onların temelde geçiş yapmak için gidiyor o pencereyi gösterecek ve bu bir aynı işlevi kullanır ve o zamandan beri biz aracılığıyla bir argüman yolluyorlar işlev % uh istediğimiz eleman için kimlik bir lil konuşmak Daha sonra, bu durumda olmak üzere, uçları bu küçük X olarak gönderilen olsun yani ne olur boynumda olduğu bu küçük basıldığında var X kafası ben edeceğiz değeri tutan Ben PD olsun kabı de edeceğimi arkadaşı konteyner veya özel mesajla bu küçük ihtiva X kendi değer yani burada soran tutun Burada biz bunu değerlendirirken Özel mesaj olabilir kap ihtiva ya arkadaş olarak eklemek gizli içeren Sonra aşağı doğru kaydırın gösterileri aşağı doğru kaydırın gidiyoruz o başka görüşme getiriyor o zaman gizli değilse bunu gizlemek biz başlık ne etkiler kazandı yüzden gösteren demektir Biz ister pencerede kendisi bağlı göstermek veya gizlemek ya var düğmesine olacak basıldığında anda gösteriliyor tamam ve altta biz gizlemek zorunda Çok tüm etkileşim kapları işlevi içinde son satır onları almak için oraya atmak zorunda kaldı Doğru işbirliği ve nasıl çalışır okul hala bu hakkın burada bir yukarı ve devam edecek part 2 nerede biz aslında içine almak için gidiyoruz Onlar arkadaş istemek için çalıştı jQuery Ajax işlevselliği Biz sunucuya veritabanını konuşacağız kontrol ettim ve tüm bu alabilirim iyi şeyler Herkesin arkadaşları böyle şeyler kontrol almak için gidiyor listeleri tamam bu yüzden part 3 kendi özel baskı sistemi oluşturmak için bizi izlemeye devam edin lütfen sosyal ağlar gidiş özel topluluk CF.

Açıklama

PHP, MySQL ve jQuery kullanarak bir ekleme özel arkadaşı ve yönetimi uygulaması sistemi kurmak öğrenin.

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



9.2/10

  • 50
    Olumlu
  • 4
    Olumsuz
  • 23
    Yorum
  • 20083
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Metheud

    Metheud

    9 EYLÜL 2006
  • Numberphile

    Numberphile

    15 EYLÜL 2011
  • Vladimir Jenko

    Vladimir Jen

    1 Mart 2010

ANKET



Bu sayfa işinize yaradı mı?