精华内容
下载资源
问答
  • 假设电脑中已经安装了node,配置好了node的相关环境。 1.新建一个文件夹(名字为app即可)。注意:名字不要和安装的依赖冲突,如: express等。 2.命令行切换到第一步新建的文件夹目录下。 3.执行 npm ini...

    需求:使用express的router,根据自己项目需求分出多个模块,建立不同名称的文件来管理不同的路由请求,避免基础路由配置造成的文件杂乱、不易维护的缺点。

    一、准备工作

    假设电脑中已经安装了node,配置好了node的相关环境。
    1.新建一个文件夹(名字为app即可)。注意:名字不要和安装的依赖冲突,如: express等。
    2.命令行切换到第一步新建的文件夹目录下。
    3.执行 npm init –y, 创建一个 package.json 文件。
    4.执行 npm install express ,创建一个 node_modules文件夹。
    5. 在app文件夹下创建一个views文件夹,下面用来存放各个页面(如index.html、login.html)
    6. 在app文件夹下创建一个public文件夹,下面用来存放静态资源(如css、js、img等)
    7. 在app文件夹下创建一个router文件夹,用来存放处理各网页的路由(如:index.js、login.js)
    8. 在app文件夹下创建一个app.js文件,用来处理静态资源和配置路由。

    前八步上面创建的目录如下:
    在这里插入图片描述

    二、代码中相关配置

    1、app.js文件

    1.1 app.js中静态资源配置:

    app.use(express.static(path.join(__dirname, "public")));
    

    注:__dirname是根目录,当配置完静态资源默认路径后,views中的html文件需要引入静态资源时,只用从public下子目录开始引用即可(如: )。

    1.2 app.js中路由配置:

    // 配置路由
    let indexRouter = require("./router/index");
    let loginRouter = require("./router/login");
    let productRouter = require("./router/product");
    
    app.use("/", indexRouter);
    app.use("/login", loginRouter);
    app.use("/product", productRouter);
    

    当配置完路由后,各页面的切换只需在浏览器的地址栏中输入“localhost:3000/login”即可。

    1.3完整的app.js文件:

    let express = require("express");
    let path = require("path");
    let app = express();
    
    // 静态资源处理
    app.use(express.static(path.join(__dirname, "public")));
    
    // 配置路由
    let indexRouter = require("./router/index");
    let loginRouter = require("./router/login");
    let productRouter = require("./router/product");
    
    app.use("/", indexRouter);
    app.use("/login", loginRouter);
    app.use("/product", productRouter);
    
    app.listen(3000, () => {
        console.log('服务器已启动');//监听3000端口
    })
    

    2、各页面的路由
    index.js:

    let express = require("express");
    let fs = require("fs");
    let router = express.Router();
    
    router.get('/', (req,res ) => {
        let htmlCont = fs.readFileSync("./views/index.html");//使用同步方法读取文件
        res.write(htmlCont);//将读取的内容写入请求的页面中
        res.end();
    })
    module.exports = router;//导出当前模块
    

    login.js

    let express = require("express");
    let fs = require("fs");
    let router = express.Router();
    
    router.get('/', (req,res) => {
        let htmlCont = fs.readFileSync("./views/login.html");
        res.write(htmlCont);
        res.end();
    })
    router.route("/").get((req,res) => {
        let htmlCont = fs.readFileSync("./views/login.html");
        res.write(htmlCont);
        res.end();
    }).post((req,res) => {
        res.set("content-type", "text/html;charset=utf-8");
        res.end("登录成功")
    })
    module.exports = router;
    

    三、运行文件

    1.切换到app.js的目录下,使用node app或者node app.js指令运行该文件,在本地启动服务器。
    在这里插入图片描述在这里插入图片描述
    当服务器启动后,进行第二步。

    2.在浏览器地址栏输入:
    localhost:3000/login或者localhost:3000或者localhost:3000/product测试。
    3.运行结果如下:
    首页测试在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 使用NodeExpress构建银行门户 在这个项目中,您将使用NodeExpress构建一个简单的Banking Portal。 将有七种不同的路线,包括索引,配置文件,储蓄,支票,信用,转账和付款。 我们将为您提供一些包含几个视图...
  • 在脚手架中用express-session 中用到express-session配置 app.use(session({   secret: 'recommend 128 bytes random string',   cookie: { maxAge: 20 * 60 * 1000 },  resave: true,  saveUnintialized: ...

    在脚手架中用express-session 中用到express-session配置

    app.use(session({ 
        secret: 'recommend 128 bytes random string', 
        cookie: { maxAge: 20 * 60 * 1000 },
        resave: true,
        saveUnintialized: true
    }))

    展开全文
  • node+express 后端分层设计,切片设计,架构设计简要介绍如下: 1、cleaning 文件夹:包含数据清洗处理的的方法 2、controller文件夹:包含接口请求时数据处理的方法 3、linkpool文件夹:包含mysql数据请求配置和...

    node+express 后端分层设计,切片设计,架构设计简要介绍如下:

    1、cleaning 文件夹:包含数据清洗处理的的方法

    2、controller文件夹:包含接口请求时数据处理的方法

    3、linkpool文件夹:包含mysql数据请求配置和sql 的拼接汇总

    4、routers文件夹:包含所有的路由数据请求

    5、util文件夹:包含所有的公共方法和数据返回统一控制方法

    git地址如下:https://github.com/seizeDev/node-express

    展开全文
  • 通过express配置服务后,每次都需要node server.js显得有些繁琐,因此有了需求,能不能将自己配置的服务放在vue配置文件中,这样只需要启动vue项目,后台配置也就完成了,答案是可以的。 先说总体过程,再说详细...

    1、使用express插件快速搭建node服务,首先安装express插件

    npm install express --save

    通过express配置服务后,每次都需要node server.js显得有些繁琐,因此有了需求,能不能将自己配置的服务放在vue配置文件中,这样只需要启动vue项目,后台配置也就完成了,答案是可以的。

    先说总体过程,再说详细内容

    2、使用vue-cli3脚手架工具搭建的vue项目,在根目录下新建vue.config.js配置文件,由于数据交互存在跨域问题,所以在项目中需要配置跨域,我们的后端服务配置在8100端口,前端端口配置在8080端口。跨域配置如下:

    module.exports={
      devServer: {
        port: 8080,
        proxy: {
            '/api': {
                target: 'http://localhost:8100',
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                  '^/api': ''
                }
            }
        },
      },
    }

    配置好跨域后,在module.exports同级下配置后端服务。配置前先安装body-parser插件,方法为

    npm install body-parser --save

    该插件的作用就是方便提取post方式提交的数据,使用req.body就能获得post提交的数据。如果不使用该插件将会变得很麻烦,建议安装使用。

    我是使用了mongdb数据库,所以配置内容较多。

    //后端提交数据配置
    const express = require("express")
    //引入mongoose库
    const mongoose = require("mongoose")
    const DB_URL = "mongodb://127.0.0.1:27017/blog"
    const bodyparser=require("body-parser")
    mongoose.connect(DB_URL)
    mongoose.connection.on("open", function() {
        console.log("链接成功");
    })
    //定义文档模型,类似于数据库建表
    const User = mongoose.model(
        "userName",
        new mongoose.Schema({
            title: { type: String, require: true },
            body: { type: Number, require: true }
        })
    )
    //新增数据
    User.create(
        {
            title: "喵星人",
            body: 19
        },
        function(err, doc) {
            if (!err) {
                console.log(doc);
            } else {
                console.log(err);
            }
        }
    )
    //删除数据
    User.remove({ age: 20 }, function(err, doc) {
        console.log(doc);
    })
    //修改数据
    User.update({ name: "功夫熊猫1" }, { $set: { age: 28 } }, function(err, doc) {
        console.log(doc);
    })
    //新建app
    const app = express();
    //body-parser为中间件,方便获取post操作数据,需要先使用一下。
    app.use(bodyparser.urlencoded({extended:false}))
    //请求数据
    app.get("/", function(req, res) {
        res.send("<h1>hello world</h1>");
    })
    app.post(`/dataName.html`, function(req, res) {
        if(req.body.user=='admin'&&req.body.password=='123'){
    		res.sendFile(`${__dirname}/test.html`);
    	}else{
    		res.send("404");
    	}
    })
    app.get("/dataName.html", function(req, res) {
        res.send("您好")
    })
    app.get("/home.html", function(req, res) {
      console.log(req.query);
    })
    //返回json类型数据
    app.get("/data", function(req, res) {
        User.find({}, function(err, doc) {
            res.json(doc);
        });
    })
    
    //监听8100端口
    app.listen("8100", function() {
        console.log("8100");
    })

    配置完成后,只需要像以往启动项目一样,不同的是启动项目同时,也启动了node服务,当点击提交数据时候,就会跳转到响应内容中

    展开全文
  • 将vue的router中的mode属性设成 'history' ,如果不设置的话,默认值为 'hash',也就是会出现#字符 const router = new VueRouter({ mode: 'history', routes: [...] ...这里后端使用的是nodeexpress框...
  • Node.js是一个Javascript运行环境(runtime)。本文给大家介绍Node.js+Express配置入门教程,值得推荐给大家,感兴趣的朋友一起学习吧
  • 下面小编就为大家带来一篇Node.js+Express配置入门教程详解。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 如何配置Node.js与express 本节将介绍如何配置nodeexpress 配置Node.js 1、下载Node.js安装包Node.js下载地址 2、按照安装包的流程一步一步的下去 一直点击Next就OK啦 3、在终端里面可以看到所装的Node的版本 ...
  • 在./config目录下有一个文件称为development.json包含用于本地环境的配置,而custom-environment-variables.json文件获取通过数值key在被上配置的环境变量定义服务器。 基本上,该文件用作导出的对象,可以通过在...
  • mongo_node_express 设置请求交换配置并以表/表格形式返回数据 通过doc READMEMANGO中的终端进行过程安装 数据集:已在管理员中插入测试集合 由[模拟鹦鹉]产生 配置 在安装Express时使用Express Generator重新安装...
  • WebStrorm 下开发node express 配置node

    千次阅读 2014-07-16 16:12:40
    node 在windows平台下有两中配置一种全局配置,这里的npm主要是辅助   webStrom 扩展npm   Run/Debug Configurations >> Defaults>>Nodejs>>Before Launch :External tool>> Add>>Run External tool>> ...
  • 管理多个版本的Node: : : 在安装时,将〜/ .npmrc配置为自动保存软件包 使用调试程序包记录 使用morgan包获取快速的中间件访问日志 下载引导程序并复制到项目中,而不是使用CDN 还下载了jquery并复制到项目 ...
  • 本篇文章主要介绍了node.js中express-session配置项详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 通过运行单个命令,您将在计算机上安装并完全配置可投入生产的Node.js应用程序。 该应用程序具有许多内置功能,例如使用JWT进行身份验证,请求验证,单元和集成测试,持续集成,泊坞窗支持,API文档,分页等。有关...
  • Node-express搭建服务器

    2018-10-29 14:06:17
    学习express搭建node服务器 GitHub:sueRimn 一、安装express框架 1、了解框架(百度) 2、下载框架 (1)使用npm命令下载 npm install express -g //全局安装,安装的是express最新版本 所有的项目都能用 npm...
  • NodeJS v8.4.0 + Express + SQLite 设置 安装 npm i 测试 npm t 跑步 npm start 注意事项 在波动搜索中,我只进行了90天以上的查询,因为数据库中有ont记录 解决方案的大多数决定是考虑性能。 按波动排序。 我计算...
  • 首先需要确认安装了node 然后通过npm install -g express来安装expressexpress命令的使用,查看版本信息。输入express -V ,提示express不是内部或外部命令。 因为express4.x中将命令工具分离出来了,所有需要先装...
  • Nodeexpress简单用法

    千次阅读 2017-12-15 09:02:58
    Node中的expressexpress 是一个神奇的web应用框架,可以搭建底层目录 可以配合模版语言创建项目具体步骤如下首先express -v 检查一下你本地电脑中有没有express如果没有那就 npm install express -g -g是全局中的...
  • node+express项目案例(二)

    千次阅读 2019-06-02 15:01:03
    node+express项目案例(一):https://blog.csdn.net/Chris__wang/article/details/90738551 node+express项目案例(二):https://mp.csdn.net/postedit/90738794 node+express项目案例(三):...
  • 本文参考:https://www.jianshu.com/p/af5f24ab7a22;... 一.安装Express (express-generator),搭建本地文件服务器 cnpm install express --save 1.全局安装express-g...
  • 使用Nodeexpress创建项目

    千次阅读 2017-04-06 09:58:07
    使用Nodeexpress创建项目的具体步骤:  1、安装Node,现在Node安装包进行安装即可;  2、安装grunt-cli : 打开cmd,以管理员的身份运行,将grunt-cli安装到全局环境中去。  grunt-cli是grunt的命令行,负责调用...
  • Node.js,Express.js,Sequelize.js和PostgreSQL RESTful API 此源代码是教程的一部分。 要在本地运行: 确保已安装并运行PostgreSQL服务器 创建名称与配置文件中相同的数据库 运行npm install或yarn install ...
  • 尽量不要上传node_moudls, 使用宝塔终端 cd /www/wwwroot/xxx/ 然后自己 npm i) 5,修改站点配置文件(设置里面) //添加这句 设置代理代码 location / { proxy_pass http://127.0.0.1:3008; //自己本地的IP和...
  • node express 微信xml消息接收解析配置

    千次阅读 2019-09-16 19:52:30
    1、npm install -s body-parser body-parser-...2、在app中配置 const bodyParser = require("body-parser"); require("body-parser-xml")(bodyParser);//微信支付解析xml var app = express(); app.use(bodyP...
  • 适用于Node.js和Express的Twilio入门项目 该项目旨在使用Node.js和 Web框架启动Twilio开发项目。 除Express之外,该项目还包含其他第三方模块,这些模块通常对创建Node.js Web应用程序很有用。 此示例应用程序演示...
  • Node + Express + TypeScript 借鉴了: https://www.wandouip.com/t5i348585/ 这篇文章为什么还要写:因为这篇文章写的不够详细和有的地方容易出错都去了但功能大致一样 前提: 请安装npm,typescript,tslint。...
  • node express 配置路由返回html文件

    千次阅读 2017-07-04 02:00:46
    // view engine setup app.set('views', path.join(__dirname, 'views')); //注册ejs模板为html页。...app.engine('.html', require('ejs').__express); //设置视图模板的默认后缀名为.html,避免了每次r
  • node express

    2014-11-01 17:33:07
    express4.x 的启动是 npm start 不是node app.js 端口配置在 /bin/www nodee
  • node + express 登录简单实现Demo

    千次阅读 2018-08-29 15:27:25
    安装node 安装应用生成器工具 express -可以快速创建一个应用的骨架。 $ npm install express-generator -g 检测: $ express --version 创建一个项目: $ express -e myapp 进入项目 $ cd myapp 安装依赖 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,687
精华内容 13,474
关键字:

node配置express