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