全栈-node.js与express框架使用

项目开始

1、创建项目

D:\>express -e EasyChat

表示在当前目录下创建EasyChat项目

2、安装依赖

D:\>cd EasyChat

D:\EasyChat>npm install

3、测试

npm start

介绍

项目创建成功之后,生成四个文件夹,主文件app.js与配置信息文件packetage.json

bin是项目的启动文件,配置以什么方式启动项目,默认 npm start

public是项目的静态文件,放置js css img等文件

routes是项目的路由信息文件,控制地址路由

views是视图文件,放置模板文件ejs或jade等(其实就相当于html形式文件啦~)

express这样的MVC框架模式,是一个Web项目的基本构成。

views下的index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

这里的title是由下面导入的

routes下的index.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

创建新的路由

在route下创建文件chat.js

/**
 * Created by mingC on 2017/11/29.
 */
var express = require('express');
var router = express.Router();

/* GET chat listing. */
router.get('/', function(req, res, next) {
    res.send('Chat Page');
});

module.exports = router;

app.js

...
var chat = require('./routes/chat');
...
app.use('/chat', chat);
...

MySQL

var mysql = require('mysql');
    var connection = mysql.createConnection({
        host: 'localhost',
        user: 'root',
        password: 'momingqi',
        database: 'easychat'
    });
    connection.connect(functon(err){
        if(err) {
            console.log(err);
            return;
        }
    });
    connection.query("select * from msg", function (err, results, fields) {
        if (err) {
            console.log("select error");
            res.json({'code':0})
            return;
        }
        /*返回数据*/
        res.json(results);
    })

插入数据返回

OkPacket {
  fieldCount: 0,
  affectedRows: 1,
  insertId: 0,
  serverStatus: 2,
  warningCount: 0,
  message: '',
  protocol41: true,
  changedRows: 0 }

“`

猜你喜欢

转载自blog.csdn.net/mingC0758/article/details/80948164