react-cli

后端: node express winston winston-daily-rotate-file sequlize mysql
前端: rect redux react-router webpack 4.0
喜欢的请给个star吧

项目结构

 #server
 |--- bin
 | |--- www // 项目启动文件
 |--- config
 | |--- config.js // 数据库链接配置
 | |--- error.message.js // 处理公共错误提示
 | |--- proxy.js // 配置api反向代理
 |--- controllers // 控制器编写api
 | |--- api.js 
 | |--- login.js
 | |--- red.js
 |--- logs // 日志文件
 | |--- accesss.log.txt.2018-04-12 // 记入每一个接口请求
 | |--- error.log.txt.2018-04-12 // 严重错误日志
 | |--- normal.log.txt.2018-04-12 // 普通日志
 | |--- warn.log.txt.2018-04-12 // 普通错误日志
 |--- middleware // 中间件
 | |--- rest.js // 统一处理结果
 |--- models // 模型文件
 | |--- index.js
 | |--- red.js
 | |--- user.js
 |--- public // 公共资源文件
 | |--- images
 | |--- javascript
 | |--- stylesheets 
 |--- services // 业务逻辑处理
 | |--- loginService.js
 | |--- redService.js
 | |--- userService.js
 |--- test // 单元测试
 | |--- test.js
 |--- util // 工具
 | |--- cookies.js
 | |--- crypto.js
 | |--- logger.js
 | |--- rohr.js 
 |--- views // 视图
 | |--- index.html
 |--- app.js // 入口文件
 |--- controller.js // 自动导入控制器文件
 |--- package.json

自动扫描controller文件,并且导出router, 在app.js 一次使用

#controller.js
...function addController(router, dir) {
 fs.readdirSync(__dirname + '/' + dir).filter((file) => {
 return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
 }).forEach((file) => {
 addMapping(router, require(path.join(__dirname,dir, file)));
 })
 }...
 
 #app.js
 app.use(controller())

使用sequlize 实现关系对象映射

# models/index.js
try {
 sequelize = new Sequelize(dbConfig.database, dbConfig.user, dbConfig.password, dbConfig);
 console.log("connection to the db....")
} catch (e) {
 console.log(e);
 throw e;
}
fs.readdirSync(__dirname).filter((file) => {
 return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
}).forEach((file) => {
 const model = sequelize['import'](path.join(__dirname, file));
 db[model.name] = model;
})
Object.keys(db).forEach(function (modelName) {
 if (db[modelName].associate) {
 db[modelName].associate(db);
 }
})
db.sequelize = sequelize;
db.Sequelize = Sequelize;

使用http-proxy-middleware,处理第三api方向代理

# config/proxy.js
 module.exports = {
 proxyTable: {
 '/external': {
 target: 'https://activity.waimai.meituan.com/coupon/grabShareCoupon',
 changeOrigin: true,
 pathRewrite: {
 '^/external': '/'
 }
 },
 '/extget': {
 target: 'http://www.123369.com.cn/api/Jkb/GetHomeJKBList',
 changeOrigin: true,
 pathRewrite: {
 '^/extget': '/'
 }
 }
 }
 }
# app.js
var proxyTable = config.proxyTable;
Object.keys(proxyTable).forEach(function(context) { 
 var options = proxyTable[context];
 var Proxy = proxy(options);
 app.use(context, Proxy)
})

项目