ホームページ >ウェブフロントエンド >htmlチュートリアル >実践に迫るNode.js (2) ライブラリ管理システム_html/css_WEB-ITnose
前回の 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 検証を使用します。効果は