d2admin中使用mock模拟数据

最新推荐文章于 2024-05-22 14:34:25 发布
最新推荐文章于 2024-05-22 14:34:25 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45718833/article/details/102670835
版权

第一次在d2admin中使用mock数据,花费了好长时间才知道怎么用,所以想要记录一下,但是其实很简单,只有简单的几步

比如要生成一个虚拟的流程列表数据
step1: 在src–>mock–>api文件夹下,新建workflow.js在这里插入图片描述
step2: 在src–>api文件夹下,新建workflow.js,里面写关于流程的api
在这里插入图片描述
step3: 在需要的vue页面中直接引入workflowList,然后就可以用它发请求了

最低0.47元/天 解锁文章
越来越越好
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
d2-admin-start-kit.zip
05-03
使用d2admin实现demo
d2-admin中那些不错的技巧
weixin_30457551的博客
01-17 1039
d2-admin基于vue-cli3 路由相关 刷新路由，参照官方 组件内的守卫但是搞不明白为何加了句 render:h => h() { path: 'refresh', name: 'refresh', hidden: true, component: { beforeR...
d2admin框架搭建学习及加菜单
最新发布
weixin_42287567的博客
05-22 419
今天又是下雨，看书看的头晕，还是想动手做点啥，于是想下载一个最新的D2admin，搭建个框架，看看基于vue的最新ui框架效果怎么样。搭建D2admin很简单，前提是安装好nodejs，并下载D2admin的压缩包，框架之旅就如此轻松的开始了。官方演示：https://d2admin.fairyever.com/#/index。官方文档：https://doc.d2admin.fairyever.com/zh/只有动手，你才能完美的踩坑，只有踩坑，你才能快乐的成长。
d2-admin基本使用
ss810540895的博客
08-06 6655
原文1.在gitee里下载D2admin开源框架 2.在电脑中下载node.js3.在项目中运行 npm install (下载该项目的依赖包）环境配置 在.env中，VUE_APP_API=api地址（配置自己项目的API） 目录讲解 1、src：这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： 　　1）assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建； 　　2）components：组件目录，我们写的组件就放在这个目录里
D2Admin自制数据的增删改查
Qing瓜君的博客
03-29 3536
前言 想在D2Admin中进行数据的增删改查，可以直接使用它本身的，但是如果想做增加和修改中调用其他数据库里的内容，那就要重新自己来写相应的按钮和按钮效果。 内容 template <el-button slot="headerButton" style="{padding:10px 10px ;fixed:right}" type="primary" icon="el-icon-p...
大前端开箱即用的中后台管理模版，建议收藏
weixin_59124055的博客
08-31 1516
它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、Naive UI和UnoCSS 的清新优雅的中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于mock实现的动态权限路由，开箱即用的中后台前端解决方案。vue-admin-box是一个免费并且开源的中后台管理系统模板。...
使用mock.js提供模拟数据
03-29
简介: Mock.js is a simulation data generator to help the front-end to develop and prototype separate from the back-end progress and reduce some monotony particularly while writing automated tests
详解vue-cli项目中怎么使用mock数据
08-27
在 Vue CLI 项目中使用 Mock 数据可以模拟后端 API 的响应，方便前端开发和测试。本文介绍了如何在 Vue CLI 项目中使用 Mock 数据，包括创建 Mock 文件夹、配置 webpack.dev.conf.js 文件和使用 axios 发送请求。
vue-cli项目中怎么使用mock数据
08-29
Mock数据是指在软件开发和测试过程中使用的虚拟数据，以模拟真实数据的形式和结构。Mock数据可以是 JSON 文件、XML 文件、甚至是固定的数据结构等。Mock数据的主要目的是为了模拟真实数据，以便在开发和测试过程中不...
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
10-17
**simple-mock** 是一个轻量级的 API Mock 库，其设计目的是简化前端开发中的数据模拟过程。它提供了简单的 API 供 Node.js 服务器调用，从而创建 Mock 功能。特别的是，simple-mock 还支持自动保存后端 API 的数据...
《vue项目使用mock模拟数据并实现列表的增、删、分页、批量操作功能》mock文件
06-02
对应《vue项目使用mock模拟数据并实现列表的增、删、分页、批量操作功能》博客
写在 D2Admin 正式开源一个月之后 (1.1.4版本发布小感)
weixin_33693070的博客
07-03 818
今天 D2Admin 1.1.4 大更新发布，谨以此文表达我对编码的热爱。 距离我告诉大家 D2Admin 这个东西，已经有一个多月了 现在想想这一个月真是很忙碌，几乎所有的业余时间都用在了开源项目上，公司没事的时候在写，晚上回家每天都要写到一点左右，回家火车上都在忙着改代码... 上图：好友不幸骨折，守着他编码...（希望他早点康...
MOCK技术+异步接口实战
qq_24857309的博客
01-26 2647
第15-16课 Mock测试技术 第15-16课 Mock测试技术 1. 什么是mock? 2. moco介绍 3. 下载moco 4. 配置json文件 5. 启动moco 6. 配置不同的请求 Demo1：约定URI Demo2：约定请求参数 Demo3：约定请求方法 Demo4：约定请求头 Demo5：约定请求体参数-form Demo6：约定请求体参数-json Demo7：uri-startsWith匹配 Demo8：uri-endWith匹配 Demo9：uri-contain包含 Demo10
vue mock(模拟后台数据) +axios 简单实例（二）
a62297507的博客
08-15 185
需装上axios,build文件夹中webpack.dev.conf.js文件添加上vue mock配置的东东， 如，继（一） //组件<template> <div> <ul class="product"> <li v-for="(item, index) in goodsList"> ...
vue admin mock数据
Chandler1986的博客
08-03 132
搭建脚手架axios访问不到接口：mock数据的问题mock下的index.js设置了默认指向 转载于:https://www.cnblogs.com/jessical626/p/7278683.html
mock模拟数据
Riven的博客
03-17 967
mock模拟数据 在我们开发中如果后端忙，我们该怎么办进行拿数据呢？ 我们可以json-server 利用mock模拟数据 json-server 通过mock服务器可以拿到数据 首先需要全局安装json-server npm install -g json-server 然后就可以在任意地方创建自己模拟的数据 { "list": [ { "id": 1, "...
如何在uniapp中使用mock.js模拟数据
05-16
在uniapp中使用mock.js模拟数据，需要以下步骤： 1. 安装mock.js依赖包，在命令行中输入：npm install mockjs --save-dev 2. 在uniapp的根目录下创建一个mock文件夹，用于存放mock数据文件。 3. 在mock文件夹下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值