JavaScriptの世界について学ぶことは、非常に困難な場合があります。
学習ノードはさらに悪化しています。
ノードのみのサーバーの3回目のイテレーションに続く! HTMLテンプレートモジュールを組み込むことにより、フロントエンドを改善しました。私はハンドルバーとパグの両方を調べ、最終的にパグを決めました。
データベースではなくファイルI/Oを使用しているだけなので、データモデルはまだがらくたです。
幸いなことに、私はJekyllとLiquidを使用して書いたブログからのHTMLテンプレートにすでに精通していました。この場合、課題は、JavaScriptのために利用可能なすべてのテンプレートエンジンを並べ替えて、私のお気に入りを選ぶことから生じました。
ハンドルバーとパグの両方でインデックスビューを実装しました。最初はほぼ同等のように見えました。これは、パグがタグを使用せず、インデントに依存していないという事実からの主な違いです。しかし、HTMLをモジュール化するためにテンプレートの部分と継承を使用し始めるとすぐに、ハンドルバーがひどく遅れていることは明らかでした。
だから私は最終的にPUGを選びました。これはボーナスとしてExpressのデフォルトビューエンジンです。
私のHTML世代が非常に滑らかになったので、データベースをプロジェクトに組み込むことにより、本当に古風なデータモデルを改善する必要があります!
このシンプルなWebアプリケーションは、重量測定を追跡します。次のHTTPメソッドを実装します。
また、現在のウェイトエントリを表示する1ページのインデックスも提供しています。
まず、リポジトリをクローンします。次に、ディレクトリ内から次のコマンドを実行します。
npm startまたはnode server
インデックスページにアクセスするには、ブラウザでlocalhost:3000に移動します。
お気に入りのRESTクライアントを使用して、私の郵便配達員は、サーバーにリクエストを送信します。
GET /api/weight
POST /api/weight
Parameters: { "date": "2017-05-17", "weight": 180 }
PATCH /api/weight/:date
Parameters: { "weight": 180 }
DELETE /api/weight/:date