使用Enide Studio 2014 IDE来表达JS WebApplication

时间:2020-02-23 14:41:20  来源:igfitidea点击:

Express Generator是与Express JS Framework相关的Node JS模块。
它用于在几分钟内开始Express JS WebApplication的开发。

在本文中,我们将使用Enide Studio 2014 Node IDE开发相同的Express JS WebApplication。

使用Enide 2014 IDE来表达JS WebApplication和路由

我们将使用Enide 2014 IDE开发一些有用的路由的Express JS WebApplicaiton。
因此,我们已经使用Enide Studio 2014 IDE创建了" Node.js项目"。
但是现在我们需要创建Node.js Express项目。
请从"新建"向导中选择" Node.js项目"。
点击"下一步"按钮。

  • 请创建一个" Node.js Express JS项目"(请参阅我以前的文章以获取有关"如何使用Enide Studio 2014 IDE"的更多信息)

提供我们的Express JS WebAppilcation名称" expressjs",然后单击"完成"按钮。

如果我们观察到此屏幕截图,此向导将选择以下两个默认选项

  • Express JS Framework模板引擎:Jade
  • Express JS Framework CSS(样式表)引擎:CSS

注意:-Jade是一个模板引擎框架。
使用Jade,我们可以非常轻松,快速地开发HTML页面。
所有Jade模板文件的文件扩展名均为" .jade"。
请参考有关Jade Framework的一些在线文章。

Express JS Sample WebApplication场所

  • /${ExpressJS_Project_ROOT_DIR}/views/*.jade下的所有Jade模板。

  • /${ExpressJS_Project_ROOT_DIR}/public/stylesheets/*.css下的所有CSS福克斯。

这些是默认文件夹选项。
我们可以根据我们的项目要求更改它们,但会在所有* .js文件中相应地更新它们。

  • Enide Studio 2014 IDE将创建一个Express JS WebAppilcation项目结构,如下所示
  • 它会自动创建具有以下内容的package.json文件

package.json {"名称":" expressjs","版本":" 0.0.0","私人":真,"脚本":{"开始":"节点./bin/www"},"依赖项" :{{" body-parser":"~1.12.4"," cookie-parser":"~1.3.5"," debug":"~2.2.0"," express":"~4.12.4", " jade":"~1.9.2"," morgan":"~1.5.3"," serve-favicon":"~2.2.1"}}

  • 它将在" node_modules"文件夹下下载所有必需的Node JS模块,如下所示。

  • 它会在Project根目录下自动创建一个主app.js文件。

要创建Express JS应用程序,var express = require('express'); var expressApp = express();

我们可以使用require(" express")调用将Express JS模块加载到我们的Node JS Application内存中。

  • 执行应用程序并观察输出

在项目根文件夹中打开命令提示符,然后使用以下命令启动应用程序:

npm start

现在,我们的Express JS WebApplication已启动并正在运行。
现在该使用以下URL访问该应用程序:https://localhost:3000。

现在我们可以看到我们的WebApplication输出。

  • 观察Express JS WebServer控制台

当我们使用https://localhost:3000 url访问Express JS WebApplication时,Web浏览器将向服务器发送HTTP GET请求。
服务器接收此HTTP GET请求,处理客户端请求,生成响应并将响应发送回Web浏览器。

我们可以在WebServer控制台上观察到此情况,如下所示:

GET/200 283.840 ms - 170

Here GET is HTTP GET request method, "/"; means client requested this url and "200"; is "Success"; response code.

就像" Express JS和Express Generator基础,Express JS示例Web应用程序"一文一样,在这里我们也创建了类似的Sample Express JS WebApplicaiton。
但是使用Enide Studio 2014 IDE。