Microsemi AN1256 Web ပရိုဂရမ်မာများလျှောက်လွှာ

နိဒါန်း

JSON (JavaScript Object Notation) သည် open-standard တစ်ခုဖြစ်သည်။ file ဒေတာဖလှယ်ရန်အတွက် လူသားဖတ်နိုင်သော စာသားကို အသုံးပြုသည့် ဖော်မတ်။ ၎င်းသည် အပြိုင်အဆိုင် ဘရောက်ဆာ/ဆာဗာ ဆက်သွယ်မှုအတွက် အသုံးပြုလေ့ရှိသော ဒေတာဖော်မတ်တစ်ခုဖြစ်သည်။
အသစ်အတွက် web စာမျက်နှာဒီဇိုင်း၊ JSON ဖော်မတ်သည် မူရင်း AJAX စတိုင်ကို အစားထိုးနိုင်သည်။ JSON ကို အသုံးပြု၍ AJAX နှင့် နှိုင်းယှဉ်ပါ။ Web အကောင်အထည်ဖော်ရာတွင် ပိုမိုလွယ်ကူ ရိုးရှင်းပါသည်။ ပြုစုသူကိုသာ အာရုံစိုက်ရန် လိုအပ်သည်။ web စာမျက်နှာဒီဇိုင်းနှင့် Web JSON အသုံးပြုခွင့်နည်းလမ်းတစ်ခုစီတွင် ပံ့ပိုးထားပြီးဖြစ်သောကြောင့် handler အကောင်အထည်ဖော်မှုကို ချန်လှပ်ထားနိုင်သည်။ WebStaX ဆော့ဖ်ဝဲ မော်ဂျူးများ။
ဤစာတမ်းတွင် ဆော့ဖ်ဝဲလ်အင်ဂျင်နီယာအတွက် ပရိုဂရမ်မာများ လမ်းညွှန်ချက်ကို ဖော်ပြထားပါသည်။ Web JSON မှတဆင့် စာမျက်နှာ အသေးစိတ်လုပ်ထုံးလုပ်နည်းများ examples သည် အောက်ပါ ကဏ္ဍများတွင် ပါဝင်သည်။

JSON ဒေတာဝင်ရောက်လည်ပတ်မှု

ကျော်view
ဤသည်မှာ ကလိုင်းယင့်(ဘရောက်ဆာ) မှ HTTP ချိတ်ဆက်မှု စတင်သည့် JSON ဒေတာဝင်ရောက်မှု စီးဆင်းမှုဖြစ်သည်။ HTML ဇယားကို ဆာဗာ(DUT) ဘက်မှ လက်ခံရရှိသော JOSN ဒေတာအရ ဒိုင်းနမစ်ဖြင့် ဖန်တီးထားသည်။

ပုံ ၇။ ကလိုင်းယင့်နှင့် ဆာဗာအကြား ဝင်ရောက်စီးဆင်းမှု

JSON ဒေတာ တောင်းဆိုခြင်း/တုံ့ပြန်မှု
JSON တောင်းဆိုချက်ပက်ကတ်သည် HTTP တောင်းဆိုချက်ပို့စ်နည်းလမ်းအပေါ် အခြေခံပြီး အကြောင်းအရာသည် MSCC JSON ဖော်မတ်ကို လိုက်နာရမည်ဖြစ်သည်။

• JSON syntax တောင်းဆိုရန်-{"နည်းလမ်း":" ”,”ဘောင်များ”:[ ], “id:”jsonrpc”}
• တုံ့ပြန်မှု JSON အထားအသို- {"အမှား"- ,"ရလဒ်": , “id:”jsonrpc”}

အောက်ပါလျှပ်တစ်ပြက်ပုံများသည် ဘရောက်ဆာနှင့် DUT အကြား JSON အကြောင်းအရာကို ပြသသည်။

ပုံ ၇။ client ထံမှ HTTP တောင်းဆိုမှု၏ လျှပ်တစ်ပြက်

ပုံ ၇။ ဆာဗာမှ HTTP တုံ့ပြန်မှု၏ လျှပ်တစ်ပြက်

MSCC JSON သတ်မှတ်ချက်
နည်းလမ်း၊ ကန့်သတ်ချက်၊ ဖော်ပြချက်နှင့် စသည်တို့အပါအဝင် JSON အချက်အလက်အပြည့်အစုံကို ရယူရန် “http:// ကို ရိုက်ထည့်ပါ။ သင့်ဘရောက်ဆာလိပ်စာဘားတွင် /json_spec”။ JSON နည်းလမ်းအမည် “jsonRpc.status.introspection.specific.inventory.get” မှတစ်ဆင့် အခြားဝင်ရောက်သုံးနည်းလမ်းတစ်ခုရှိပါသည်၊ ၎င်းကို သီးခြားနည်းလမ်းတစ်ခုအတွက် အသုံးပြုပါသည်။

ပုံ ၇။ JSON သတ်မှတ်ချက်၏ လျှပ်တစ်ပြက် web စာမျက်နှာ

Web မူဘောင်

ဟိ Web မူဘောင် WebStaX ဆော့ဖ်ဝဲသည် ပွင့်လင်းရင်းမြစ် MooTools ကို အခြေခံထားသည်။ ၎င်းသည် MIT လိုင်စင်ဖြင့် JavaScript utilities များစုစည်းမှုဖြစ်သည်။ (http://mootools.net/license.txt) မီနူးဘားနှင့်အများဆုံး web စာမျက်နှာများသည် မူဘောင်ပေါ်တွင် အခြေခံသည်။ AJAX နှင့် JSON algorithm နှစ်ခုလုံးကို ၎င်း၏ utilities များတွင် ပေါင်းစပ်ထားပြီးဖြစ်သည်။
အစုံ၊ WebStaX ဆော့ဖ်ဝဲသည် JSON အတွက် အသုံးဝင်သည့် အခြားသော utilities များကို ပံ့ပိုးပေးပါသည်။ web စာမျက်နှာဒီဇိုင်း။

• json.js – JSON syntax ဖြင့် ဒိုင်းနမစ်ဒေတာကို ပို့/လက်ခံရန် အတွက် အသုံးပြုပါ။
• dynforms.js – HTML table ကို dynamically ဖန်တီးရန်အတွက် အသုံးပြုပါ။
• validate.js – HTML ဖောင်ကို အတည်ပြုရန်အတွက် အသုံးပြုပါ။

JavaScript libraries အပြည့်အစုံသည် အရင်းအမြစ်သစ်ပင်လမ်းညွှန်အောက်တွင် တည်ရှိသည်- webstax2\ vtss_appl\web\html\lib

JSON အတွက် လမ်းညွှန်ချက် Web စာမျက်နှာဒီဇိုင်း

ဤအပိုင်းသည် ဒီဇိုင်းကို မည်သို့ပြုလုပ်ရမည်ကို လမ်းညွှန်ထားသည်။ web MSCC JavaScript စာကြည့်တိုက်များကို အခြေခံထားသော စာမျက်နှာ။ ကျွန်ုပ်တို့သည် Mirror global configured ကိုအသုံးပြုသည်။ web စာမျက်နှာဟောင်းampဒီမှာ။ အပြိုင်အဆိုင် ဆက်သွယ်ရေးသည် HTTP JSON အသုံးပြုခွင့်နည်းလမ်းအပေါ် အခြေခံပြီး ကမ္ဘာလုံးဆိုင်ရာ ပြင်ဆင်သတ်မှတ်ထားသော ကန့်သတ်ဘောင်များအားလုံးကို ပြောင်းလဲနေသော HTML ဇယားတစ်ခုတွင် ဖော်ပြထားပါသည်။
ဟိ web စာမျက်နှာအပြင်အဆင်ကို အောက်တွင်ဖော်ပြထားပြီး အရင်းအမြစ်ကုဒ်အပြည့်အစုံသည် အရင်းအမြစ်သစ်ပင်လမ်းညွှန်အောက်တွင် တည်ရှိသည်- webstax2\vtss_appl\mirror\html\mirror_ctrl.htm။ ပိုပုံမှန်ရဖို့ web စာမျက်နှာများကို ကိုးကား၍ နောက်ဆက်တွဲကဏ္ဍကို ကြည့်ပါ။

Mirror & RM Mirror Confiquration Table

ပုံ ၇။ Exampကမ္ဘာလုံးဆိုင်ရာ configured table ၏ le

တည်းဖြတ်ပါ။ Web စာမျက်နှာ

HTML ခေါင်းစီး
HTML တွင် လိုအပ်သော JS စာကြည့်တိုက်များ ထည့်သွင်းပါ။ tag.

ပြောင်းလဲနေသောဇယားအရင်းအမြစ်ကို စတင်ပါ။

• HTML စာရွက်စာတမ်း အဆင်သင့်ဖြစ်သောအခါ၊ dynamic table resource ကို အစပြုရန် DynamicTable() ကိုခေါ်ဆိုပါ။
• JSON ဒေတာကို လက်ခံရရှိပြီးနောက် DynamicTable() ကို ဖန်တီးရန်အတွက် အသုံးပြုသည်။
• ထို့နောက် JSON အမိန့်ပေးစီးဆင်းမှုကို စတင်ရန် တောင်းဆိုချက် အပ်ဒိတ်ကို ခေါ်ဆိုပါမည်။

1. window.addEvent('domready'၊ function() {
2. // JSON ဒေတာလက်ခံ/ပို့လွှတ်ရန်အတွက် ဇယားကိုယ်ထည်ပါသော ဖောင်ပုံစံတစ်ခု ဖန်တီးပါ။
3. myDynamicTable = DynamicTable အသစ်(“myTableContent”၊ “config”၊”plusRowCtrlBar”);
   4
4. RequestUpdate();
5. });

JSON ဒေတာ တောင်းဆိုခြင်း/တုံ့ပြန်မှု

• HTML စာရွက်စာတမ်း အဆင်သင့်ဖြစ်သောအခါ၊ configured sessions များအကြောင်း အချက်အလက်ရရှိရန် JSON တောင်းဆိုချက် “mirror.config.session.get” ကို ပေးပို့ရန် requestJsonDoc() ကို အသုံးပြုပါ။
• “mirror.capabilities.get” အတွက် JSON ဒေတာကို လက်ခံရရှိပြီးနောက်၊ ပြန်ခေါ်သည့် လုပ်ဆောင်ချက် တောင်းဆိုချက်Update() ကို ဆောင်ရွက်ပေးပါမည်။ လုပ်ဆောင်ချက်တောင်းဆိုချက် အပ်ဒိတ်သည် လက်ရှိဖွဲ့စည်းပုံကို ရယူရန် “mirror.config.session.get” ကို ခေါ်ပါမည်။ လက်ရှိဖွဲ့စည်းမှုပုံစံကို လက်ခံရရှိသောအခါ၊ ပြသရမည့်ဇယားကို တည်ဆောက်ရန် လုပ်ဆောင်ချက် လုပ်ငန်းစဉ်မွမ်းမံမှုကို ခေါ်သည်။

1. လုပ်ဆောင်ချက် တောင်းဆိုချက် အပ်ဒိတ်()
2. {
3. // ဇယားအကြောင်းအရာကို ပြန်လည်ရယူပါ။
4. myDynamicTable.restore();
   5
5. // ဤဇယားတွင် JSON ဒေတာနှစ်ခု။
6. requestJsonDoc(“mirror.config.session.get”၊ null၊ processUpdate၊ “config”);
7. }

ရရှိလာသော JSON ဒေတာကို လုပ်ဆောင်ပါ။

• လုပ်ဆောင်ချက် processUpdate() ကို JSON ဒေတာကို လက်ခံရရှိပြီးနောက် ပြောင်းလဲနေသောဇယားကို ပုံစံထုတ်ရန်အတွက် အသုံးပြုပါသည်။
• addRows() ကို ဇယားတန်းများထည့်ရန် အသုံးပြုသည်။ myDynamicTable.update() လက်ကွက်ကို နိဒါန်းပါ။
  ဇယားအတန်းရှိဒေတာများအတိုင်း HTML ဇယား။

1. function processUpdate(recv_json၊ အမည်)
2. {
3. // ဒေတာမရရှိပါက လုပ်ငန်းစဉ်ကို လျစ်လျူရှုပါ။
4. အကယ်၍ (!recv_json) {
5. သတိပေးချက်(“ပြောင်းလဲနေသောဒေတာကိုရယူရန် မအောင်မြင်ပါ။”);
6. ပြန်လာ;
7. }
8. // ရရှိလာသော JSON ဒေတာကို သိမ်းဆည်းပါ။
9. myDynamicTable.saveRecvJson(“config”၊ recv_json);
10. // ဇယားတန်းများကိုထည့်ပါ။
11. var table_rows = addRows(recv_json);
12. myDynamicTable.addRows(table_rows);
14. // ဤရွေ့လျားနေသောဇယားကို အပ်ဒိတ်လုပ်ပါ။
15. myDynamicTable.update();
17. // အချိန်တိုင်းကိရိယာကို ပြန်လည်စတင်ပါ။
18. var autorefresh = document.getElementById("autorefresh");
19. အကယ်၍ (autorefresh && autorefresh.checked) {
20. အကယ်၍ (timerID) {
21. clearTimeout(အချိန်တိုင်း ID);
22. }
23. timerID = setTimeout('requestUpdate()'၊ settingsRefreshInterval());
24. }
25. }

ဇယားတန်းများထည့်ပါ။

• addRows() လုပ်ဆောင်ချက်တွင်၊ ကျွန်ုပ်တို့သည် ဇယားအတန်းရှိ ဂလိုဘယ် configured parameter တစ်ခုစီကို ဖြည့်ရန် JSON ဖော်မတ်ကို အသုံးပြုပါသည်။
• HTML အကွက်အားလုံးကို JSON အခင်းအကျင်း (“table_rows”) တွင် ဖော်ပြထားပြီး ဇယားကွက်၏ အစီအမံကို အောက်တွင် ဖော်ပြထားသည်။

အထားအသို-
ဇယား_တန်းများ-[ ၊ ၊… ] : { ၊ ၊… }
: {“အမျိုးအစား”- ၊ "ဘောင်များ":[ ၊ ၊ …၊ ]}

• ဤအခြေအနေတွင်၊ အတန်းတစ်ခုစီတွင် အကွက်ငါးခုပါရှိသည်- "Session ID", "Mode", "Type", "VLAN ID" နှင့် "Reflector Port" ဥပမာampလဲ့၊

စက်ရှင် ID (အမည်အကွက်- int32_t)	1 (ကြေးမုံအစည်းအဝေး၏ ID)
မုဒ် (အမည်အကွက်- vtss_bool_t)	အမှန် (Mirror session ကိုဖွင့်ထားသည်ဟု ဆိုလိုသည်)
ရိုက်ပါ။ (အမည်အကွက်- စာရင်းကောက်ယူခြင်း။ {ကြေးမုံ၊ rMirrorSource၊ rMirrorDestination}	RMMirror အရင်းအမြစ် (၎င်းသည် အဝေးမှကြေးမုံတစ်ခု၏ အရင်းအမြစ်ဖြစ်သည်။
VLAN ID (အမည်အကွက်- uint16_t)	200 ( mirroring အတွက်သုံးသော vlan )
Reflector Port ၊ (အမည်အကွက်- vtss_ifindex_t)	Gi 1/1 ( mirrored traffic ကို ပေးပို့သည့် port ၊

• myDynamicTable.addRows() သည် JSON ဒေတာကို HTML ဖော်မတ်သို့ ပြောင်းပြီး HTML ဇယားကို ထုတ်ပေးမည်ဖြစ်သည်။

1. လုပ်ဆောင်ချက် addRow(သော့၊ val)
2. {
3. var none_map_val = 0xFFFFFFFF၊ none_map_text = “မရှိ”၊ none_interface_text = “NONE”;
4. var tunnel_mode_suffix = val.TunnelMode == “သုံးဂလိုဘယ်” ? ” (” + oTTunnelMode[oVTunnelMode.indexOf(global_conf.tunnelMode)] + “)” : “”;
5. var row = {နယ်ပယ်များ-[
6. {type:”link”၊ ဘောင်များ-[“cr”၊ “mirror.htm?session_id=” + သော့၊ သော့]}၊
7. {type:”text”၊ params-[oTMode[oVMode.indexOf(val.Mode)]၊ “c”]}၊
8. {type:”text”၊ params-[oTType[oVType.indexOf(val.Type)]၊ “c”]}၊
9. {type:”text”၊ ဘောင်များ-[val.Type == “ကြေးမုံ” ? "-":
   val.RMirrorVlan၊ “c”]}၊
10. {type:”text”၊ ဘောင်များ-[val.Type == “rMirrorSource” ?
    val.ReflectorPort : “-”၊ “ဂ”]}
11. ]};
12. အတန်းပြန်;
13. }
14. လုပ်ဆောင်ချက် addRows(recv_json)
15. {
16. var အတန်း၊ empty_colspan = 7;
17. var table_rows = new Array();
18. // ဇယားခေါင်းစီးကိုထည့်ပါ။
19. addheader(table_rows);
20. // အတန်းတစ်ခုတည်းကို ထည့်ပါ။
21. Object.each(recv_json၊ function(မှတ်တမ်း) {
22. table_rows.push(addRow(record.key၊ record.val));
23. });
24. ဇယား_တန်းများကို ပြန်ပေးခြင်း၊
25. }

Web အကူအညီစာမျက်နှာ
အများအတွက် web အကူအညီ စာမျက်နှာ ဒီဇိုင်း၊ အကူအညီ ဖော်ပြချက်သည် ဖော်ပြချက် စာသားသည် JSON အထွက်နှင့် ကိုက်ညီနိုင်ပြီး မလိုအပ်သော ဖော်ပြချက်များကို လျှော့ချရန် ကူညီပေးကြောင်း JSON သတ်မှတ်ချက်ကို ရည်ညွှန်းနိုင်သည်။ ထွample ဤနေရာတွင် dhcp6 relay configuration မှယူသည်။

အရင်းအမြစ်ရှိ Hyper-link file
အကူအညီကို ခန့်အပ်ပါ။ file ၎င်း၏အရင်းအမြစ်၌တည်နေရာ file HTML tag. ပုံသေ ပြောင်းလဲနိုင်သော အမည် “help_page” ကို အသုံးပြုသည်။ web အကူအညီစာမျက်နှာတာဝန်။

2. // Help page မှော်
3. var help_page = “/help/help_xxx.htm”;

JSON သတ်မှတ်ချက်မှ HTML အကွက်ဖော်ပြချက်ကို အပ်ဒိတ်လုပ်ပါ။

• သုံးပါ။ သို့မဟုတ် HTML tag HTML ဇယားဖော်ပြချက်အား ကြေညာရန်နှင့် ၎င်းအတွက် ထူးခြားသော ID တစ်ခုပေးထားသည်။ tag.
• HTML စာရွက်စာတမ်း အဆင်သင့်ဖြစ်သောအခါ၊ JSON သတ်မှတ်ချက်တစ်ခုလုံးကို ရယူရန် loadXMLDoc() ကိုခေါ်ဆိုပါ သို့မဟုတ် JSON နည်းလမ်းအမည် “jsonRpc.status.introspection.specific.inventory.get” ဖြင့် သီးခြားနည်းလမ်းဖော်ပြချက်ကို ရယူပါ။
• processTableDesc() ကို ဇယားဖော်ပြချက်အား အပ်ဒိတ်လုပ်ရန် အသုံးပြုပြီး processUpdate() ကို ဇယားကန့်သတ်ဖော်ပြချက်အား အပ်ဒိတ်လုပ်ရန် အသုံးပြုပါသည်။
• တိကျသောဒြပ်စင်အမည်များနှင့်ကိုက်ညီသည့် JSON ဒြပ်စင်များကိုမွမ်းမံရန် processUpdate() တွင် updateTableParamsDesc() ကိုခေါ်ဆိုပါ။
• အပ်ဒိတ်လုပ်ပါ။ သို့မဟုတ် tag Element ဖော်ပြချက်အရ အတွင်း HTML

2. /* HTML ဖော်ပြချက် အကွက်များကို အပ်ဒိတ်လုပ်ပါ */
3. function processTableDesc(req) {
4. အကယ်၍ (!req.responseText) {
5. ပြန်လာ;
6. }
7. var json_spec = JSON.decode(req.responseText);
8. // ဇယားဖော်ပြချက်ကို အပ်ဒိတ်လုပ်ပါ။
9. $(“TableDesc”).innerHTML = getJsonSpecElement(json_spec, “groups”, “dhcp6_relay.config.vlan”).ဖော်ပြချက်;
10. }
11. /* HTML ဇယားပါရာမီတာဖော်ပြချက်ကို အပ်ဒိတ်လုပ်ပါ*/
12. function processUpdate(recv_json) {
13. // ဇယားပါရာမီတာဖော်ပြချက်ကို အပ်ဒိတ်လုပ်ပါ။
14. var param_names = [
15. {
16. "alias"- "အင်တာဖေ့စ်"၊
17. “အမျိုးအစား”- “vtss_ifindex_t”၊
18. "အမည်"- "vlanInterface"၊
19. "နောက်ဆက်": ""
20. },
21. {
22. "alias"- "Relay Interface"၊
23. “အမျိုးအစား”- “vtss_ifindex_t”၊
24. "အမည်"- "relayVlanInterface"၊
25. “နောက်ဆက်”: “။ ထပ်ဆင့်လွှင့်ခြင်းအတွက် အသုံးပြုသည့် အင်တာဖေ့စ်၏ ID။"
26. },
27. {
28. "alias"- "Relay Destination"၊
29. “အမျိုးအစား”- “mesa_ipv6_t”၊
30. "အမည်"- "relay_destination"၊
31. “နောက်ဆက်”: “။ တောင်းဆိုထားသော DHCPv6 ဆာဗာ၏ IPv6 လိပ်စာကို ထပ်ဆင့်ပေးပို့ရမည်။ မူရင်းတန်ဖိုး 'ff05::1:3' သည် 'မည်သည့် DHCP ဆာဗာ' ဖြစ်သည်။"
32. }
33. ];
34. updateTableParamsDesc(“TableParamsDesc”၊ recv_json၊ “dhcp6_relay.config.vlan.get”၊ param_names);
35. }
36. /* JSON သတ်မှတ်ချက်ကို ရယူပါ*/
37. window.addEvent('domready'၊ function () {
38. loadXMLDoc(“/json_spec”၊ processTableDesc);
39. requestJsonDoc(“jsonRpc.status.introspection.specific.inventory.get”၊ “dhcp6_relay.config.vlan”၊ processUpdate);
40. });

မီနူးဘားရှိ ဟိုက်ပါလင့်ခ်

• မီနူးဘား၏ HTML အရင်းအမြစ်ကုဒ်ကို ထုတ်ပေးသည်။ file webstax2\vtss_appl\web\menu_default.cxx။
• ဤအရာများကို တည်းဖြတ်ပါ။ file အဘို့ Web စာမျက်နှာ ဟိုက်ပါလင့်ခ်။

1. # သတ်မှတ်လျှင် (VTSS_SW_OPTION_DHCP6_RELAY)
2. ITEM(“Relay၊dhcp6_relay.htm”);
3. #endif //VTSS_SW_OPTION_DHCP6_RELAY

မှတ်ချက်
မီနူးဘားရှိ အုပ်စုအဆင့်ကို ဆုံးဖြတ်ရန် အသုံးပြုသည့် ITEM(“”) တွင် နေရာလွတ်ဇာတ်ကောင်အရေအတွက်ကို သတိပြုပါ။ ဤကိစ္စတွင်အားလုံး web စာမျက်နှာများသည် “DHCPv6” အုပ်စုအောက်တွင်ရှိသည်။

ပုံ ၃ampကမ္ဘာလုံးဆိုင်ရာ configured table ၏ le

နောက်ဆက်တွဲ

ရိုးရိုး web စာမျက်နှာများ

ပုံမှန် တော်တော်များများရှိပါတယ်။ web ရည်ညွှန်းဒီဇိုင်းအတွက် စာမျက်နှာများကို အသုံးပြုနိုင်သည်။ နောက်ထပ် ဟောင်းတစ်ယောက်ampဤနေရာတွင်ပြသရန်မှာ vtss_appl\mirror\html\mirror.htm တွင်တွေ့ရှိရသော mirror session တစ်ခု၏ဖွဲ့စည်းပုံဖြစ်သည်။
ဟိ web စာမျက်နှာသည် တစ်ခုတည်းသော mirror session အတွက် အသေးစိတ်ဖွဲ့စည်းမှုကို ပံ့ပိုးပေးသည်။ ပြင်ဆင်သတ်မှတ်ထားသော ကန့်သတ်ချက်များအားလုံးကို ဖော်ပြထားပါသည်။

• လက်ရှိဖွဲ့စည်းမှုပုံစံကိုအသုံးပြုရန် "သိမ်းဆည်းရန်" ခလုတ်ကိုနှိပ်ပါ။
• လက်ရှိဖွဲ့စည်းပုံကို ပြန်လည်သတ်မှတ်ရန် "Reset" ခလုတ်ကိုနှိပ်ပါ။
• အပေါ်သို့ပြန်သွားရန် "Cancel" ကိုနှိပ်ပါ။view ကြေးမုံအစည်းအဝေးများ

Mirror&RM Mirror Configuration

ကမ္ဘာလုံးဆိုင်ရာ ဆက်တင်များ

အရင်းအမြစ် VLAN(များ) ဖွဲ့စည်းမှု

Port Configuration

ပုံ ၇။ Exampmirror session ၏အသေးစိတ်ဖွဲ့စည်းပုံ၏ le
“Save”၊ “Reset” နှင့် “Cancel” ခလုတ်များကို html ကုဒ်ဖြင့် ထည့်သွင်းသည်-

JSON Command စီးဆင်းမှု
ဤစာမျက်နှာတွင် အဆင့်နှစ်ဆင့် command flow လိုအပ်သည်-

• ပထမဦးစွာ ၎င်းသည် နည်းလမ်း “mirror.capabilities.get” ဖြင့် စက်၏စွမ်းရည်များကို ရယူရန်လိုအပ်သည်။ စွမ်းရည်များသည် မပြောင်းလဲဘဲ တစ်ကြိမ်သာ ဖတ်ရန် လိုအပ်သည်။
• ထို့နောက် “mirror.config.session.get”၊ “port.status.get” နှင့် “topo.config.stacking.get” တို့ကို stacking ပြုလုပ်သည့်အခါတွင် ၎င်းသည် နည်းလမ်းများကို အသုံးပြု၍ စက်၏ လက်ရှိဖွဲ့စည်းပုံကို ရယူရန် လိုအပ်သည်။

“mirror.capabilities.get” ၏ခေါ်ဆိုမှုသည် “domready” ဖြစ်ရပ်မှ အစပြုပြီး ရလဒ်အား လုပ်ဆောင်ချက်တောင်းဆိုချက်မွမ်းမံမှုဖြင့် ကိုင်တွယ်ရန် စီစဉ်သတ်မှတ်ထားသည်။
RequestUpdate သည် “mirror.config.session.get” ၏ခေါ်ဆိုမှုကို စတင်လိမ့်မည်၊
“port.status.get” နှင့် “topo.config.stacking.get” တို့ကို တွဲတင်သည့်အခါတွင် ၎င်းခေါ်ဆိုမှုများ၏ရလဒ်များကို လုပ်ဆောင်ချက်ပြင်ဆင်မွမ်းမံမှုဖြင့် ကိုင်တွယ်ရန် စီစဉ်သတ်မှတ်ထားသည်။
လုပ်ဆောင်ချက်ပြင်ဆင်မွမ်းမံမှုသည် ရလဒ်အားလုံးကို စုဆောင်းမည်ဖြစ်ပြီး အားလုံးကို လက်ခံရရှိသည့်အခါမှသာ ၎င်းသည် ဇယားများပေါ်တွင်ပြသမည့် ဇယားများကိုတည်ဆောက်မည့် function processUpdate ကိုခေါ်ဆိုမည်ဖြစ်သည်။ web.

ကိုးကား

1. ဝီကီပီးဒီးယား JavaScript https://en.wikipedia.org/wiki/JavaScript
2. JSON https://www.json.org/
3. MoonTools https://mootools.net/

စာရွက်စာတမ်းများ / အရင်းအမြစ်များ

Microsemi AN1256 Web ပရိုဂရမ်မာများလျှောက်လွှာ [pdf] အသုံးပြုသူလမ်းညွှန် AN1256၊ AN1256 Web ပရိုဂရမ်မာများ လျှောက်လွှာ၊ Web ပရိုဂရမ်မာများ လျှောက်လွှာ၊ လျှောက်လွှာ

ကိုးကား

• အသုံးပြုသူလက်စွဲ