2018-06-22 (前后台连接方法)

node

前后台 连接 过程。

注意: 
    html    localhost:你自己写的端口/你的html
    js  localhost:你自己写的端口/你自己写的'/名字'  比如  '/json'

    写完 js  要 监听 在 cmd 里。        node  js软件名字 
  1. 在指定的文件夹下载 下面需要的数据。 需要 mySQL 数据库。

npm install express (表达)

npm install mysql

  1. 在文件夹内 创建 js 文件
1.  自己写数据。

写好数据,设置 一个静止 的文件夹。

然后,用 cmd  监听 js文件 (自己写的数据库)。

在静止的文件夹内 创建 html 文件  用 Jquery  写出 ajax  。
// js 写法

let express = require('express');


let server = express();

server.listen(5000); // 监听端口

server.get('/zj',function (request,response){
// 请求数据

    response.send({
        // 发送数据
        data:[

        {name:'MC丶小洲',age:18},
        {name:'李四',age:19}


        ]




    });

    response.end();




})


// 设置 静态 文件夹 

server.use(express.static('file'))






// jquery
<script>
$.ajax({

    url:'/zj',
    dataType:'json',
    cache:true,
    success:function(res){
        console.log(res)
        $.each(res.data,function(i,v){


            $(`
                <div>${i}</div>
                <div>${v.name}</div>
                <div>${v.age}</div>


                `).appendTo('body')




        })




    }




})

</script>







    2. 用 Navicat Premium    (外号 小金币)



    
        js 写法 先 引包   创建 一个 mysql。在连接 数据库, 写上 你自己用 (小金币) 写 的 数据库。
        
        然后 调用。 比 第一种 方法, 多了一次方法。




        (小金币)方法。

        1.使用先创建 数据库。

        2.在 数据库 下,创建 表格

        3.在 查询 表格,  查询代码是    SELECT  *  FROM  表格名称 (select * form 表格名称)要大写 优化服务器。










        代码如下:

        ```
// 引包 

let express = require('express');
let mysql = require('mysql');
let server = express();



server.listen(4000);  // 监听端口


// 连接数据库

let db = mysql.createConnection({

    host:'localhost',
    user:'root',        // 用户名
    password:'root',    // 你的密码
    database:'ind'  // 数据库名称

})




server.get('/sele',function (request,response){

    db.query(`select * from json`,function (err,data){

        response.send({data});
        response.end();



    })


})

//  express     表达

//  require     要求

//  mysql       数据库

//  query       查询 

//  listen      听

//  createConnection    创建连接

//  host        主办  

//  localhost   本地服务器

//  root        根

//  database    数据库

//  server      服务器

//  reqeuest    请求
    
//  response    响应

//  send        发送

//  end         结束

//  data        数据

//  static      静止的


//  设置 静态文件夹

server.use(express.static('mmm'));






        ```

jqury   的 ajax


    ```

    $.ajax({

        url:'/zj',
        dataType:'json',
        cache:true,
        success:function(res){
            // console.log(res)
            $.each(res.data,function(i,v){


                $(`
                    <div>${i}
                        <span>${v.name}</span>
                        <span>${v.age}</span>
                        <span>${v.user}</span>
                    </div>

                    `).appendTo('body')





            })
        }



    })


    ```


    


        















    

    









 mySQL  简书

localhost:4000/add

localhost(本地主机)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,735评论 0 3
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 10,004评论 1 52
  • 花材: 竹枝条:3 非洲菊:5 多头康乃馨:3 肾厥:10 八角:3 步骤: 1,作封闭圆框架,7倍于瓶高,三个圈...
    那花那生活阅读 908评论 0 0
  • 香消玉殒骨犹存, 秋雨枯叶更伤魂。 犹忆六月融融日, 莲房心空雾沉沉。
    白露丹枫阅读 239评论 0 0
  • 阳光姐妹淘 为什么会看呢 因为剧荒 因为闵孝琳 因为学了韩语 因为一条微博 所以在风雨交加的傍晚,逃了一节课,窝在...
    乍见之欢嘿阅读 273评论 0 0

友情链接更多精彩内容