后台管理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的概念
- 集合,文档,字段
- 当第一个文档插入时,集合就会被创建
- 数据类型
- 默认端口:
27017, 比默认端口大1000的是web界面28017 - 性能关键索引
高级: 分片,备份,监控..
-
mongoose的api-
Schema: 是一个集合的骨架,里面定义了数据类型 -
model: 由Schema发布生成的模型,有抽象属性和行为可以操作数据库 -
entity: 由model生成的实例,也可以操作数据库
-
