• 数据mock和node.js的安装与下载


    软件生存周期:

    可行性分析(技术可行性,经济可行性,社会可行性,法律法规可行性)

    需求分析(原型图--产品经理)

    概要设计(UML图(ER图时序图系统架构图))

    详情设计(数据库设计技术选型(项目讨论会(需求文档)))

    编码(开发前端后端)测试(前后联调--->测试人员测试(禅道))

    运行维护(运维---云端运维(私有云服务器和公有云服务器)

     mock数据

    mock数据其实就是模拟对应的数据接口(在后端接口没出来之前能独立开发)(当前后端接口出来以后进行前后端联调(swagger生成接口文档))

    mock数据的方式:

    使用mock.js来进行数据mock(自己书写)

    http://mockjs.com/

    使用第三方mock平台(fastmock apipost apimock...)

    第三方mock平台其实内核也是mock.js

    第三方数据mock:

    fastmock官网

    登录进去: 

    创建对应的项目接口: 

     接口创建好然后保存

    mock.js的文档操作 

    1. {
    2. "code": "0000",
    3. "data": {
    4. "userInfo": {
    5. "username": "zhangsan",
    6. "userId": 1,
    7. "avator": "http://www.xxx.com/upload/xxx.png",
    8. "token": "e10adc3949ba59abbe56e057f20f883e"
    9. }
    10. },
    11. "desc": "成功"
    12. }
    13. {
    14. "code": "0000",
    15. "data": {
    16. "pageNo": 1,
    17. "totalRecord": 1000,
    18. "pageSize": 10,
    19. "list": [{
    20. "name": "iphone xs",
    21. "title": "产品a",
    22. "descript": "这个产品是干什么的",
    23. "price": 100
    24. },{
    25. "name": "ipad mini4",
    26. "title": "产品b",
    27. "descript": "这个产品是干什么的",
    28. "price": 120
    29. },{
    30. "name": "macbook pro",
    31. "title": "产品a",
    32. "descript": "这个产品是干什么的",
    33. "price": 10
    34. }]
    35. },
    36. "desc": "成功"
    37. }

    简易的接口:

    1. {
    2. "string|1-10": "=", // 随机生成1到10个等号
    3. "string2|3": "=", // 随机生成2个或者三个等号
    4. "number|+1": 0, // 从0开始自增
    5. "number2|1-00.1-3": 1, // 生成一个小数,小数点前面1到10,小数点后1到3位
    6. "boolean": "@boolean( 1, 2, true )", // 生成boolean值 三个参数,1表示第三个参数true出现的概率,2表示false出现的概率
    7. "name": "@cname", // 随机生成中文姓名
    8. "firstname": "@cfirst", // 随机生成中文姓
    9. "int": "@integer(1, 10)", // 随机生成1-10的整数
    10. "float": "@float(1,2,3,4)", // 随机生成浮点数,四个参数分别为,整数部分的最大最小值和小数部分的最大最小值
    11. "range": "@range(1,100,10)", // 随机生成整数数组,三个参数为,最大最小值和加的步长
    12. "natural": "@natural(60, 100)", // 随机生成自然数(大于零的数)
    13. "email": "@email", // 邮箱
    14. "ip": "@ip" ,// ip
    15. "datatime": "@date('yy-MM-dd hh:mm:ss')" // 随机生成指定格式的时间
    16. // ......
    17. }

    创建成功:

    测试创建的接口: 

     Node的json-server:

    node是一个用于服务端的js库,也就是说你使用在服务端(类似于后台语言(python))

    使用过程:

    node -v         //用来执行js文件

    npm -v        //用于管理所有的第三方库(包管理器) 

     如果对应的下载是解压版需要配置对应的环境变量(path路径下

     2.借助node安装对应的json-server包

    npm i json-server -g        //安装对应的json-server 全局安装

    使用json-server命令启动相关服务(依赖json文件来启动服务)以vscode来启动对应的服务对应的vscode需要以管理员身份运行需要执行一个指令(不然json-server无法使用

    set-ExecutionPolicy RemoteSigned

    启动json-server:

    准备json文件

    1. {
    2. "users": [
    3. {
    4. "id": "1",
    5. "name": "jack",
    6. "age": "18"
    7. },
    8. {
    9. "name": "lidan",
    10. "age": "30",
    11. "id": "2"
    12. }
    13. }

    打开终端

    json-server -w 文件名

     结果如图所示,那么你的node就安装成功了

    对应接口的说明

    get请求:

    1. localhost:3000/users/1 #访问id为1的对象
    2. //?为条件查询
    3. localhost:3000/users?id=1 #访问条件为id=1的内容(数组)
    4. localhost:3000/users?age=18 #访问条件为age=18的内容(数组)
    5. //分页查询
    6. http://localhost:3000/users?_limit=1?_page=1 //查询第一个页面显示的两个数据

    post请求:

    localhost:3000/users  //添加一个用户返回对应添加的用        (post请求是在body中每次请求都会增加一个id)

    delete请求:

    localhost:3000/users/1         //删除id为1的用户返回的是一个{}

    put和patch请求:

    localhost:3000/users/1         //修改id为1的用户返回的是你修改完的对像

  • 相关阅读:
    学习笔记|串口与PC通信的接线|移植驱动程序|串口通信实战|STC32G单片机视频开发教程(冲哥)|第二十一集(上):串口与PC通信
    树形 DP 总结
    C++ —— 内联函数
    vue3.0+vite+ts项目搭建报错问题的处理
    16、Python --案例实操:控制台打印【 菱形 】和 【 圆 】
    【问题思考总结】为什么分布函数右连续要左闭右开
    iOS 13.0 暗黑模式的适配
    【nodejs案例】记账本功能 -- 如何配置API(三)
    华为OD机试 - 智能驾驶 - 广度优先搜索(Java 2024 C卷 200分)
    【自然语言处理】【实体匹配】AutoBlock:一个用于实体匹配的自动化Blocking框架
  • 原文地址:https://blog.csdn.net/ITjun666/article/details/127794989