美文网首页
浅谈Node.js,入门,及服务器操作,常用接口制作

浅谈Node.js,入门,及服务器操作,常用接口制作

作者: 虚幻的锈色 | 来源:发表于2017-02-24 21:21 被阅读245次

    Node.JS

    优点:

    1.性能高
     2.适合前端人员学习
     3.和前台配合特别方便

    缺点:

    1.应用范围小
     2.不适合大型系统开发
     官网:https://nodejs.org/en/
    下载安装过好后 直接去cmd中使用口令


    首先需要电脑上面有服务器环境,可以下载wamp这个软件安装,主要是免费的。

    先去cmd中运行NodeJS的程序 指令:

    1.切换盘符 f:
     2.进入目录 cd 目录名
     3.执行node node 文件名

    使用nodejs编写后台接口用到什么插架就需要下载什么插件
     指令:npm install 插件名
     如果觉得npm比较慢的话,可以下载cnpm安装,比npm下载东西稍微快一些:
     兄弟(镜像):http://npm.taobao.org/
     npm install -g cnpm --registry=https://registry.npm.taobao.org
    指令一样:
     cnpm install xxx
     cnpm i xxx

    首先我们下载两个插件:

    cnpm install express,express-static 直接下载安装;
     cnpm install express,express-static --save-dev 加上这个后缀下载的东西会自动生成一个工程文件,方便以后别人用。


    大体步骤:

    1.准备工作

    i.引模块:express、express-static
      ii.创建
      iii.监听

    2.处理接口

    i.添加
      ii.获取

    3.处理文件请求

    i.static


    代码如下:

    //1.引入框架express 直接用require方式引
    const express=require("express"); 
    const static=require("express-static");
    //2.创建服务器对象
    let server=express();
    //3.监听
    server.listen(8888); //8888 **端口号 区分服务
    //4.处理请求
    //返回数据 接口类
    server.get('/getUser',(request,response)=>{  ///getUser是前端访问的URL名字
        //request 请求  收到 输入  request.query.**  解析穿进来的数据
        //response 响应 返回 输出
        response.send([{name:'a',pass:'123'},{name:'b',pass:'456'},{name:'c',pass:'789'}]);
        response.end();
    });
    //server.post();  //post方式访问
    //server.use();   //这个是兼容get和post方式的
    
    //返回文件 文件类
    server.use(static("abc"));//如果在端口号中访问文件,就会自动去同级abc文件夹中去找
    

    直接去浏览器中:localhost:8888/getUser 看看这个接口给前端返回的东西
    :[{name:'a',pass:'123'},{name:'b',pass:'456'},{name:'c',pass:'789'}]


    顺便说一个下载东西的简便且快速的方法:

    bower 指令下载东西的,方便,快速
     1.安装
      cnpm i -g bower

    2.用法
      bower install xxx
      bower install jquery@1.9.*
      bower install jquery@latest


    操作数据库有两种方法:

    1、navicat软件操作:客户端软件操作下载一个:Navicat for MySQL,
    2、当然你也可以去页面操作:http://localhost/phpmyadmin

    数据库:

    MySQL 免费,也还行
     Oracle 强大

    一个服务器都有:服务端+客户端
    对于MySQL来说:
    服务端:融合在wamp里面了(也能单装-https://www.mysql.com/)
    https://dev.mysql.com/downloads/
    客户端:navicat

    进入软件,首先我们要建立连接,

    1.创建连接
     名字
     服务端地址
     用户名
     密码

    2.打开连接
     双击
    3.然后我们在进入建立一个数据库

    两种单位介绍:
     库-文件夹,本身不能存东西,是用来管理的
     表-文件,存数据的
    简述一下表:
     行-数据
     字段-项目
    创建库:
     右键 -> 新建库 -> 填写(名字,字符集,排序规则-general)

    服务器端使用方式详细步骤:

    1、创建连接:
    名字、主机、端口、用户、密码
    2、创建库:
    名字、编码、排序
    3、创建表:
    字段名、类型、长度、是否null、主键

    数据的字段类型

    INT  整数类型
    float 浮点数
    double 浮点数
    VARCHAR  字符串
    TEXT     大量字符串
    DATE     日期
    

    #######数据库语言-SQL 4大语句:
    增 添加-INSERT
    删 删除-DELETE
    改 修改-UPDATE
    查 查询-SELECT

    例:比如有一个user_table的数据库表

    添加:

    INSERT INTO 表 VALUES(数据);
     给user_table添加一条数据,小华、555555
     INSERT INTO user_table VALUES(0, '小华', '5555555');

    删除

    DELETE FROM 表 WHERE 条件;
     DELETE FROM user_table WHERE ID=3; //注:满足id=3的
     DELETE FROM user_table WHERE age>5; //注:满足 age>5的
     DELETE FROM user_table WHERE math<60 OR chinese<60 OR english<60; //注:math<60的 或者是 chinese<60 或者是english<60
     DELETE FROM user_table WHERE math>=95 AND chinese>=95 AND english>=95; //注:math>=95 且 chinese>=95 且english>=95;

    更改:

    UPDATE
     表, 哪一条, 改什么
     UPDATE 表 SET 名字=新值,名字=新值,... WHERE 条件;
     把小华的密码改成111111
     UPDATE user_table SET password='111111' WHERE ID=5;

    查找:

    SELECT
     表, 条件, 字段
     SELETE 字段 FROM 表 WHERE 条件
     //选出所有用户名、年龄,年龄>10
     SELECT username,age FROM user_table WHERE age>10;

    例:下面我们来演示一个数据库登录于注册的小接口

    首先,我们要定一下接口的样子以及前台发送和后台给我们返回的东西

    注册:

    用户名、密码、验证码
     /zhuce?user=xxx&pass=xxx&age=xxx
     =>{chengle: true}
      {chengle: false, msg: '失败原因'}

    登录:

    /login?user=xxx&pass=xxx
     =>{chengle: true}
      {chengle: false, msg: 'xxx'}
     
    下面我们就开始写JS:
    此段不多说,上面已经说过了。

    const express=require('express');
    const static=require('express-static');
    const mysql=require('mysql');
    
    let db=mysql.createConnection({host: 'localhost', user: 'root', password: '123456', database: '20170223'});
    
    let server=express();
    server.listen(8888);
    

    开始写注册的接口:

    server.get('/zhuce', (req, res)=>{  //很明显,我们的接口定的是get方式,url就是/zhuce(通俗。。) 
      db.query(`SELECT * FROM user_table WHERE username='${req.query.user}'`, (err, data)=>{  //注:前台传过来的数据在req身上的query这个对象身上
        //这一步我们是先去数据库匹配看看有没有这个账户 用到查找这个sql语句
        if(err){
          res.send({chengle: false, msg: '数据库有错'});//err是有没有错,如果有错就是代码写错了
          res.end();
        }else{
          if(data.length>0){ //没错的话,我们看看返回的data结果有没有数据,length>0就是找到了,有重复
            res.send({chengle: false, msg: '用户名有了'}); //我们给客户返回用户名重复,
            res.end();
          }else{
            db.query(`INSERT INTO user_table VALUES(0, '${req.query.user}', '${req.query.pass}', ${req.query.age})`, (err, data)=>{  //length<0 就是说没有这条数据,那么,我们就往数据库里面添加一条。 用到添加这个sql语句
              if(err){
                res.send({chengle: false, msg: '数据库有错'}); //如果有错就是添加失败,出错了
                res.end();
              }else{
                res.send({chengle: true}); //成功了,我们就告诉前台。
                res.end();
              }
            });
          }
        }
      });
    
    });
    

    然后开始写登录的接口:

    server.get('/login', (req, res)=>{ //依然,登录的url就定为 /login
      //找这个人
      db.query(`SELECT * FROM user_table WHERE username='${req.query.user}'`, (err, data)=>{
        //这一步我们是去服务器匹配看看有没有这个账号
        if(err){
          res.send({chengle: false, msg: '数据库有问题'});//如果出错就是出问题了
          res.end();
        }else{
          if(data.length==0){ //没有错,且匹配的结果data的length是0 就是没有
            res.send({chengle: false, msg: '没这个人'});//给前台返回没有这个账号
            res.end();
          }else{
            if(data[0].password==req.query.pass){//如果data结果length不是0,就是匹配有,我们就看看密码对不对
              res.send({chengle: true}); //对,那就成功了,告诉前台
              res.end();
            }else{
              res.send({chengle: false, msg: '用户名或密码有错'}); //错的话 那就是密码错误。
              res.end();
            }
          }
        }
      });
      
    });
    server.use(static('www'));  //当然这一步是端口访问文件告诉从哪个文件夹中找
    

    接口文档写完了。前台html布局以及js就随便用ajax或者是jq以及前端三大框架交互就行,这里我就不弄了。

    相关文章

      网友评论

          本文标题:浅谈Node.js,入门,及服务器操作,常用接口制作

          本文链接:https://www.haomeiwen.com/subject/abzwwttx.html