乐趣区

Nodejs

本 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(默认)


至于文件夹里面的目是用 express 生成的 http://www.expressjs.com.cn/

首页页面 + 功能实现
关于系统中和用户的相关路由配置都写的 routes 文件夹下面的 item.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/

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 的时候设置
});

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;

退出移动版