为了账号安全,请及时绑定邮箱和手机立即绑定

node+express+socket.io+mysql=通讯服务器搭建(一)

标签:
JavaScript

首发github/blog 欢迎大家评论给星

安装

首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后安装express-generator应用骨架

$ mkdir node-demo$ npm install express-generator -g //mac需要加sudo

express -h

$ express -h
  用法: express [options] [dir]
  选项:

    -h, --help          输出使用信息
    -V, --version       输出版本号
    -e, --ejs           添加ejs引擎支持(默认为jade)
        --hbs           添加handlebars引擎支持
    -H, --hogan         添加hogan.js引擎支持
    -c, --css <engine>  添加stylesheet <engine> 支持 (less|stylus|compass|sass) (默认为CSS)
        --git           添加.gitignore
    -f, --force         非空目录上的 force

express-generator 生成应用骨架

$ express node-demo

执行此命令后会有以下代码

warning: the default view engine will not be jade in future releaseswarning: use `--view=jade' or `--help' for additional options//警告:默认的视图引擎在未来版本中不会是JADE//警告:使用“-VIEW = JADE”或“帮助”选项//这里我们重新生成骨架默认为ejs模板 使用以下命令//express --view=ejs blog//--view=模板引擎的名称,有很多种//blog为项目文件夹名称$ express --view=ejs node-demo  使用ejs模板引擎// 出现以下信息,安装指示 一步一步进行
   create : node-demo/   create : node-demo/public/
   create : node-demo/public/javascripts/   create : node-demo/public/images/   create : node-demo/public/stylesheets/   create : node-demo/public/stylesheets/style.css   create : node-demo/routes/
   create : node-demo/routes/index.js   create : node-demo/routes/users.js   create : node-demo/views/
   create : node-demo/views/error.jade   create : node-demo/views/index.jade   create : node-demo/views/layout.jade   create : node-demo/app.js   create : node-demo/package.json   create : node-demo/bin/
   create : node-demo/bin/www

   change directory:
     $ cd node-demo

   install dependencies:
     $ npm install

   run the app:
     $ DEBUG=node-demo:* npm start

运行express

$ npm start 

//浏览器输入 http://localhost:3000///即可看到//Express//Welcome to Express

项目文件分析

项目创建成功之后,生成四个文件夹和两个文件,

  1. app.js

  • 这是它的初始形式,这个模块还要继续导出给bin文件夹下的www文件使用

  • 配置信息文件packetage.json

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

    • www文件:这里拥有着http服务器的基本配置

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

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

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

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

  • 进化项目——连接数据库

    $ npm install mysql --save

    根目录sql文件夹 里面新建sqlConfig.js,内容如下:

    // 引入mysqlvar mysql = require('mysql');var pool = mysql.createPool({
      host: "localhost", //这是数据库的地址
      port: "2000",
      user: "root", //需要用户的名字
      password: "12345", //用户密码 ,如果你没有密码,直接双引号就是
      database: "huang" //数据库名字});/**
     * @param {*} sql sql语句
     * @param {*} callback 回调函数
     */function query(sql, callback) {
      pool.getConnection(function (err, connection) {
        connection.query(sql, function (err, rows) {
          callback(err, rows);
          connection.release(); //释放链接
        });
      });
    }
    
    exports.query = query;

    routes文件夹下面新建admin_user.js对应 admin_user表模块 内容如下:

    var express = require('express');var router = express.Router();//引入数据库包var sql = require("../sql/sqlConfig.js");/**
     * 查询列表页
     */router.get('/', function (req, res, next) {
      sql.query('select * from admin_user', function (err, rows) {    if (err) {      console.log(err)
          res.render('index.ejs', { title: 'Express', datas: [] });
        } else {
          res.render('index.ejs', { title: 'Express', datas: rows });
        }
      })
    });module.exports = router;

    sql文件夹 继续新建 AdminUserSQL.js 内容如下:

    //admin_user表 sql语句var AdminUserSQL = {
      queryAll: 'SELECT * FROM admin_user',
    };module.exports = AdminUserSQL;

    进入app.js,加入一下代码:

    //引入users模块var AdminUsersRouter = require('./routes/admin_user');
    app.use('/get-admin-users', AdminUsersRouter);

    启动

    http://localhost:3000/get-admin-users

    Express
    Welcome to Express
    
    userName    姓名
    admin   超级管理员

    总结

    node.js配合express连接mysql获取admin_user表的简单demo完成。
    通讯服务器搭建第一步完成,下一步我们将配合socket.io完成消息推送。欢迎大家评论交流。
    源码见github

    原文出处

    点击查看更多内容
    TA 点赞

    若觉得本文不错,就分享一下吧!

    评论

    作者其他优质文章

    正在加载中
    • 推荐
    • 评论
    • 收藏
    • 共同学习,写下你的评论
    感谢您的支持,我会继续努力的~
    扫码打赏,你说多少就多少
    赞赏金额会直接到老师账户
    支付方式
    打开微信扫一扫,即可进行扫码打赏哦
    今天注册有机会得

    100积分直接送

    付费专栏免费学

    大额优惠券免费领

    立即参与 放弃机会
    意见反馈 帮助中心 APP下载
    官方微信

    举报

    0/150
    提交
    取消