銆€銆€Web鍙鍖栨湁鍝簺鐢ㄩ€�?

銆€銆€Web鍙鍖栨槸閫氶亷(gu貌)鍩轰簬HTML5缍�(w菐ng)闋�(y猫)鐎忚鍣ㄧ殑鍙鍖栫晫闈�锛岀劇(w煤)璜栨槸PC銆佹櫤鑳芥墜姗�(j墨)閭勬槸骞虫澘闆昏叇绛夎ō(sh猫)鍌欙紝閮借兘鏂逛究鍦伴€�(j矛n)琛屾搷鎺у拰鐎忚銆傝┎鐣岄潰鍏佽ū鍦ㄥ悓涓€鍊�(g猫)宸ョ▼涓悓鏅�(sh铆)闁嬬櫦(f膩)PLC鎳�(y墨ng)鐢ㄥ拰鍙鍖栨噳(y墨ng)鐢�锛岀劇(w煤)闇€椤嶅鐨勮粺浠躲€傜敱浜庡彲瑕栧寲绲勪欢瀹屽叏闆嗘垚鍦↙eadsys Studio绶ㄧ▼杌熶欢涓�锛岀洿鎺ヨí鍟�(w猫n)鎳�(y墨ng)鐢ㄧ▼搴忚畩閲忥紝澶уぇ鎻愰珮浜嗛枊鐧�(f膩)鏁堢巼銆傛澶�锛岃┎鐣岄潰閭勬彁渚涜(di脿o)瑭︾▼搴忕殑鍔熻兘锛岄€氶亷(gu貌)鍙鍖栫晫闈㈠(sh铆)鏅�(sh铆)瑙€瀵熷煼(zh铆)琛岀媭鎱�(t脿i)锛屾湁鏁堝湴绺煭瑾�(di脿o)瑭︽檪(sh铆)闁�锛屾彁楂樺伐浣滄晥鐜�銆�

銆€銆€濡傚湒1鎵€绀虹殑Web鍙鍖栫晫闈腑锛屽彲瀵�(sh铆)鐝�(xi脿n)灏�(du矛)瑷�(sh猫)鍌欑殑瀵�(sh铆)鏅�(sh铆)鐩�(ji膩n)瑕栧拰鎺у埗銆�

鍦�1

銆€銆€濡備綍鏂板缓Web鍙鍖栧伐绋�?

銆€銆€鍙寜鐓т互涓嬫椹熸搷浣�锛屾柊寤轰竴鍊�(g猫)Web鍙鍖栧伐绋�銆�

銆€銆€1)鏂板缓鍙鍖栬鍦栵細

銆€銆€鍦ㄥ皫(d菐o)鑸ü鑿滃柈涓紝鍙虫搳鈥淎pplication鈥�锛岄伕鎿団€滄坊鍔犲皪(du矛)璞♀€濓紝鐒跺悗閬告搰鈥滆鍦栤€�銆傝几鍏ヨ鍦栧皪(du矛)璞＄殑鍚嶇ū锛岄粸(di菐n)鎿娾€滄墦闁嬧€濓紝鍗冲彲娣诲姞鏂扮殑Web鍙鍖栬鍦�銆傚闇€娣诲姞澶氬€�(g猫)瑕栧湒鏅�(sh铆)锛岄噸寰�(f霉)涓婅堪姝ラ鍗冲彲銆傛柊寤虹殑Web鍙鍖栬鍦栧寘鎷鍦栫鐞嗗櫒銆佸彲瑕栧寲绶ㄨ集鍣�銆佸彲瑕栧寲宸ュ叿绠卞拰鍏冪礌灞€с€傚鍦�2鎵€绀猴細

鍦�2

銆€?銆佸儢鏅绠＄悊鍣細鍙互灏�(du矛)鍙鍖栫浉闂�(gu膩n)鍙冩暩(sh霉)閫�(j矛n)琛岄厤缃�

銆€?銆佽姊㈡毈顕冲簤瀣堥硯鍤庢ⅱ鏍借岸@鍊�(g猫)闋�(y猫)闈腑鍩�(zh铆)琛屾坊鍔犲彲瑕栧寲鍏冪礌锛屽皪(du矛)榻�锛屽埅闄ょ瓑鍩烘湰鎿嶄綔

銆€?銆侀厓銇炲懄娲岀宄佲敍姊㈡毈顕冲簤瀣堥粶?y猫)闈笅鐨勫悇绋湒褰�

銆€?銆佽粣鍌╄澹曞簤瀣佹ⅱ鏆垑顎彽鍤揚(gu膩n)灞€�

銆€銆€2)绲勬厠(t脿i)鐣潰銆佸彲瑕栧寲鍏冪礌锛�

銆€銆€鏍规摎(j霉)闋�(xi脿ng)鐩渶瑕�锛屾嫋鎷芥寜閳�銆佹枃鏈瓑鍙鍖栧厓绱犲埌鐣潰涓�锛岄棞(gu膩n)鑱�(li谩n)璁婇噺銆�

鍦�3

銆€銆€3)閰嶇疆鍙婅ō(sh猫)缃細

銆€銆€绲勬厠(t脿i)瀹屾垚鍚庯紝鍦ㄢ€滆鍦栫鐞嗗櫒鈥濅腑锛岄厤缃彲瑕栧寲鐣岄潰椤ず鐨勮獮(y菙)瑷€銆佹帶浠舵ǎ寮忕瓑銆傚苟鍦ㄢ€滅恫(w菐ng)绲�(lu貌)瑕栧湒鈥濅腑锛岄厤缃捣濮嬮’绀洪爜(y猫)闈�锛岄毃鍚庨€�(j矛n)琛岀法璀�锛屽鏋滄噳(y墨ng)鐢ㄧ▼搴忓拰鍙鍖栫鐞嗗櫒娌掓湁浠讳綍鍫�(b脿o)閷�(cu貌)锛屽墖涓€骞朵笅杓夊埌PLC涓�銆傜櫥鍏LC鍚�锛岄€�(j矛n)鍏ュ彲瑕栧寲瑕栧湒锛岃瀵熷彲瑕栧寲鐣岄潰鍚勫厓绱犳牴鎿�(j霉)璁婇噺鏁�(sh霉)鎿�(j霉)鍏�(n猫i)瀹瑰憟鐝�(xi脿n)鏄惁姝ｅ父銆備笂杩伴亷(gu貌)绋嬭珛(q菒ng)鍙冭€冨湒4-鍦�6锛�

鍦�4

鍦�5

鍦�6

銆€銆€4)鐎忚鍣ㄧ€忚锛�

銆€銆€纰轰繚PLC鍜岀Щ鍕�(d貌ng)绲傜鍦ㄥ悓涓€灞€鍩熺恫(w菐ng)涓€傚湪缍�(w菐ng)闋�(y猫)鐎忚鍣ㄤ腑杓稿叆PLC鐨処P鍦板潃鍜岀鍙ｈ櫉(h脿o)(渚嬪192.168.188.100:8080)锛屽嵆鍙€氶亷(gu貌)缍�(w菐ng)闋�(y猫)瑷晱(w猫n)PLC鍏�(n猫i)閮ㄧ殑鍙鍖栫晫闈€€傚涓嬪湒7鎵€绀猴細

鍦�7

銆€銆€濡備綍娣诲姞鎵€闇€鍏冪礌鑷冲彲瑕栧寲鐣岄潰?

銆€銆€Web鍙鍖栧伐鍏风鍖呮嫭鍩烘湰宸ュ叿銆侀€氱敤鎺у埗宸ュ叿绛夈€�

銆€銆€涓€锛氬熀鏈伐鍏�

銆€銆€鍩烘湰宸ュ叿涓昏鍖呮嫭涓€浜涘父鐢ㄧ殑鍦栧舰鍒朵綔鍏冪礌锛屽涓嬪湒8锛屽彲浠ョ敤閫欎簺鍏冪礌鍒朵綔鏂囨湰杓稿叆妗�/鏂囨湰椤ず妗�/椤忚壊椤ず妗嗗強鍦栧舰銆�

鍦�8

銆€銆€浜�銆侀€氱敤鎺у埗宸ュ叿

銆€銆€閫氱敤鎺у埗宸ュ叿涓昏鍖呮嫭甯哥敤鐨勫湒褰㈠埗浣滃厓绱�锛屽涓嬪湒9锛屽彲浠ョ敤渚�(l谩i)鍒朵綔妯�(bi膩o)绨�銆佺祫鍚堟銆佽〃鏍煎拰鎸夐垥绛�銆備笅闈㈡垜鍊戜互浣跨敤鐜囩浉灏�(du矛)杓冮珮鐨勫咕绋鍦栧厓绱犵偤渚嬮€�(j矛n)琛岃(shu艒)鏄�銆�

鍦�9

銆€銆€鈼庢寜閳�(Button)

銆€銆€鎸夐垥鎺т欢鍏佽ū鐢ㄦ埗閫氶亷(gu貌)榛�(di菐n)鎿婁締(l谩i)鍩�(zh铆)琛屾搷浣�锛屽湪鎸夐垥鎺т欢涓�锛岀┖闁撴ǎ寮忔棦鍙互椤ず鏂囨湰锛屼篃鍙互娣诲姞鍦栧儚锛屽湪鎸夐垥鎺т欢琚柈鎿婃檪(sh铆)锛屽彲浠ラ€氶亷(gu貌)鎺т欢鐨勫爆鎬ч伕鎿囧叾瑙哥櫦(f膩)鏂瑰紡銆�

銆€銆€渚嬶細鍦ㄥ彲瑕栧寲鐣岄潰涓�锛屽壍(chu脿ng)寤哄叐鍊�(g猫)鎸夐垥锛屼綔鐐�闆绘(j墨)鐨勬鍙嶈綁(zhu菐n)鎸夐垥銆傜暥(d膩ng)鎸変笅姝ｈ綁(zhu菐n)鎸夐垥鏅�(sh铆)锛岄浕姗�(j墨)閫�(j矛n)琛屾杞�(zhu菐n)锛岄噵鏀炬寜閳曟檪(sh铆)锛岄浕姗�(j墨)鍋滄;鐣�(d膩ng)鎸変笅鍙嶈綁(zhu菐n)鎸夐垥鏅�(sh铆)锛岄浕姗�(j墨)閫�(j矛n)琛屽弽杞�(zhu菐n)锛岄噵鏀炬寜閳曟檪(sh铆)锛岄浕姗�(j墨)鍋滄銆傛椹熷涓嬨€�

銆€銆€1)寰炲伐鍏锋瑒涓伕鎿囪娣诲姞鐨勬寜閳曞厓绱犲苟灏囧叾鎷栨嫿鍒板彲瑕栧寲绶ㄨ集鍗€(q奴)鍩�锛屽湪鎸夐垥涓几鍏ユ枃鏈€淛OG+鈥濆拰鈥淛OG-鈥濅綔鐐烘(bi膩o)璀�(sh铆)銆傚鍦�10鎵€绀猴細

鍦�10

銆€銆€2)瑕佹眰鎸夐垥鎸変笅鏅�(sh铆)鏈変俊铏�(h脿o)锛屾澗闁嬪悗锛屼俊铏�(h脿o)鑷嫊(d貌ng)娑堝け锛屽湪灞€т腑鎵惧埌鈥滆几鍏ラ厤缃€濓紝閬告搰鈥滆Ц鐧�(f膩)鈥濈殑杓稿叆鏂瑰紡锛屽湪鍏垛€滆畩閲忊€濅腑閫氶亷(gu貌)杓稿叆鍔╂墜瀹屾垚璁婇噺鏄犲皠銆傚鍦�11鎵€绀猴細

鍦�11

銆€銆€鎸夐垥鐨勮Ц鐧�(f膩)鏂瑰紡鏈夊叐绋�锛屼竴绋€滃垏鎻涒€�(Toggle)锛屽彟澶栦竴绋槸鈥滆Ц鐧�(f膩)鈥�(Tap)锛�

銆€?銆佷綗鎵掕Q鈥� (Toggle)锛屾寜閳曟寜涓嬫檪(sh铆)锛岃畩閲忎竴鐩寸疆鐐篛N锛屽鏋滈渶瑕佽畵瀹冭畩鎴怓ALSE锛岄渶瑕佹墜鍕�(d貌ng)鍐嶈Ц鐧�(f膩)涓€涓嬫寜閳曪紝鍚屾ǎ鐨勫湪鈥滃垏鎻涒€濃啋鈥滆畩閲忊€濅笅鏄犲皠璁婇噺鍗冲彲浣跨敤锛屽鏋滈渶瑕佹寜閳曟憗涓嬫檪(sh铆)鐐� FALSE锛屽墖鍕鹃伕鍒囨彌FALSE銆�

銆€?銆佸噰鍧潀鐧�(f膩)鈥�(Tap)锛屾寜閳曟寜涓嬫檪(sh铆)瑙哥櫦(f膩)锛岃畩閲忕疆鐐篛N锛屾澗闁嬪彇娑堬紝璁婇噺缃偤FALSE銆�

銆€銆€鈼庨€�(j矛n)搴︽瑒(Progressbar)

銆€銆€閫�(j矛n)搴︽瑒鍏佽ū鐢ㄦ埗灏囬’绀虹暥(d膩ng)鍓嶉€�(j矛n)搴﹁畩閲忔槧灏勫埌鎺т欢涓紝瑭插厓绱犳渻(hu矛)鏍规摎(j霉)鐢ㄦ埗瑷�(sh猫)瀹氱殑鈥滄渶灏忓€尖€� 鍜屸€滄渶澶у€尖€�锛屽苟鏍规摎(j霉)鐣�(d膩ng)鍓嶆槧灏勮畩閲忕殑鍊�锛岄’绀虹暥(d膩ng)鍓嶉€�(j矛n)搴�銆�

銆€銆€渚嬶細閫氶亷(gu貌)鍦ㄧ▼搴忎腑鍓�(chu脿ng)寤鸿嚜绱姞绋嬪簭渚�(l谩i)妯℃摤閫�(j矛n)搴︽鐨勫鍔犻亷(gu貌)绋嬶紝绋嬪簭绶ㄨ集濡備笅鍦�12鎵€绀猴細

鍦�12

銆€銆€1)鍦ㄥ彲瑕栧寲绶ㄨ集鐣岄潰鐨勫伐鍏风涓�锛屾壘鍒扳€滈€氱敤鎺у埗鈥濆ぇ椤�锛屾坊鍔犻€�(j矛n)搴︽瑒鎺т欢鍒板彲瑕栧寲绶ㄨ集绐楀彛涓紝鍦ㄥ彲瑕栧寲绶ㄨ集绐楀彛涓伕涓€�(j矛n)搴︽瑒鎺т欢鍚庡湪灞€х獥鍙ｆ壘鍒扳€滆畩閲忊€濋€�(j矛n)琛岃畩閲忔槧灏�銆傚悓鏅�(sh铆)锛屾牴鎿�(j霉)绀轰緥绋嬪簭瑷�(sh猫)缃€滄渶灏忓€尖€濆拰鈥滄渶澶у€尖€�銆傚鍦�13鎵€绀猴細

銆€銆€

鍦�13

銆€銆€2)鍏朵腑閫�(j矛n)搴︽鐨勯’绀哄舰鎱�(t脿i)鏈夊叐绋�锛屽悓妯ｅ湪灞€ц彍鍠腑鎵惧埌鈥滈鍨嬧€濅笅渚�(l谩i)鍗冲彲閫�(j矛n)琛岄伕鎿�锛屽鍦�14鎵€绀猴細

銆€銆€

鍦�14

銆€銆€3)鍦ㄧ窔閬�(y霉n)琛屽悗閫�(j矛n)搴︽鏈�(hu矛)闅ㄨ憲璁婇噺鍊肩殑澧炲姞绶╂參澧炲姞銆傚鍦�15鎵€绀猴細

銆€銆€

鍦�15

銆€銆€鈼庣祫濉�(GroupBox)

銆€銆€绲勫鎺т欢涓昏鏄偤鍏朵粬宸ュ叿鎻愪緵鍒嗙祫锛屾寜鐓ф帶浠剁殑鍒嗙祫渚�(l谩i)绱�(x矛)鍒嗗彲瑕栧寲鐣岄潰鐨勫姛鑳姐€傚湪鍏舵墍鍖呭惈鐨勫伐鍏烽泦鍛ㄥ湇椤ず閭婃锛屽苟涓斿彲浠ラ’绀烘(bi膩o)椤岋紝浣嗘槸绲勫宸ュ叿涓嶅彲浠ヤ娇鐢ㄦ痪鍕�(d貌ng)姊�銆�

銆€銆€鍦ㄥ伐鍏风涓紝鎵惧埌鈥滈€氱敤鎺у埗鈥�锛屽皣鍏舵坊鍔犲埌瑕栧湒绶ㄨ集绐楀彛涓�銆傞伕涓┎鎺т欢鍚�锛屽湪灞€ц彍鍠€滄枃鏈€濅腑鍙互鏇存敼妯�(bi膩o)椤岋紝涔嬪悗灏囬渶瑕佸垎绲勭殑宸ュ叿鎷栨媺鑷宠┎绲勫涓�锛屽嵆鍙(sh铆)鐝�(xi脿n)瑕栧湒鍏冪礌鐨勫垎绲勩€�

銆€銆€

鍦�16

銆€銆€Web鍙鍖栧姛鑳芥敞鎰忎簨闋�(xi脿ng)

銆€銆€闆疯辰鐨勫ぇ鍨婸LC鐩墠閮芥敮鎸乄eb鍙鍖栧姛鑳�銆傞渶瑕佺壒鍒ユ敞鎰忥細

銆€銆€1.浣跨敤Web鍙鍖栧姛鑳界殑PLC蹇呴爤浣跨敤鏀寔Web鍙鍖栫殑瑷�(sh猫)鍌欐弿杩版枃浠禭ML銆�2.PLC鍥轰欢蹇呴爤鏀寔姝ゅ姛鑳斤紝涔嬪墠鍑哄粻鐨勫浐浠�锛岃珛(q菒ng)鑱�(li谩n)绯诲粻瀹剁嵅鍙栧浐浠跺崌绱�(j铆)鏂囦欢銆�

銆€銆€鍏跺畠姗�(j墨)鍨嬮櫢绾�(x霉)鏇存柊涓�锛屾暚璜�(q菒ng)鏈熷緟!