اذهب إلى المحتوى
  • 0

كيف أضيف مزايا شبيهة بموقع تويتر إلى موقعي ؟

محمد الحربي36

السؤال

ماهو الكود الذي يجب أن استخدمه لأجعل موقعي يتيح للمستخدمين إبداء آرائهم ولأبسط الفكرة أكثر (ماهو الكود (الوسم،أو الـtag) الذي يستخدمه موقع تويتر ليتيح لمستخدميه من وضع تغريداتهم + ويتيح الموقع الإعجاب بالتغريدة وإعادة تغريدها وتضمينها في هاشتاق) وأيضا ماهي الطريقة التي يمكن من خلالها تضمين تغريدات معينة في هاشتاق محدد بحيث عندما نضغط على الهاشتاق تظهر التغريدات المضمّنة فيه؟

تم التعديل في بواسطة Hassan Hedr
توضيح السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لا يمكن تحقيق الأمر الا عبر التكامل التام مع باقي مكونات الموقع، من قاعدة بيانات وسماحيات وبيانات مستخدمين

هذه المزايا يجب ان يتم برمجتها لتتناسب مع الموقع، أو اذا كان موقعك مبنيا على ووردبرس WordPress يمكنك البحث عن اضافات مجانية يمكنك تركيبها لاضافة بعض المزايا التي تريد

اذا كنت تريد توظيف مبرمج مستقل ليطور لك المزايا يمكنك اضافة وصف مشروعك على موقع مستقل من هنا واختيار مبرمج مناسب بعد الاتفاق،

احرص على وصف المزايا بدقة ووصف طبيعة موقعك من حيث لغات البرمجة المستخدمة أو اطر العمل    

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

الأمر بالطبع ليس بالبساطة التي يظهر عليها , فلتحقيق ذلك تحتاج التكامل بين الواجهتين الأمامية و الخلفية و القراءة من قواعد البيانات بإستعلامات خاصة . و لكن عموما يمكن تحقيق فكرتك بإتباع التالي : 

  • تضمين الهاتشتاغ في رابط تشعبي خاص بصفحة عرض و فلترة الهاتشتاغات في هيكلية صفحة الـ HTML . 
  • فلترة نصوص الحقل المستهدف في الجدول المستهدف بحسب الهاتشتاغ الممرر في الرابط التشعبي . 
  • عرض النتائج الحاوية لحقول حاملة لذات الهاتشتاغ . 

مثال عملي في لغة الـ PHP : 

لنقل أننا نحتاج فلترة التدوينات التي تحتوي الهاشتاغ someHashtag اخرها .

  • تكون الهيكلية لصفحة ما مثلا : 
    <div class="article">
      <p>some dummy text some dummy text some dummy text</p> 
      <p>some dummy text some dummy text some dummy text</p>
      
      <a href="http://my_domain.dm/path/to/filter_tags?tag=someHashtag"> #someHashtag </a>
    </div>

     

  • في صفحة العرض المقدمة من الرابط المعرف في الخاصية href للعنصر a في الهكلية السابقة نحتاج عمل التالي : 

  1. استخراج الهاشتاغ من الرابط 
  2. بناء إستعلام قراءة من قواعد البيانات إنطلاقا من المستخرج 
  3. عرض النتائج 

 يترجم ذلك الشيفرة التالية : 

if(isset($_GET['tag']) && $_GET['hashtag'] != '') {
   $tag = trim($_GET['tag']);

   $result = mysql_query("SELECT * FROM `articles` WHERE article LIKE '%$tag%' ORDER BY `id` DESC");
   
   while($row = mysql_fetch_array($result)) { ?>
    
   <div>  <?php echo $row['article']; ?> </div>
   
   <?php 
   
   }
}
?>

كما يمكنك تخصيص العملية و إضافة تفاصيل أخرى . 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 4 دقائق مضت قال محمد الحربي24:

هل أقوم بتنزيل إضافة developer tools واستخدامها على موقع تويتر لأستفيد أكثر أم أن هذا الأمر لن يجدي؟

في حال لديك خبرة برمجية وتود تطوير الميزات بنفسك قد تستفيد من رؤية شيفرات المواقع التي تريد تطوير ميزات مشابهة لها،

لكن هذا سيقتصر على الواجهة الامامية فقط فأغلب العمليات الأساسية تكون بطرف الخادم ولا يمكن رؤية شيفرات الخادم

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 20 دقائق مضت قال محمد الحربي24:

ماذا تقصد بـ"العمليات الأساسية" و "شيفرات الخادم" ؟

العمليات الأساسية مثل تخزين البيانات وتطبيق الصلاحيات والتحقق من البيانات المرسلة،

شيفرات الخادم Server Code وهو الجزء من تطبيقك الذي يعمل خلف خادم Server ويطبق العمليات الاساسية كاستقبال البيانات وتعديلها وخزينها

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

شكرا لك أخي ولكن إن أمكن أن تزودني برابط لتحميل إضافة developer tools فأنا لم أجدها في متجر إضافات غوغل وبحثت حتى في المتصفح ولم أجدها وسأكون شاكر لك.

بالمناسبة أنا أستعمل كمبيوتر بنظام تشغيل ويندوز 10 وليس هاتف ذكي

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 دقيقة مضت قال محمد الحربي24:

شكرا لك أخي ولكن إن أمكن أن تزودني برابط لتحميل إضافة developer tools فأنا لم أجدها في متجر إضافات غوغل وبحثت حتى في المتصفح ولم أجدها وسأكون شاكر لك.

بالمناسبة أنا أستعمل كمبيوتر بنظام تشغيل ويندوز 10 وليس هاتف ذكي

Developer Tools هي أداة مساعدة مضمنة ضمن المتصفح نفسه يمكنك الوصول اليها عبر الضغط على F12

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...