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

إضافة form html ل node.js

Hanan Fahad2

السؤال

احتاج اضافة form html ل node js 

لما اكتب document.getelementbyid('")

مايتعرف node js على العناصر كيف اقدر اتعامل مع العناصر الجافا مع النود في حال ابي استخدم html والنود وارسل بيانات لقاعده البيانات واعرض بدون فريم غير النود 

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

Recommended Posts

  • 0

مرحباً @hanan fahad

إن node.js هي بيئة تعمل كـ backend على السيرفر وليست إطار عمل للـ frontend  .

إن التعليمة التي تحاولين استخدامها document.getelementbyid هي تعليمة بلغة جافا سكريبت لتحديد عنصر element ضمن صفحة ال html باستخدام المعرف id الخاص به.

ولكن بما أنك تعملين على السيرفر ضمن ال backend فإن الكائن/الأوبجكت document لن يعمل بالأساس لانه لا يوجد صفحة html وعناصرها ضمن بيئة node.js

من أجل الطلب الذي تفضلتي به، يجب استخدام فريمورك للـ frontend مثل: (VueJs - Angular - React) تقوم بيئات العمل هذه بالتفاعل مع عناصر صفحة html من جهة (DOM) و بالاتصال (ارسال/استقبال البيانات)  للـ backend الموجودة على السيرفر مثل (node.js) من جهة أخرى. 

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

  • 0

يمكنك استخدام node.js كـ backend بدلاً من الـ php للتعامل مع قاعدة البيانات الخاصة بتطبيقك و استحضار البيانات منها و ارسالها إلى الـ frontend

وبالمقابل سيتوجب استخدام إطار عمل مخصص للـ frontend مثل (VueJs - Angular - React)  ليقوم بالاتصال بالـ backend و جلب الداتا منها و عرضها على الواجهة الأمامية للمستخدم.

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

  • 0
بتاريخ 5 ساعات قال hanan fahad11:

مايتعرف node js على العناصر كيف اقدر اتعامل مع العناصر الجافا مع النود في حال ابي استخدم html والنود وارسل بيانات لقاعده البيانات واعرض بدون فريم غير النود 

أيضاً أود الإضافة على جوابي السابق، أنه في حال كان المقصد من السؤال عدم استخدام أي framework في الـ frontend فبالطبع يمكنك بناء برمجة الـ frontend من خلال استخدام لغة جافاسكربت فقط (pure JavaScript) أو أحد مكاتبها كالـ jQuery .

فالجافاسكربت هي الأساس في بناء جميع أطر العمل المذكورة سابقاً. ويمكنها بكل تأكيد استحضار البيانات من الـ backend (عن طريق استخدام API) ثم استخدام و عرض البيانات ضمن واجهات المستخدم.

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

  • 0

 سوال اخر في حال ماابغا استخدم mangoكقاعده بيانات وباستخدم mysql كيف استبدل شرح المدرب schema بمايناسبها في mysql اريد شرح مفصل لاستخدامmysqlبدلmango لانها اسهل 

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

  • 0

أهلا @hanan fahad11

تماماً، يمكنك استخدام قواعد البيانات العلائقية Relational databases مثل MySQL مع node.js كالتالي:

في البداية نقوم بتنصيب المكتبة اللازمة للاتصال باستخدام محرر الاوامر كالتالي:

C:\Users\Your Name>npm install mysql

الان أصبح بالامكان استخدام هذا المودل لإنشاء اتصال بقاعدة بيانات من نوع SQL:

var mysql = require('mysql');

الان سنقوم بانشاء ملف لنضع فيه تعليمات الاتصال بقاعدة البيانات اسمه demo_db_connection.js، نضع فيه التعليمات التالية:

// اوبجكت انشاء الاتصال
var mysql = require('mysql');

// تحديد اسم قاعدة البيانات و اسم المستخدم و كلمة المرور
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword"
});

// التاكد من نجاح الاتصال
con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
});

 نقوم بتشغيل الملف السابق في محرر الاوامر:

C:\Users\Your Name>node demo_db_connection.js

والان في حال نجاح الاتصال سيطبع لنا العبارة التالية:

Connected!

يمكن أيضاً عمل استعلام ما لقاعدة البيانات من خلال التابع query كالتالي:

con.connect(function(err) {
  if (err) throw err;
  con.query("SELECT * FROM customers", function (err, result, fields) {
    if (err) throw err;
    console.log(result);
  });
});

وعند تشغيل الملف مرة أخرى سيطبع نتيجة الاستعلام.

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...