翻譯|使用教程|編輯:王香|2019-02-20 13:56:13.000|閱讀 335 次
概述:在本文中,我將使用AngularJS而不是JQuery重新創(chuàng)建應(yīng)用程序。通過這樣做,應(yīng)用程序成為MEAN堆棧應(yīng)用程序(即MongoDB,ExpressJS,AngularJS和Node.js)。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
以前,我使用Highcharts Cloud API創(chuàng)建了一個(gè)Web應(yīng)用程序和RESTful API服務(wù)器來生成交互式圖表。代碼是使用NodeJS,Express,MongoDB和jQuery構(gòu)建的。在本文中,我將使用AngularJS而不是JQuery重新創(chuàng)建應(yīng)用程序。通過這樣做,應(yīng)用程序成為MEAN堆棧應(yīng)用程序(即MongoDB,ExpressJS,AngularJS和Node.js)。
jQuery是一個(gè)很好的DOM操作工具,但我更喜歡使用AngularJS,因?yàn)樗m合現(xiàn)代應(yīng)用程序開發(fā),它使項(xiàng)目保持井井有條和模塊化。了解更多關(guān)于角位置。
由于這個(gè)項(xiàng)目是上一個(gè)項(xiàng)目的迭代,我將重點(diǎn)關(guān)注這種方法的不同之處,而不是過多地重新審視共性。
使用AngularJS(而不是jQuery)設(shè)置用戶界面。與jQuery構(gòu)建的用戶界面代碼相比,用戶界面代碼非常緊湊且易于維護(hù)?2 />
打開終端,導(dǎo)航到下載代碼的文件夾,然后鍵入npm install并按Enter鍵。這將安裝模塊依賴項(xiàng)。
鍵入以下命令啟動(dòng)服務(wù)器: node myServer.js
打開Highcharts Cloud帳戶,然后轉(zhuǎn)到“chart”部分以查看應(yīng)用程序操作的結(jié)果。
在Web瀏覽器中打開一個(gè)新窗口或選項(xiàng)卡,然后轉(zhuǎn)到//127.0.0.1:3000。一次單擊一個(gè)按鈕,等待狀態(tài)標(biāo)簽更新,然后單擊此序列中的下一個(gè)按鈕:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn