SF
WEB札记
WEB札记
注册登录
关注博客
注册登录
主页
关于
RSS
Koa & Mongoose & Vue实现前后端分离--14总结
米花儿团儿
2020-03-18
阅读 1 分钟
1k
说明 本系列里所有第三方包的选型至少符合其中两条标准:傻瓜式、文档齐全、亲测可用。 本系列内容只是一个小Demo,并不包含复杂逻辑,仅仅覆盖了基本数据的增删改查 & 文件操作。 本系列依赖环境依据当前书写时间为标准,注意package.json文件,后期依赖更新,出现问题,解释权归谁都不归我所有? 系列内容 01序言 0...
Koa & Mongoose & Vue实现前后端分离--13日志系统&安全系统
米花儿团儿
2020-03-17
阅读 7 分钟
2.6k
上节回顾 联表查询 审批增删改查逻辑 工作内容 配置日志系统 测试日志系统 安全策略 准备工作 npm i -S koa-loa4 // 先切换到/server目录下 npm i -S xss // 先切换到/server目录下 日志系统 技术选型 koa-logger 只能设置统一的日志 koa-morgan 能根据skip分类,但,可操作性太差 koa-log4js 可以定制化 周期性存储 koa...
Koa & Mongoose & Vue实现前后端分离--12联表查询
米花儿团儿
2020-03-16
阅读 12 分钟
2.2k
上节回顾 图片上传 & 存储 & 访问 工作内容 审批的增删改查 更新、删除数据时,校验当前用户是不是数据所属人 通过ref查询另一表中的数据 准备工作 npm i -S moment //分别切换到/server、/client目录下安装 把服务端/users的路由和处理逻辑拷一份,改改名 这里主要是罗列代码 业务逻辑 服务端代码 路由处理逻辑...
Koa & Mongoose & Vue实现前后端分离--11更新用户头像
米花儿团儿
2020-03-15
阅读 7 分钟
2.2k
上节回顾 更新用户文本数据 工作内容 更新用户数据 图片上传 & 存储 & 静态化访问 准备工作 npm i -S koa-static // 先切换到/server目录下 业务逻辑 服务端文件路由配置 服务端拦截路由请求: {代码...} {代码...} koa-body支持 {代码...} multipart: true支持文件数据,这里以key:value的形式获取。 formidabl...
Koa & Mongoose & Vue实现前后端分离--10更新用户信息
米花儿团儿
2020-03-14
阅读 9 分钟
1.9k
上节回顾 JWT相关 工作内容 更新用户数据 准备工作 无 业务逻辑 页面调用用户信息 {代码...} 在登录的时候,已经将登录用户信息存储到vuex中,通过用户ID查询用户详细信息。 服务端查询用户服务 {代码...} {代码...} 其中,userModel.findOne({_id: id})默认查出的是Schema没有设置select: false的字段,如果需要其它字...
Koa & Mongoose & Vue实现前后端分离--09身份验证JWT&测试
米花儿团儿
2020-03-13
阅读 6 分钟
1.8k
上节回顾 嵌套路由 页面布局 状态管理 & 持久化 工作内容 身份认证 准备工作 npm i -S crypto-js // 先切换到/server目录下 npm i -S koa-jwt // 先切换到/server目录下 npm i -S jsonwebtoken // 先切换到/server目录下 业务逻辑 JWT简介 JWT对象为一个长字串,字符之间通过"."分隔符分为三个子串。JWT的三个部分:...
Koa & Mongoose & Vue实现前后端分离--08前端状态管理&路由嵌套
米花儿团儿
2020-03-12
阅读 8 分钟
1.8k
上节回顾 密码加密 后端参数校验 中间件的使用 & 错误处理 工作内容 vuex的简单使用 vue-router嵌套路由 vuex本地持久化 准备工作 npm install vuex --save //先切换到/client目录下 npm install --save vuex-persist //先切换到/client目录下 布局分析 期望布局 自己能实现布局的同学可以掠过"布局"这部分内容,几...
Koa & Mongoose & Vue实现前后端分离--07登录加密&服务端参数校验
米花儿团儿
2020-03-11
阅读 4 分钟
1.9k
上节回顾 Element、scss、axios的使用 路由定义与跳转 登录&注册客户端逻辑 工作内容 crypto-js加密 服务端参数校验 准备工作 npm i -S crypto-js // 先切换到/client目录下 npm install -S koa-bouncer // 先切换到/server目录下 更新逻辑 前端加密 上几节保存的密码都是明文的,这里借助crypto-js加密密码。 {代码...
Koa & Mongoose & Vue实现前后端分离--06前端登录&注册
米花儿团儿
2020-03-10
阅读 8 分钟
1.9k
上节回顾 荷载的解析 服务端注册&登录逻辑 数据库的存储 & 查询 工作内容 初始化前端环境 创建前端路由 axios请求接口 准备工作 全局安装依赖 // 以便通过vue/cli初始化项目 ├── @vue/cli@4.1.2 ├── @vue/cli-init@4.1.2 vue init webpack ./ // 先切换到/client目录下 npm i -S axios // 先切换到/client目录下...
Koa & Mongoose & Vue实现前后端分离--05服务端注册&登录:业务逻辑
米花儿团儿
2020-03-09
阅读 3 分钟
1.8k
上节回顾 @koa/router的用法 用户路由的定义 koa中间件的使用 Postman基本测试 工作内容 后端:参数的获取 后端:数据库的写入与查询 Postman:接口测试 准备工作 npm i -S koa-body //对Post、Put、Patch请求参数处理 业务逻辑 参数获取 支持荷载存储到ctx.request.body {代码...} 更新注册&登录路由 调用POST方法...
Koa & Mongoose & Vue实现前后端分离--04服务端注册&登录:用户路由配置
米花儿团儿
2020-03-08
阅读 3 分钟
1.7k
上节回顾 mongoose连接数据库 数据存储结构的定义 工作内容 后端:路由拦截 Postman:测试接口 准备工作 npm i -S @koa/router //安装路由 路由拦截 基本用法 {代码...} 以nodemon配置的launch.json运行 浏览器输入localhost:3000和localhost:3000/any查看输出结果。 优化代码 这里希望将所有的路由配置提取到/server/ro...
Koa & Mongoose & Vue实现前后端分离--03连接数据库
米花儿团儿
2020-03-07
阅读 3 分钟
5.2k
上节回顾 koa搭建服务端 运行服务端代码(如何在命令行中调用本地依赖包) 借助vs code调试代码 工作内容 连接数据库 创建数据结构 准备工作 安装robo //数据库可视化工具 安装mongoDb //我已经安装过了,也没遇到什么坑,就不再演示了 npm i -S mongoose // 安装mongoose brew services start mongodb-community //启动...