Node.js

本demo是使用express+mySql制作一个简单的链接sql
项目前准备
安装node.js http://nodejs.cn/
安装express http://www.expressjs.com.cn/
安装Mysql https://www.mysql.com/
项目结构初始化
第一步:首先新建express站点,这些我们新建的项目名称是expres sql,如果小伙伴们不知道express的这些指令,可以通过express –help查看(插一句,在这之前确保已经安装了 express)
第二步:进入到这个项目目录 cd sql
第三步:安装依赖 npm install
第四步:启动这个项目* & npm start,这里如果你安装了pm2,也可以使用pm2启动
第五步:命令行会提示在哪个端口监听,如果想改默认端口号,在bin文件夹下面的www文件进行修改
第六步:打开浏览器进行查看 localhost:3000(默认)

《Node.js》
至于文件夹里面的目是用express 生成的 http://www.expressjs.com.cn/
《Node.js》
首页页面+功能实现
关于系统中和用户的相关路由配置都写的routes文件夹下面的item.js中

《Node.js》
注意:
app.js文件中引入了routes中的item.js,var item = require(‘./routes/item’);并且使用app.use()将应用挂载到app应用上app.use(‘/item’, itemRouter);所以在访问item这个路径时就要变成/users/item
新建html页面

<!DOCTYPE html>
<html>
<head>

<title></title>

</head>
<body>
</body>
</html>
<script src=”https://cdn.bootcss.com/jquer…;></script>

<script>
    $(function(){
      $.ajax({
        url:"http://localhost:3000/item/list",
        type:'post',
        dataType:'json',
        success:function(e){
            for(var i in e){
                $('body').append("<h1>"+"<a href='id.html?id="+e[i].id+"'>"+e[i].name+"</a>"+"</h1>"+"<p>"+e[i].content+"</p>")
            }
        }
    })      
    })
</script>

现在通过在自己电脑输入http://localhost:3000/
《Node.js》
routes文件夹下item.js下面输入注册的路由
var express=require(‘express’);//引入express 模块
var router=express.Router(); //路由
var mysql= require(‘mysql’);//引入mysql模块
var connection=mysql.createConnection({ //链接数据库池
host:’localhost’,
user:’root’,//用户名
password:’123456’//密码 在配置mysql 的时候设置
});

《Node.js》

router.post(‘/list’,function(req,res,next){

res.header('Access-Control-Allow-Origin','*')    ;

connection.query(‘SELECT * FROM baobei.list_table’, function(err, rows, fields) {
res.send(rows)
});
})

router.post(‘/detail’, function(req, res, next) {

var content=req.body.arr;
res.header('Access-Control-Allow-Origin','*');
connection.query("SELECT * FROM baobei.list_table WHERE id='"+content+"';", function(err, rows, fields) {
  res.send(rows);

});

});

module.exports=router;

    原文作者:木子昕泽
    原文地址: https://segmentfault.com/a/1190000019148553
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞