အွန်လိုင်း 0 န်ထမ်းတက်ရောက်သူတက်ရောက်သူကဒ်အစားထိုးကဒ်အစားထိုးလျှောက်လွှာ Module ကိုအကောင်အထည်ဖော်ရန်အတွက်ဖွံ့ဖြိုးရေးလမ်းညွှန်

နိဒါန်း

လုပ်ငန်းအကြောင်းသတင်းအချက်အလက်တိုးတက်လာခြင်းဖြင့်ကုမ္ပဏီများသည် 0 န်ထမ်းတက်ရောက်ရန်အွန်လိုင်းတက်ရောက်မှုစနစ်များကို အသုံးပြု. ပိုမိုများပြားလာသည်။ အမှန်တကယ်အလုပ်တွင် 0 န်ထမ်းများသည် 4 င်းတို့၏ကဒ်များကိုအထူးအကြောင်းပြချက်ဖြင့်အစားထိုးရန်လိုကောင်းလိုလိမ့်မည်။ ဤဆောင်းပါးသည် PHP နှင့် Vue ကိုအသုံးပြုရမည်ကိုလေ့လာလိမ့်မည်။

နည်းပညာရွေးချယ်ခြင်း

ဖွံ့ဖြိုးတိုးတက်မှုလုပ်ငန်းစဉ်အတွင်းဆာဗာယုတ္တိဗေဒနှင့်ဒေတာဘေ့စ်လုပ်ငန်းများကိုကိုင်တွယ်ရန် Backend သည် PHP ကိုအသုံးပြုသည်။ frontust သည်ပုံစံတင်သွင်းမှုနှင့်ဒေတာမျက်နှာပြင်ကိုအကောင်အထည်ဖော်ရန်အပြန်အလှန်ဆက်သွယ်သည့် interface တစ်ခုတည်ဆောက်ရန် Vue ကိုအသုံးပြုသည်။

Backend Development

ပထမအချက်မှာဒေတာဘေ့စ် connection, data verification နှင့် operation အပါအ 0 င်ကဒ်အစားထိုးလျှောက်လွှာဆိုင်ရာယုတ္တိဗေဒကိုလုပ်ဆောင်ရန် PHP file တစ်ခုကိုဖန်တီးရန်လိုအပ်သည်။

 // ဒေတာဘေ့စ် $ can ကိုချိတ်ဆက်ခြင်း = MySQLI ("localhost", "Username", "Password", "Database",

// အကယ်. ဒေတာဘေ့စ်ဆက်သွယ်မှုသည်အောင်မြင်သည် ($ conn-> connect_error) {
    Die ("ဒေတာဘေ့စဆက်သွယ်မှုမအောင်မြင်ပါ။ " ။ $ Conn-> Connect_ERRORR);
}

// ကဒ်အစားထိုးခြင်းလျှောက်လွှာအတွက်ယုတ္တိဗေဒစစ်ဆင်ရေး ($ _server ["တောင်းဆိုမှု"] == "post"] == "post") {
    // ကဒ်အစားထိုးလျှောက်လွှာအတွက်တင်သွင်းထားသောပုံစံဒေတာကို $ 0 န်ကြီးချုပ် = _ $ _post ["0 န်ကြီး 0 န်ကြီးချုပ်"];
    $ ရက်စွဲ = $ _post ["နေ့စွဲ"];
    $ အကြောင်းပြချက် = $ _post ["အကြောင်းပြချက်"];

    // ကဒ်အစားထိုးလျှောက်လွှာဒေတာများကိုဒေတာဘေ့စ် $ SQL သို့ထည့်သွင်းရန် SQL ထုတ်ပြန်ချက်များကို Database $ sql သို့ထည့်သွင်းရန်ရေးပါ ('0 န်ထမ်းတစ် ဦး, နေ့စွဲ, အကြောင်းပြချက်) တန်ဖိုးများ,

    အကယ်. ($ Conn-> Query ($ SQL) === စစ်မှန်တဲ့)
        ECHO "CARD အစားထိုးလျှောက်လွှာကိုအောင်မြင်သော";
    } အခြား
        ECHO "ကဒ်အစားထိုးလျှောက်လွှာသည်မအောင်မြင်ပါ။ $ Conn-> အမှား;
    }

    $ conn-> အနီးကပ် ();
}

ရှေ့ဆုံးဖွံ့ဖြိုးတိုးတက်မှု

ရှေ့ဆုံးအဆုံးသည်ကဒ်အစားထိုးလျှောက်လွှာပုံစံနှင့်အပြန်အလှန်အကျိုးစီးပွားကိုအကောင်အထည်ဖော်ရန်အတွက် vue ကို အသုံးပြု. အစိတ်အပိုင်းများဖွံ့ဖြိုးတိုးတက်မှုမှတဆင့်ထိန်းသိမ်းခြင်းကိုတိုးတက်စေသည်။

<form @submit="submitForm">
  <label for="employee_id">0 န်ထမ်း ID:</label>
  <input type="text" id="employee_id" v-model="employeeId">
  <br>
  <label for="date">ရက်စွဲ</label>
  <input type="date" id="date" v-model="date">
  <br>
  <label for="reason">အကြောင်းပြချက်:</label>
  <textarea id="reason" v-model="reason"></textarea>
  <br>
  <button type="submit">နားထောင်</button>
</form>

ပို့ကုန်ပျက်ကွက်မှု {
  ဒေတာ () {)
    ပြန်လာ
      emaididid: '',
      ရက်စွဲ: '',
      အကြောင်းပြချက်: ''
    }
  },
  နည်းလမ်းများ: {
    Submptform () {)
      // axios.post ကို backend လုပ်ရန် Post တောင်းဆိုမှုကိုပေးပို့ပါ ('API / Api / Api apply.php', {
        0 န်ကြီးဌာန - ဤ။
        ရက်စွဲ: TAPEDATE,
        အကြောင်းပြချက်: ဒီ
      })
      .then (တုံ့ပြန်မှု => {
        Console.log (Response.data),
        // လုပ်ငန်းစဉ်ကဒ်အစားထိုးလျှောက်လွှာရလဒ်})
      .Catch (အမှား => {
        console.Error (အမှား);
      });
    }
  }
}

အကျဉ်းချုပ်

အထက်ပါအဆင့်များမှတဆင့် PHP နှင့် VUU ကို အသုံးပြု. အွန်လိုင်း 0 န်ထမ်းတက်ရောက်သူကဒ်အစားထိုးလျှောက်လွှာကိုအောင်မြင်စွာတီထွင်ခဲ့သည်။ 0 န်ထမ်းများသည်လျှောက်လွှာပုံစံများကိုဝက်ဘ်စာမျက်နှာပေါ်တွင်ဖြည့်စွက်ပြီးအချက်အလက်များကိုပြုပြင်ခြင်းအတွက်အချက်အလက်များကိုဖြည့်စွက်နိုင်သည်။ ဤဆောင်းပါးသည် developer များနှင့်အပြည့်အစုံကိုဖြည့်ဆည်းပေးရန်အတွက်ဖွံ့ဖြိုးမှုဆိုင်ရာအတွေးအခေါ်များနှင့်ကုဒ်များကိုသာဖော်ပြထားသည်။