前后端分离淘宝基于NODEJS的前后端分离

Posted 2022-12-15 wangziqiang123

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前后端分离淘宝基于NODEJS的前后端分离相关的知识，希望对你有一定的参考价值。

技术图片

FRONT-END SKILLS

技术图片

中间件定制平台

技术图片

“中间件定制平台”项目中用到的SKILLS

技术图片

前端工程

1，纯静态的前台工程，不依赖web server，可独立工程、独立开发

技术图片

2、开发过程使用JSON file/MockJS，通过配置切换Angular Service数据源

window.__service.factory('templateRES',function($resource) 
var url = framework.getFinalURL('api/template/:method/1','../template/api/:method.json');
var json = $resource(url,);
return json;
);

3、使用AngularJS，构建完善的前端MVC，简单高效的实现业务逻辑

技术图片

4、使用Bootstrap做UI框架，使用Angular封装过的KendoUI/jQWidgets等UI组件，实现复制交互控件

技术图片

4-2、组件的封装和组织

技术图片

4-3、组件的html化使用

技术图片

4-4、组件的MVC化控制

技术图片

后端工程

1、Sequelize实现ORM，简化数据库开发工作量

module.exports = function (sequelize, DataTypes) 
  var WebSite = sequelize.define('Website', 
    name: DataTypes.STRING,
    status: DataTypes.INTEGER
  , 
    tableName: 'bf_website',
    timestamps: false
  );
  return WebSite;

1-2、Sequelize的Models

function (_) 
  _ = _ || ;
  this.id = _.id || 0;
  this.status = _.status || 0;
  this.name = _.name || '';

Website.findById = function (callback) 
  Website.find( where: 'id': this.id   ).complete(function (err, obj) 
    callback(err, obj);
  );
;
Website.prototype.save = function(callback) 
  Website.create(this).complete(function (err, obj) 
    callback(err, obj);
  );
;
module.exports = Website;

2、使用LinqJS，进一步简化ORM对象的操作

var Enumerable = require('linq');
var xpath = Enumerable.from(xpathArr)
.select(function(xpath)
  if(xpath.name == inputs.xpath.name)
    xpath = 'new value';
  
  return xpath;
).toArray();

3、使用ThenJS，直观管理数据库的多表操作

then(function(defer)
  WebsiteDomain.del(inputs.ids , defer);
)
.then(function(defer, value)
  Xpath.delByDomainId(inputs.ids, defer);
)
.all(function (defer, err) 
  if(!err)
    callback(null, 
      code: '00',message: 'success.'
    );
  
).
fail(function (defer, err) 
  callback(null, 
    code: '01',message: err
  );
);