个人先后端架子搭建

前言

做为一名前端开发者，了解一些后端语言，成为半个全栈工程师也是最基本的（23333），就本篇文章，给你们介绍一下个人先后端目录结构，不喜勿喷，也但愿各位给我一些意见，哈哈哈。

开发语言

前端

前端这里使用react.js，打包工具是parcel

后端

后端使用的语言依旧是熟悉的node.js，使用express搭建后端框架。

数据库

数据库使用的是mongodb

目录结构

• db 数据库有关文件

  • schemas 数据库的各个collection的映射

    • user.js 数据库的user collection的映射
    • ... ... 其余collection的映射
  • connect.js 链接数据库
  • mongoose-db.js 导出可操做数据库的映射对象

• tool

  • 通用工具类（如发邮件等通用操做） ...

• public 前端开发文件夹

  • dist 打包build生成的文件

  • public 存放入口文件- index.html、网站图标、生成pwa网站的manifest文件

    • index.html
    • xxx.ico
    • manifest.json
    • ... 其余

  • src 源代码文件夹

    • actions 存放全部actions

      • index.js 导出全部actions
      • action_1.js 相关业务的action，名字随便取的~~
      • ... ....

    • asset 存放全部静态文件

      • xxx.png
      • xxx.json
      • ... ...

    • components 存放全部自定义通用组件

      • index.js 导出全部自定义通用组件
      • ... ... 一系列本身写的通用组件

    • constants存放全部action type

      • index.js 导出全部action type
      • ActionTypes_1.js
      • ... ...

    • container 存放主渲染、包含router等配置的js文件

      • app.js
      • index.scss

    • lib 存放全部通用类、http请求类、配置文件

      • index.js 导出须要的js文件
      • config.js 配置文件，例如开发模式下的后端接口url，cookie的有效时间等......
      • cookie.js 自定义cookie的增删改查操做类
      • userServer.js 有关用户业务的http请求类
      • ...其余http请求类的封装
    • pages 全部页面

    • reducers 全部的reducer

      • index.js 导出一个包含全部reducer的rootReducer
      • reducer_1 名字在这里是举例...
      • ... ...
    • main.js 入口js文件
  • .babelrc babel的配置文件
  • package.json

• routes express的全部router

  • route_1.js
  • route_2.js
  • ......

• service 有关逻辑处理与数据库的交互

  • service_1.js
  • service_2.js
  • ... ...
• config.js 有关后端的配置文件，通常包含数据库链接地址，token认证的秘钥，token的有效时间，服务运行的端口号等......
• index.js node.js 的入口文件
• package.json

结语

node.js 的后端结构，主要仍是采用mvc的模式，可是这里没有view层，routes即为Controller， schemas 即为Model层，service为服务层（Service），但愿能给一些不明白的同行带来一点灵感，若是有不合理的地方，也但愿各位大神指点迷津，哈哈，ok，不说了。

---

附上项目地址：https://github.com/justwiner/...