NodeJS は基本的なアプリケーションを作成し、テンプレート Engine_node.js を適用します。
今回の目的は、NodeJSのワークフローや開発の基本的な枠組みを反映し、機能を実現できる最も基本的なNodeJSサーバーを構築することです。
要件:nodejs と Express がインストールされている。
1. 基本的な NodeJS サーバー (エクスプレス、ルーティング) を構築します
var express = require(‘express'); //引入express模块 var app = express(); //调用express()函数,对函数进行初始化 app.get('/stooges/:name?', function(req, res, next){ //设置第一个路由,期待一个name被输入 var name = req.params.name; //获取输入的名字,req.params switch(name?name.toLowerCase():' '){ //对名字进行判断 case ‘larry': case ‘curly': case ‘moe': res.send(name + 'is my favorite stooge.'); //符合条件利用res.send发送信息 break; default: next(); //next()函数,在function中也有参数传递,它的含义是如果这个路由传递的参数不够不能执行这个路由的话,next()函数表示跳转到下一个函数继续执行(这里是路由) } }); app.get(‘/stooges/*?', function(){ //这里?表示最后的参数可以有也可以没有,同上一个路由相同 res.send(‘no stooges listed'); }); app.get(‘/?', function(req,res){ //什么都没有的时候默认的路由 res.send(‘hello world'); }); var port = 8080; //设定并对端口进行监听 app.listen(port); console.log(‘Listensing on port' + port);
2. Jade テンプレート エンジンを使用し、テンプレート レンダリングを追加します
var express = require(‘express'); var app = express(); //下面三句话完成了对view的设定,包括引擎、模板路径以及其他设定 app.set(‘view engine', ‘jade'); app.set(‘view options', {layout:true}); app.set(‘views', __dirname + ‘/views'); app.get('/stooges/:name?', function(req, res, next){ var name = req.params.name; switch(name?name.toLowerCase():' '){ case ‘larry': case ‘curly': case ‘moe': res.render(‘stooges', {stooge: name}); //进行视图的渲染,传入模板名即可 break; default: next(); } }); app.get(‘/stooges/*?', function(req, res){ res.render(‘stooges', {stooges:null}); }); app.get(‘/?', function(req, res){ res.render(‘index'); }); var port = 8080; app.listen(port); console.log(‘Listensing on port' + port);
layout.jade (レイアウト ファイル)、index.jade、stooges.jade という合計 3 つのテンプレート ファイルがあります。3 つのテンプレート ファイルのコードは次のとおりです。
レイアウト.jade
!!! 5 //代表文档类型是HTML5 html(lang=”en”) head title My Web Site block scripts block content
entends layout block content hi hello world
extends layout block content if(stooge) p #{stooge} is my favorite stooge. //这里的#{stooge}获取了js渲染模板时传递进来的参数 Else p no stooges listed

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

開発環境におけるPythonとJavaScriptの両方の選択が重要です。 1)Pythonの開発環境には、Pycharm、Jupyternotebook、Anacondaが含まれます。これらは、データサイエンスと迅速なプロトタイピングに適しています。 2)JavaScriptの開発環境には、フロントエンドおよびバックエンド開発に適したnode.js、vscode、およびwebpackが含まれます。プロジェクトのニーズに応じて適切なツールを選択すると、開発効率とプロジェクトの成功率が向上する可能性があります。

CとCは、主に通訳者とJITコンパイラを実装するために使用されるJavaScriptエンジンで重要な役割を果たします。 1)cは、JavaScriptソースコードを解析し、抽象的な構文ツリーを生成するために使用されます。 2)Cは、Bytecodeの生成と実行を担当します。 3)Cは、JITコンパイラを実装し、実行時にホットスポットコードを最適化およびコンパイルし、JavaScriptの実行効率を大幅に改善します。

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。
