# hrsass15 **Repository Path**: jack-code-space/hrsass15 ## Basic Information - **Project Name**: hrsass15 - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-08-20 - **Last Updated**: 2021-09-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 环境变量 - 概念: 环境变量是存在于某个运行环境下的一些变量信息。(通俗理解为空气是人依赖运行的环境,环境变量可以理解为空气中的一些元素物质) ,程序在运行环境里面也存在一些变量信息,就称之为环境变量。. - vue-cli中的环境变量 - 两种运行环境 开发环境(**development**) `npm run dev/serve`的时候 生产环境(**production**) `npm run build`之后的时候 - vue-cli 中环境变量信息读取 ```js process // 固定的名词,nodejs 进程 process.env // 环境变量信息 process.env.xx // 读取某个具体的环境变量信息 ``` - 生产环境的环境变量定义在 项目根目录`.env.production` - 开发环境的环境变量定义在 项目根目录`.env.development` --- 【删除功能思路】 1. 删除按钮绑定事件 2. 封装请求函数,导入页面 3. 删除事件逻辑操作 ==>3.1 弹出确认框 ==>3.2 发送请求 ==>3.3 错误处理 ==>3.4 重新拉取列表 --- 【增加功能思路】 1. 查看接口,封装请求方法(增加) 2. 绘制弹框 ==>2.1 定义布尔控制变量,绑定给visible属性 ==>2.2 增加按钮绑定事件触发布尔变量为true 3. 绘制表单 ==>3.1 表单数据绑定(定义表单变量,设置model属性,v-model设置) ==>3.2 表单校验功能(定义表单规则对象,设置rules属性,设置prop字段) ==>3.3 表单内各种控件的数据展示(下拉列表,多选项,树形的数据等等) 4. 表单提交 ==>4.1 确定按钮绑定提交事件 ==>4.2 表单校验数据 ==>4.3 发送请求(导入请求方法,发送请求) ==>4.4 错误处理 ==>4.5 成功处理(重新拉取列表、关闭弹框、重置表单) 5. 表单取消 ==>5.1 关闭弹框,重置表单 【修改功能思路】 1. 查看接口,封装请求方法(修改) 2. 绘制弹框(要绘制,不过借用了增加的) ==>2.1 定义布尔控制变量,绑定给visible属性(借用增加逻辑) ==>2.2 增加按钮绑定事件触发布尔变量为true(借用增加逻辑) 3. 绘制表单(借用了增加的) ==>3.1 表单数据绑定(定义表单变量,设置model属性,v-model设置) ==>3.2 表单校验功能(定义表单规则对象,设置rules属性,设置prop字段) ==>3.3 表单内各种控件的数据展示(下拉列表,多选项,树形的数据等等) 4. 回显数据 ==>4.1 获取详情的方法(定义方法、发送请求) ==>4.2 将详情数据赋给表单变量,弹框打开 ==>4.3 解决展示某些数据控件的回显问题(比如:树形控件,上传控件等等) 5. 表单提交 ==>4.1 确定按钮绑定提交事件 ==>4.2 表单校验数据 ==>4.3 发送请求(导入请求方法,发送请求),注意是判断行为 ==>4.4 错误处理 ==>4.5 成功处理(重新拉取列表、关闭弹框、重置表单) 6. 表单取消 ==>5.1 关闭弹框,重置表单 ======================================== 大功能思路: 1. 创建分支,切换分支 2. 创建页面,配置路由 3. 布局内容(大量的UI组件使用) 4. 书写功能(查询、增加、修改、删除) 5. 提交分支