node express框架(node.js express框架)

作者:电脑培训网 2024-04-27 18:34:59 329

01-Node-Expss系统框架搭建

文章目录

node express框架(node.js express框架)

1.使用expss-generator创建项目1.1安装expss-generator模块1.2生成expss项目结构1.3启动项目1.4设置nodemon自启动项目2.手动创建Expss项目2.1创建项目文件夹并初始化2.2安装expss模块2.3创建主项目文件2.4编辑app.js文件2.5启动项目2.6使用nodemon启动项目3.项目代码

一、使用expss-generator创建项目

构建Expss项目最快的方法是使用expss-generator模块自动生成它。这也是本文推荐的方法。

1.1安装expss-generator模块

npmiexpss-generator-g

1.2生成expss项目结构

使用expss命令在expss-server文件夹中使用pug模板引擎创建项目。

expss--view=pugexpss-server创建:expss-server\创建:expss-server\public\创建:expss-server\public\javascripts\创建:expss-server\public\images\创建:expss-server\public\stylesheets\创建:expss-server\public\stylesheets\style.css创建:expss-server\routes\创建:expss-server\routes\index.js创建:expss-server\routes\users.js创建:expss-服务器\视图\创建:expss-server\views\error.pug创建:expss-server\views\index.pug创建:expss-server\views\layout.pug创建:expss-server\app.js创建:expss-server\package.jsoncreate:expss-server\bin\create:expss-server\bin\www更改目录:cdexpss-serverinstalldependency:npminstall运行应用程序:SETDEBUG=expss-server:*npmstart

项目创建后目录结构如下:

expss-server|-bin/||-www|-public/||-images/||-javascripts/||-样式表/|-路线/||-index.js||-users.js|-视图/||-error.pug||-index.pug||-layout.pug|-app.js|-package-lock.json|-package.json

在:

app.js是项目的主文件;view目录用于存放页面文件;routes目录用于存放路由文件;public用于存放静态文件;bin中的www是项目的启动文件;

1.3启动项目

一般情况下,只需进入项目文件夹,安装项目所依赖的包,然后执行启动命令即可。

cd.\expss-server\#进入项目文件夹npmi#安装依赖包3s添加了124个包npmstart#启动项目expss-server@0.0.0startnode./bin/www

此时,通过访问localhost:3000来访问系统:

1.4设置nodemon自启项目

我们用来启动项目的npmstart命令是在package.json中配置的。同样,我们可以配置自己的命令。

开发过程中,一旦修改了项目代码,就需要重启项目才能看到执行结果。为了提高开发效率,我们通常会使用nodemon模块来在项目修改后自动重启项目。

安装nodemon模块npminodemon-g

创建nodemon启动项目的说明{'name':'expss-server','version':'0.0.0','private':true,'scripts':{'start'第:章'节点./bin/www','服务':'nodemon./bin/www'},'依赖项':{'cookie解析器':'~1.4.4','调试':'~2.6.9','expss':'~4.16.1','http-errors':'~1.6.3','摩根':'~1.9.1','pug':'2.0.0-beta11'}}

要启动项目,请使用npmrunserve命令在终端中启动expss项目。

npmrunserveexpss-server@0.0.0servenodemon./bin/www[nodemon]2.0.16[nodemon]随时重启,输入`rs`[nodemon]监视路径(s):*.*[nodemon]观看extensions:js,mjs,json[nodemon]启动`node./bin/www`

此时,如果更改了项目代码,项目会自动重启。

二、手动创建一个Expss项目

2.1创建项目文件夹并初始化

创建一个名为expss-server的项目文件夹,并使用npminit-y初始化该项目文件夹。

mkdirexpss-servercdexpss-servernpminit-y写入.\expss-server\package.json:{'name':'expss-server','version':'1.0.0','description':'','main':'index.js','scripts':{'test':'echo\'Error:未指定测试\'exit1'},'keywords':[],'author':'','许可证':'国际标准委员会'}

此时,项目文件夹中会创建一个名为package.json的文件。

2.2安装expss模块

npmi快递

2.3创建项目主文件

触摸app.js

2.4编辑app.js文件

创建一个helloworld程序并编辑app.js文件,如下所示:

constexpss=require('expss')constapp=expss()constport=3000app.get('/',(req,res)={res.send('HelloWorld!')})app.listen(port,()={console.log(`在端口${port}上侦听的示例应用程序`)})

2.5启动项目

使用node命令启动项目。执行效果如下:

node.\app.js监听端口3000的示例应用程序

此时,访问localhost:3000时,可以看到如下图所示的界面:

2.6使用nodemon启动项目

使用nodemon使项目修改后自动启动。

安装nodemon模块npminodemon-g

启动项目nodemon.\app.js[nodemon]2.0.16[nodemon]随时重启,输入`rs`[nodemon]watchingpath(s):*.*[nodemon]watchingextensions:js,mjs,json[nodemon]启动`node.\app.js`在端口3000上侦听的示例应用程序

三、项目代码

01-快递发电机

相关推荐