ホームページ  >  記事  >  ウェブフロントエンド  >  実践に迫るNode.js (2) ライブラリ管理システム_html/css_WEB-ITnose

実践に迫るNode.js (2) ライブラリ管理システム_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:15:331699ブラウズ

前回の Node.Js の記事では、VS 上で Node.Js 開発環境を構築する方法について説明しました。このブログを読んだ学生にとっては、Node.Js についてはすでに良い印象を持っていると思います。テクノロジーについて詳しく知るために必要です。いわゆる本当のスキルは実戦でわかりますが、実戦を通じてのみです。専門家として栄誉ある人々が書いたブログをいくつか読みましたが、それらはすべて理論的なもので、実際の実践がなければ、語る資格はありません。実践は完璧を生み、実践は理論を生みます。

プロジェクトの構造を見てみましょう

一般的な NodeJ の 3 層アーキテクチャ、コントローラー、モデル、ビュー。ここでは各部分の機能については詳しく説明しません。

まず、上の図を見てみましょう。たとえば、ブログにリアルタイムのコミュニケーションに関するものがあるかどうかを最初に確認します。 HTML5 プレーヤーをパッケージ化した結果、ブログ全体がコードと漢字だらけで、画像がなければあまり魅力的ではありません。早速、インターフェイスを見てみましょう。

これはまだ BootStrap レイアウトですが、後で Kendo UI を使用してフロントエンド UI を実行するため、BootStrap のプライマリ スタイルを Telerik Kendo UI のプライマリ スタイルに変更しました。 Html5 用 Telerik Kendo UI は非常に優れており、スタイルは美しくエレガントで、Jquey と Angualr JS をサポートしています。アドレス: http://www.telerik.com/kendo-ui

実際、このログイン インターフェイスは依然として jade テンプレートを使用しています

ご覧のとおり、angularJs です。これはフロントエンドのデータ バインディングに使用されます。これが MVC モデルであると言われていますが、Silverlight と WPF をやったことがある学生は、間違いなく MVVM モデルだと思います。 OK、ここでは HTML5 検証を使用します。効果は

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。