1。前に書いてください
誰もがフルスタックコーダーになりたいと思っています。フロントエンドのWeb開発者として、フルスタックへのシンプルな道はnode.jsのようです。 Node.jsを少し前に学び、初心者がどのように独自のWebサービスを迅速に構築し、フルスタックへの道を開始できるかについて話しました。
2。Node.jsをインストールします
バックエンド開発にさらされた人は誰でも、最初に行うべきことがサービスをインストールすることであることを知っています。初心者として、最も単純な視覚インストールを選択する必要があります(愚か者の次のステップ、その他の方法などは、関連する操作に慣れてから自然にそれを知ることができます)。コンピューターに適合したインストールパッケージ(これはWindows、Macを購入できません)をダウンロードしてから、ブートに従ってインストールします。 c:/program files/nodejsファイルの下にデフォルトでインストールされ、このディレクトリをPath環境変数に追加します。特定のプラクティスについては、「マイコンピュータ」 - 「プロパティ」 - 「システムアドバンス」 - 「高度」 - 「環境変数」 - 「name name name」を選択する右クリックを右クリックします。 「変数の値を変更します。最後に[C:/プログラムファイル/nodejs]を追加します(インストールディレクトリに応じて)」」。 CMDを開き、コマンドを直接実行します。
Node -Vは、現在のバージョン番号を出力できます。 NPMはノードファイルに統合され、NPMインストールXXXを使用して、必要なプラグインまたはモジュールをインストールします。
3。Expressフレームワークを使用します
しばらく一生懸命働いた後、私はついにNPMコマンドを使用して初期化し、Expressフレームワークをインストールしてから、Hello Worldを書いて楽しんでいます。なぜExpressフレームワークを選ぶのですか?もちろん、特別な機能があります。初心者が最も恐れているのは、彼らが面倒で間違いを犯しやすいということです。 Expressは確かに私たちのためにそれを考慮に入れたので、それはクイックジェネレーターを提供しました:Express-Generator
1.コマンド経由でグローバルにインストール:NPMインストールExpress -Generator -G
2。Expressコマンドを使用してプロジェクト構造を生成します
MyAppがあなたのプロジェクト名であるMyAppを表現してください
3. CD MyAppからプロジェクトファイルを入力します
NPMインストールを介して依存関係モジュールを初期化します
Debug = myApp&npm Startを設定してWebサーバーを起動します
4. http:// localhost:3000/urlをブラウザで開くと、このアプリケーションを見ることができます。
デフォルトでは、使用されるテンプレートエンジンはJadeであり、このテンプレートはプロジェクトで構成されています。
4。Expressジェネレーターのプロジェクトの紹介
1. MyAppプロジェクトの組織は次のとおりです。
2。Package.jsonは、モジュール管理パッケージ、プロジェクト情報、モジュールバージョン番号と言えます。実際、プロジェクトモジュールが初期化されると、ここで構成によって生成されることがわかります。
3。App.jsはプロジェクトの起動ファイルであり、プロジェクトの中核と言えます。主にいくつかのパブリック機能を書きます。
4.ビンファイルの下に接尾辞のないWWWファイルがあります。これは、Webサービスポートといくつかのリスニングイベントを構成するプロジェクトのエントリファイルです。
5。Node_Modulesは、プロジェクトに依存するファイルモジュールです。インポートされたパッケージは、データベースに接続するMongooseモジュールなど、後で詳しく説明します。これについては、後で詳しく説明します。
6。パブリックは、プロジェクトの静的リソースファイルセットです。写真、CSSファイル、およびJSファイルがすべてここに配置されていることがわかります。
7.ルートはプロジェクトのルーティングモジュールであり、index.jsとuser.jsファイルがデフォルトになっています。これには、実際には一般的なバックグラウンド言語のコントローラーコンテンツが含まれ、もちろん大規模なプロジェクトで分離できます。
8。ビューはプロジェクトのテンプレートファイルであり、ジェイドテンプレートエンジンです。このテンプレートは非常に簡潔ですが、多くの落とし穴があります。たとえば、スペースの要件は非常に厳しいです。もう1つまたは1つ少ないスペースがエラーを報告します。私は多くの落とし穴に踏み込んでいますが、実際にはそのパフォーマンスはそれほど高くないので、EJSを使用する方が良いです。
5。Mongodbをインストールします
1.公式Webサイト(http://www.mongodb.org/downloads )にもMSIファイルを直接ダウンロードしてください
2。次のステップは、それをインストールすることです。デフォルトがある場合は、デフォルトとします。選択肢がある場合は、すべてを選択してください。
3.次に、環境変数を構成して、ノードと同じように説明しなくなりましたが、写真に載せることができます、hahaha ...
4。次に、MongoDBサービスを開始することです
5.コマンドを渡す:mongod - dbpath f:/mongodb/data f:/mongodb/dataはファイルストレージパスです。私は次の情報を見て、それが成功したと説明しました。
6。MongoDBはポート27017に耳を傾けます。同時に、ブラウザを開いてhttp://127.0.0.1:27017を入力すると、次のプロンプトが表示されます。
ネイティブドライバーポートのHTTPを介してMongodbにアクセスしようとしているようです。
7.次に、CMDを開き、Mongoコマンドを入力してデータベースをリンクします。次のプロンプトが表示されます。
2015-05-02T17:10:19.467+0800 IコントロールKB2731284以降の更新がインストールされていません。
8。このように、MonogDBはWindows環境に正常にインストールされます。
補充:
9.毎回コマンドを使用してサービスを開くのが面倒な場合は、バッチファイルに書き込むことができます。
MONGODを開始します-DBPATH F:/mongodb/data
10。もちろん、Mongodbをサービス方法で開始することもできますが、学習プロセスではあまり役に立たないと思います。友達は自分で試すことができます。あなたがそれを必要とするならば、私は後でそれを補います。
11.コマンドラインの使用が容易でないと思われる場合は、グラフィカルインターフェイスを備えたソフトウェアをお勧めします:MongovueはNavicatに似ています。無料版があります。つまり、機能が少ないことを意味しますが、学習プロセス中は完全に十分です。
6.ノードプロジェクトでMonogDBを使用します
1. MonogDB接続モジュールをインポートします。 Expressは、Mongoskinモジュールを正式に紹介します。これについては話しません。ここでは、Mongooseを介してインストールを紹介します
2。NPMインストールMONGOOSE -MyAppプロジェクトにインストールをインストールし、node_modulesに保存します。また、package.jsonで「mongoose」: "^4.4.12"を構成してから、インストールするようにnpmをコマンドすることもできます。
3。app.jsファイルで
a。マングースモジュールをインポートします。
var mongoose = require( 'mongoose');
b。データベース接続を作成します
mongoose.connect( 'mongodb:// localhost/mydb')//ローカルデータベースを接続します
4.プロジェクトルートディレクトリに新しいフォルダースキーマを作成します。これがデータセットモジュールです。モジュールの下に新しいusers.jsファイルを作成します。
var mongoose = require( 'mongoose'); // mongoonsオブジェクトvar userschema = new mongoose.schema({name:string、paw:string、meta:{type:daties:default:date.now()}、updateat:{type:date:nefer(neable()操作操作usersschema.pre( 'save'、function(next){if(this.isnew){this.meta.createat = this.updateat = date.now();} else {this.meta.updateat = date.now();} next();}) //すべてのデータをクエリthis.find().sort( 'meta.updateat')//sorting.exec(cb)// callback}、findbyid:function(id、cb){// idに基づく単一のデータを照会します。5.ルートディレクトリにモジュールファイルを追加します。これはデータモデルモジュールです。モジュールの下にusers.jsファイルを追加します。
var mongoose = require( 'mongoose')var userschema = require( '../ schemas/users')//エクスポートされたデータセットモジュールvarユーザーを取得= mongoose.model( 'users'、userschema)//映画モデルmodule.exports = users = user
6.ルーティングコントローラーコードをusers.jsファイルに追加するルートファイル
var express = require( 'express'); var mongoose = require( 'mongoose'); // mongooseモジュールvarユーザー= require( '../ models/users'); //モデルデータモジュールvar router = express.router();/*ユーザーリストを取得します。 */router.get( '/'、function(req、res、next){res.send( 'respons a a support');}); //すべてのユーザーデータrouter.get( '/users'、function(req、res、next){users.fetch(function(err、users){if(err){console.log(err);ユーザー:ユーザー})//ここでは、JSON形式のデータを直接返すこともできます。7.ユーザーを追加して、ビューファイルにハードします
レイアウトブロックコンテンツを拡張するh1 = title // jade value methodulユーザーの各ユーザー//ジェイドテンプレートトラバーサルメソッドli h4#{user.name} span#{user.paw}8.最後に、URLを開きます:http:// localhost:3000/users/users in browserのユーザーは、効果を表示します。ここでは、データベースからフロントエンドまでのプロジェクトが完了します。
上記はこの記事に関するものです。すべての人の学習に役立つことを願っています。