说明 本系列里所有第三方包的选型至少符合其中两条标准：傻瓜式、文档齐全、亲测可用。 本系列内容只是一个小Demo，并不包含复杂逻辑，仅仅覆盖了基本数据的增删改查 & 文件操作。 本系列依赖环境依据当前书写时间为标准，注意package.json文件，后期依赖更新，出现问题，解释权归谁都不归我所有? 系列内容 01序言 0...

上节回顾 图片上传 & 存储 & 访问 工作内容 审批的增删改查 更新、删除数据时，校验当前用户是不是数据所属人 通过ref查询另一表中的数据 准备工作 npm i -S moment //分别切换到/server、/client目录下安装 把服务端/users的路由和处理逻辑拷一份，改改名 这里主要是罗列代码 业务逻辑 服务端代码 路由处理逻辑...

上节回顾 更新用户文本数据 工作内容 更新用户数据 图片上传 & 存储 & 静态化访问 准备工作 npm i -S koa-static // 先切换到/server目录下 业务逻辑 服务端文件路由配置 服务端拦截路由请求： {代码...} {代码...} koa-body支持 {代码...} multipart: true支持文件数据，这里以key:value的形式获取。 formidabl...

上节回顾 JWT相关 工作内容 更新用户数据 准备工作 无 业务逻辑 页面调用用户信息 {代码...} 在登录的时候，已经将登录用户信息存储到vuex中，通过用户ID查询用户详细信息。 服务端查询用户服务 {代码...} {代码...} 其中，userModel.findOne({_id: id})默认查出的是Schema没有设置select: false的字段，如果需要其它字...

上节回顾 嵌套路由 页面布局 状态管理 & 持久化 工作内容 身份认证 准备工作 npm i -S crypto-js // 先切换到/server目录下 npm i -S koa-jwt // 先切换到/server目录下 npm i -S jsonwebtoken // 先切换到/server目录下 业务逻辑 JWT简介 JWT对象为一个长字串，字符之间通过"."分隔符分为三个子串。JWT的三个部分：...

上节回顾 密码加密 后端参数校验 中间件的使用 & 错误处理 工作内容 vuex的简单使用 vue-router嵌套路由 vuex本地持久化 准备工作 npm install vuex --save //先切换到/client目录下 npm install --save vuex-persist //先切换到/client目录下 布局分析 期望布局 自己能实现布局的同学可以掠过"布局"这部分内容，几...

上节回顾 Element、scss、axios的使用 路由定义与跳转 登录&注册客户端逻辑 工作内容 crypto-js加密 服务端参数校验 准备工作 npm i -S crypto-js // 先切换到/client目录下 npm install -S koa-bouncer // 先切换到/server目录下 更新逻辑 前端加密 上几节保存的密码都是明文的，这里借助crypto-js加密密码。 {代码...

上节回顾 荷载的解析 服务端注册&登录逻辑 数据库的存储 & 查询 工作内容 初始化前端环境 创建前端路由 axios请求接口 准备工作 全局安装依赖 // 以便通过vue/cli初始化项目 ├── @vue/cli@4.1.2 ├── @vue/cli-init@4.1.2 vue init webpack ./ // 先切换到/client目录下 npm i -S axios // 先切换到/client目录下...

上节回顾 @koa/router的用法 用户路由的定义 koa中间件的使用 Postman基本测试 工作内容 后端：参数的获取 后端：数据库的写入与查询 Postman：接口测试 准备工作 npm i -S koa-body //对Post、Put、Patch请求参数处理 业务逻辑 参数获取 支持荷载存储到ctx.request.body {代码...} 更新注册&登录路由 调用POST方法...

上节回顾 mongoose连接数据库 数据存储结构的定义 工作内容 后端：路由拦截 Postman：测试接口 准备工作 npm i -S @koa/router //安装路由 路由拦截 基本用法 {代码...} 以nodemon配置的launch.json运行 浏览器输入localhost:3000和localhost:3000/any查看输出结果。 优化代码 这里希望将所有的路由配置提取到/server/ro...

上节回顾 koa搭建服务端 运行服务端代码（如何在命令行中调用本地依赖包） 借助vs code调试代码 工作内容 连接数据库 创建数据结构 准备工作 安装robo //数据库可视化工具 安装mongoDb //我已经安装过了，也没遇到什么坑，就不再演示了 npm i -S mongoose // 安装mongoose brew services start mongodb-community //启动...

工作内容 搭建服务端 运行起来 准备工作 创建目录结构 |-client|-server |--bin // 可执行文件目录 |--app.js 初始化项目 切换到server目录下cd server 初始化项目npm init -y // -y以默认值初始化 npm i -S koa //安装项目依赖koa 构建服务端 编写app.js {代码...} 运行服务端 方式一：cli 直接在项目路径server下，开...

使用koa结合mongoose搭建服务端，jwt实现身份验证。vue结合element-ui实现前端渲染，axios负责网络请求，vuex负责状态管理。