首先创建一个index.js,在里面引入相关的中间件,如果没有这些中间件,则需要在nodejs里进入index.js所在的文件夹安装这些模块,安装命令:npm install express express-static cookie cookie-session body-parser multer mysql,并且创建好www文件夹和views文件夹,www文件夹放了所有要读取的css.js.img等,views文件夹下放了所有要渲染的ejs模板

const express = require("express");//框架
const expressStatic = require("express-static");//指定路径读取静态文件
const cookie = require("cookie");//解析cookie数据
const cookieSession = require('cookie-session');//基于cookie的session数据,保存在request.session
const bodyParser = require("body-parser");//解析post数据,保存在request.body中
const consolite = require("consolite");//模板适配器
const multer = require("multer");//文件上传
const mysql = require("mysql");//数据库
const db = mysql.createPool({//建立数据库连接池
  host:'localhost',//主机地址
  name:'root',//数据库账号
  password:'q791469353'//数据库密码
  database:'officialwebsite'//数据库名称
});
//第一步,搭建服务器并监听端口
var app = express();
app.listen(8080);//这里监听端口8080 //第二步,指定路径读取静态文件
app.use(expressStatic('./www'));//这里指定在./www下读取所有静态文件 //第三步 ,初始化session
app.use(cookieParser('asdhkj'));//将cookie数据解析
var array = [];//随机生成数组用于加密session
for(var i=0;i<1000;i++){
array.push(Math.random());
}
app.user(cookieSession({
name:'session名称',
keys:array,//keys表示session加密的字符
maxAge:5*60*1000//设置session的有效时间,以毫秒为单位
})); //第四步,解析post传过来的数据,保存在request.body中,get方法express框架将数据保存在了request.query中
app.use(bodyParser.urlencoded({extend:false}));
//第五步,文件上传数据解析
app.use(multer({dest:“保存文件上传的路径”}).any());//any()方法表示接收上传任何类型的文件
//第六步,适配模板
app.set('"views engine","text/html");//适配模板引擎后将其识别为html文件
app.set("views","./views");//指定模板在views文件夹下面,该文件夹下面以ejs为结尾的模板,其中语法:<% js代码 %>表示执行js代码但不输出, <%= js代码 %>表示执行js代码并输出 ,<%- js代码%>表示转义输出js代码 ,<% include '其他模板路径'%>表示在该模板中的该段引入模板的代码
app.engine("html",consolite.ejs);//使用ejs模板引擎= //以上是应用搭建的部署,接下来对请求做处理
app.get("/",(request,response)=>{//表示访问localhost:8080/时做出的响应,request表示浏览传输过来的数据,response表示服务器响应给浏览器的数据
  response.render("index.ejs",{});//表示渲染index,ejs模板,并传一个空的对象给该模板
});
app.get("/sign_in",(request,response)=>{
  var name = request.query.name;//获取get方法传过来的数据
  db.query(`SELECT * FROM xxx表 WHERE 字段 = ${name}`,(err,data)=>{//对数据库进行查询,参数为SQL语句,${变量}表示在该字符串中使用该变量,此时字符串应为反双引号:``
    //如果出现错误,则err不是空的对象,否则为空对象,并且查找到的数据在data中
    if(err) throw err;
    else{
      res.render("sign-in.ejs",{data:data});//给模板传入找到的data数据
    }
  });
});
app.post('/sign-up',(request,response)=>{
  var post = request.body;//获取post传过来的数据
  if(post.name == xx){
    response.send('xxx');//代码执行成功后,给前端调用ajax方法的回调函数传递参数
}; app.get('/test',(request,response,next)=>{//以test为例,用next()方法渲染test.ejs模板
  if(request.query.name == 'xxxx'){
  next();//执行下一个相同请求的函数
}
app.get('/test',(request,response)=>{
  render('/test.ejs',{});
});
}); });

Nodejs之使用express框架搭建WEB应用的更多相关文章

  1. Node.js基于Express框架搭建一个简单的注册登录Web功能

    这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...

  2. SSM框架搭建web服务器实现登录功能(Spring+SpringMVC+Mybatis)

    初学java EE,虽然知道使用框架会使开发更加便捷高效,但是对于初学者来说,感到使用框架比较迷惑,尤其是各种jar包的引用.各种框架的配置.注解的使用等等. 最好的学习方法就是实践,于是下载了一个现 ...

  3. express快速搭建web server

    安装express4.x npm install -g express npm install -g express-generator //express命令行工具在4.x分离出来了 express ...

  4. 简单的使用Nginx框架搭建Web服务器~

    系统环境Debian 8,内核版本 一.首先来安装nginx服务程序:  1.安装nginx服务需要的相关程序(记得在root权限下操作下面的指令) aptitude install libpcre3 ...

  5. 关于框架搭建-web

    最近一直在学习前端相关的东西,在学了一堆基础可以以及动手在某个前端框架上写了一些东西之后,我想尝试着开始自己搭建一个框架.不知道时间需要多久,但会持续更新.小菜鸟的成长记录. ------------ ...

  6. (六)、nodejs中的express框架获取http参数

    express获取参数方法: 一.通过req.params app.get('/user/:id', function(req, res){ res.send('user ' + req.params ...

  7. nodejs之使用express框架连接mongodb数据库

    var express = require('express');var router = express.Router();var app = express();var MongoClient = ...

  8. nodejs之使用express框架连接mysql数据库,返回jsonapi数据

    var express = require('express');var router = express.Router();var url = require('url');var mysql = ...

  9. express框架搭建服务端

    1.管理员权限全局安装express npm i -g express-generator@4 2.创建express项目 express -e projectName 3.进入项目并安装 cd pr ...

随机推荐

  1. Mac终端打开AndroidStudio已创建模拟器

    目的 偶尔我们只是想运行模拟器,并不想打开AndroidStudio,这时我们可以从终端找到emulator,通过emulator来启动指定名称的模拟器 步骤 1.找到emulator所在位置 fin ...

  2. 归并排序及应用 (nyoj 117 求逆序数)

    求逆序数 时间限制:2000 ms  |  内存限制:65535 KB 难度:5   描述 在一个排列中,如果一对数的前后位置与大小顺序相反,即前面的数大于后面的数,那么它们就称为一个逆序.一个排列中 ...

  3. 从零学React Native之05混合开发

    本篇文章,我们主要讨论如何实现Android平台的混合开发. RN给Android端发送消息 首先打开Android Studio, Open工程, 在React Native项目目录下选择andro ...

  4. H3C 分组交换连接模型

  5. php 向数组 首位插入 和 尾部插入

    首位插入: <?php$queue = array("orange", "banana");array_unshift($queue, "app ...

  6. hdu 1535 Invitation Cards(spfa)

    Invitation Cards Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others ...

  7. [转][ASP.NET Core 3框架揭秘] 跨平台开发体验: Windows [上篇]

    微软在千禧年推出 .NET战略,并在两年后推出第一个版本的.NET Framework和IDE(Visual Studio.NET 2002,后来改名为Visual Studio),如果你是一个资深的 ...

  8. 【原生JS】写最简单的图片轮播

    非常简单的一个大图轮播,通过将控制显示位置来进行轮播效果,写来给正在学习的新手朋友们参考交流. 先看效果:(实际效果没有这么快) 先看布局: <div id="display" ...

  9. Codeforces Round #168 (Div. 1 + Div. 2)

    A. Lights Out 模拟. B. Convex Shape 考虑每个黑色格子作为起点,拐弯次数为0的格子构成十字形,拐弯1次的则是从这些格子出发直走达到的点,显然需要遍历到所有黑色黑色格子. ...

  10. ABSD 基于架构的软件设计方法方法简介(摘抄)

    ABSD(Architecture-Based Software Design)基于架构的软件设计方法 有三个基础: 第一个基础是功能分解.在功能分解中,ABSD方法使用已有的基于模块的内聚和耦合技术 ...