إضافة form html ل node.js

مرحباً @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) من جهة أخرى. 

كيف طيب اذا ابي استخدم node كباك بدل php واستخدم الجافا سكربت node واسوي تطبيق 

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

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

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

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

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

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

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

أهلا @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);
  });
});

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