express是干嘛的百度有很多解释了我也不重复直接进入主题:用express搭建简单后台
本文是express + sql语句,个人建议学express前把数据库也学点,我是学了MySql,
MySql简单入门百度很多教程,也可以看我过往的几篇文章。
2)执行命令查看版本号:express --version 有版本号证明安装成功
这里要注意express-test2是项目的名称不能写错
app.js文件设置跨域
var express = require('express'); var router = express.Router(); // 定义路由主页 router.get('/', function(req, res, next) { res.render('index', { title: 'Express' }); }); // 创建个get查询路由 router.get('/query', function(req, res, next) { // 这里就可以写各种业务数据了 console.log('拿get请求参数:', req.query); const result = { // 弄个假数据测试下 result: { name: "tom", age: 18, sex: true }, state: { message: "", state: "ok", success: true } } res.json(result); // 输出结果 }); // 创建个post查询路由 router.post('/query2', function(req, res, next) { console.log('拿post请求参数:', req.body); const result = { // 弄个假数据测试下 result: { name: "anne", age: 16, sex: false }, state: { message: "", state: "ok", success: true } } res.json(result); // 输出结果 }); module.exports = router;
app.js文件引入刚才写test.js文件
然后重跑express服务
接下来写个简单的前端接口调用页面也就是ajax,我就偷懒直接用jq封装后的ajax演示了
get请求:
var url = "http://localhost:3000"; // 也可以是本地IP + 3004 $.ajax({ type: "GET", url: url + "/test/query", success: function (res) { console.log(res); }, error: function (err) { console.log(err); } });
post请求
$.ajax({ type: "POST", url: url + "/test/query2", data: { name: 'lili' }, success: function (res) { console.log(res); }, error: function (err) { console.log(err); }, });
以上都是基本用法,接下来演示express + MySql