如何在Node + mysql + express中集成Angular主题

时间:2016-08-26 10:17:05

标签: javascript mysql angularjs node.js express

我是节点,角度和表达的新手..如果可以,请帮助我。

我已经使用node + express + mysql创建了REST API, 现在我必须将此blur-admin主题集成到现有项目中。 按照说明操作后,我可以单独使用gulp运行主题,但不知道如何将其与mysql或现有项目连接。

我使用nodemon SERVER来运行现有项目

SERVER.js

var express = require("express");
var mysql   = require("mysql");
var bodyParser  = require("body-parser");
var md5 = require('md5');
var rest = require("./REST.js");
var app  = express();

var helmet = require('helmet');
app.use(helmet());

app.disable('x-powered-by');

function REST(){
    var self = this;
    self.connectMysql();
};

REST.prototype.connectMysql = function() {
    var self = this;
    var pool      =    mysql.createPool({
        connectionLimit : 100,
        host     : 'localhost',
        user     : 'root',
        password : 'phpmyadmin',
        database : 'myApp',
        debug    :  false
    });
    pool.getConnection(function(err,connection){
        if(err) {
          self.stop(err);
        } else {
          self.configureExpress(connection);
        }
    });
}

REST.prototype.configureExpress = function(connection) {
      var self = this;
      app.use(bodyParser.urlencoded({ extended: true }));
      app.use(bodyParser.json());
      var router = express.Router();
      app.use('/api', router);
      var rest_router = new rest(router,connection,md5);
      self.startServer();
}

REST.prototype.startServer = function() {
      app.listen(3000,function(){
          console.log("All right ! I am alive at Port 3000.");
      });
}

REST.prototype.stop = function(err) {
    console.log("ISSUE WITH MYSQL n" + err);
    process.exit(1);
}

new REST();

使用gulp serve运行blur-admin主题

gulpfile.js

'use strict';

var gulp = require('gulp');
var wrench = require('wrench');

/**
 *  This will load all js or coffee files in the gulp directory
 *  in order to load all gulp tasks
 */
wrench.readdirSyncRecursive('./gulp').filter(function(file) {
  return (/\.(js|coffee)$/i).test(file);
}).map(function(file) {
  require('./gulp/' + file);
});


/**
 *  Default task clean temporaries directories and launch the
 *  main optimization build task
 */
gulp.task('default', ['clean'], function () {
  gulp.start('build');
});

现在我不知道如何合并他们两个

1 个答案:

答案 0 :(得分:0)

在互联网上搜索时,我在youtube MEAN stack 教程视频中找到了提示。 之后我按照以下步骤操作:

将angular js“blur-admin”主题移动到express的公共文件夹 执行命令

 gulp serve

运行客户端 并在快递文件夹执行命令

nodemon SERVER

传送端口上运行服务器端。 然后根据需要在表达式上使REST API 。 在客户端主题控制器上使用此API作为

$http.get('http://192.168.1.96:4000/api/apiname').
      success(function(data) {
       //code here
      });