项目笔记

后台管理vue全家桶
服务端: express+mongodb

后台管理

"dependencies": {
    "axios": "^0.19.0",
    "core-js": "^3.3.2",
    "element-ui": "^2.4.5",
    "vue": "^2.6.10",
    "vue-router": "^3.1.3"
  }

• src/assets目录是放页面css,img等资源的地方
  static是整个项目根的资源
• vue-router:当采用路径参数/:id这种情况时,可以配置props: true,将参数与路径解耦(具体用法参照)
• 新版的vue-cli添加插件或依赖可以使用vue add xxx,vue add 的设计意图是为了安装和调用 Vue CLI 插件(注意是vue cli)。这不意味着替换掉普通的 npm 包。对于这些普通的 npm 包，你仍然需要选用包管理器。
• 在编写页面的时候注意是否可以复用整个页面级别,比如说用参数进行判断新建和编辑页面

服务端

"dependencies": {
    "cors": "^2.8.5",
    "express": "^5.0.0-alpha.7",
    "inflection": "^1.12.0",
    "mongoose": "^5.7.7",
    "multer": "^1.4.2"
  }

采用nodemon来守护进程, 使用mongoose连接本地27017端口,
mongoose的一些语法和API还需要多学习一下
express 4.x也是可以采用async/await的

服务端比较核心的部分是路由,控制器还有模型, 常用的CRUD逻辑基本相同,可以封装

路由

• 遵守restful API规范
• app.use(express.json()): 提交的params可以转换json格式
• express.Router({mergeParams: true}): 允许在中间件获取到req.params

数据库

• mongdb的概念
  1. 集合,文档,字段
  2. 当第一个文档插入时,集合就会被创建
  3. 数据类型
  4. 默认端口: 27017, 比默认端口大1000的是web界面28017
  5. 性能关键索引

高级: 分片,备份,监控..

• mongoose的api
  • Schema: 是一个集合的骨架,里面定义了数据类型
  • model: 由Schema发布生成的模型,有抽象属性和行为可以操作数据库
  • entity: 由model生成的实例,也可以操作数据库