Day04-尚品汇-mockjs模拟数据

最新推荐文章于 2022-11-21 19:58:06 发布
最新推荐文章于 2022-11-21 19:58:06 发布
阅读量181 收藏 1
点赞数
分类专栏： 尚品汇 实战 文章标签： 尚品汇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59110215/article/details/127294543
版权

提纲挈领：

 mock的作用：

观察mock的图示

 

1.下载mockjs插件

2.在src下新建mock文件夹 --以及banner.json和floor.json---从word里面拿到博主的JSON数据

3.把mock数据需要的图片放置到public文件夹中【public文件夹在打包的时候，会把相应的资源原封不动打包到dist文件夹中】 

4. 创建mockServer。js通过mockjs插件实现模拟数据

 

 

 5.  4步骤里面没有执行，去main.js入口文件里面引入一次

 

 

好好学习，非常重要的
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Vue】032-尚硅谷-尚品汇-mockjs模拟数据---20230111
Season CSDN博客
01-11 669
【Vue】032-尚硅谷-尚品汇-mockjs模拟数据
Day05-尚品汇-获取floor组件mock数据
qq_59110215的博客
10-14 217
卷
鉴于尚品汇的/api/list的接口经常挂，特意写了mock数据
m0_50977028的博客
06-14 1079
尚品汇 /api/list数据
尚硅谷尚品汇_后台管理项目
JOEOP BLOG
03-27 3516
vueProject_尚品汇 项目源码 文章目录vueProject_尚品汇登录登出product模块 登录登出 .env.development .evn.production .evn.staging 用于wabpack的process变量属性来监测当前所处的开发环境 根据当前所处的版本(开发环境)来确定baseUrl api地址 http://39.98.123.211:8170/swagger-ui.html#/ http://39.98.123.211:8216/swagger-ui.h
尚品汇（四）
qq_53152029的博客
06-23 127
二、typeNav商品分类的优化 三、合并参数 1.合并params和query参数 四、mock.js模拟数据 1.开发Home首页中的ListContainer组件和Floor组件（1）安装 （2）模拟数据
基于Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术开发的网上购物商城--尚品汇项目
08-11
1)此项目为在线电商Web App (SPA) 2)包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册等多个子...3)使用Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术 4)采用模块化、组件化、工程化的模式开发
vue大型电商项目尚品汇（后台篇）day04.doc
07-09
vue大型电商项目尚品汇（后台篇）day04.doc
尚品汇page.html
09-15
尚品汇页面html布局
尚品汇index.css
09-14
尚品汇页面布局样式，css层叠样式
vue大型电商项目尚品汇（后台篇）day03.doc
07-13
vue大型电商项目尚品汇（后台篇）day03.doc
Vue2项目实战--b站尚硅谷--尚品汇项目--详细笔记--day04
m0_55644132的博客
10-25 560
标签中绑定事件： 2 三级列表的优化 在和路由之间进行跳转的时候，会频繁发送请求，因为都用到了组件 所以可以放到只执行一次的地方：（根组件）的中----这样其他组件用数据的时候，仓库早已经有了 4 开发首页中的组件与组件 服务器返回的只有分类菜单数据，对于和组件没有提供数据数据（模拟）：想要使用模拟数据（），就需要安装一个插件 浏览器会拦截请求，不会向服务器发送请求，自己随机生成数据，自己在前台玩使用步骤：在项目的中创建准备数据（在项目文档中提供了模拟数据），在中创建相应
Mock.js 使用
Do Re Mi 的博客
11-22 4654
模拟数据 设置迟延时间 我们可以使用 Mock.setup 来设置模拟数据时的延迟时间，单位：毫秒。可以设置一个固定的时间，也可以使用-设置一个时间段： // 延迟4秒 Mock.setup({ timeout: 4000 }) // 延迟3~9秒 Mock.setup({ timeout: '3000-9000' }) 模拟数据 可以使用 Mock.mock 生成模拟数据。 ...
项目笔记13（尚品汇）
Revin的博客
03-19 926
文章目录mockjs模拟数据 mockjs模拟数据 由于服务器没有提供首页中的ListContainer组件与Floor组件的数据，因此为了展示，采用mock数据。mock数据不会和服务器进行任何通信。 首先安装mockjs插件。然后在src文件夹下创建mock文件夹，用来提供假数据。接下来准备json数据。将准备好的banner.json与floor.json填入mock文件夹如下图所示。 npm install mockjs 接下来把mock数据需要的图片放置到public文件夹中（public文件
① 尚品汇的后台管理系统【尚硅谷】【Vue】
不爱吃菜的菜菜的博客
08-31 5694
① 尚品汇的后台管理系统【尚硅谷】【Vue】 分为上下部分，现在还未完成 习惯用typora，然后复制到csdn里面，格式有错误请见谅！ 带❓的是有些不理解的地方
Vue项目实战-尚品汇--mock模拟数据 swiper插件实现banner轮播图（四）
cxd_dxc的博客
01-09 781
内容从29-39小节，主要包括mock模拟数据的使用， swiper插件实现banner轮播图。到此为止home模块开发完毕
vue2项目实战尚品汇前台03 mockjs模拟数据-nextTick-组件间传值-分页器-滚动行为-token-路由守卫-懒加载-路由懒加载-自定义插件
好好学习天天向上
05-29 1269
文章目录vue2项目实战尚品汇前台03mockjs 模拟数据 √ vue2项目实战尚品汇前台03 mockjs 模拟数据 √ mockjs 生成随机数据，当前端使用mock模拟的数据接口时，mockjs进行数据返回，并拦截ajax请求不发送给后台 安装 cnpm install --save mockjs 使用步骤 1.在项目中src文件中创建mock文件夹 2.准备JSON数据 --JSON文件需要格式化，不要留空格 3.把mock数据需要的图片放到public文件夹中，public文件夹在打包的时候，
尚品汇VUE项目实战知识点总结
qq_59079803的博客
04-13 1967
Vue尚硅谷项目 1. 脚手架目录 Public：一般放置静态资源（图片） Src:程序员的代码文件 Assets：文件夹里面的资源会webpack会打包成一个模块放进js文件夹里面 components:一般放置非路由组件（或者项目共用的组件） Pages:放路由组件 App.vue 唯一的根组件 main.js 入口文件【程序最先执行的文件】 babel.config.js:babel配置文件 package.json：看到项目描述、项目依赖、项目运行指令 README.md:项目说明文件 2.sr
尚品汇学习笔记
z495719912的博客
12-11 1214
对于尚品汇项目实战的学习笔记。
11.21 尚品汇 day05 elementui 组件使用轮播图 ；watch+$nextTick完美解决轮播图；api获取floor组件的mock数据同时复用floor组件,父子通信；
m0_56356342的博客
11-21 1263
派发action，本来在floor组件挂载完毕触发，
vue尚品汇后台管理系统
最新发布
08-11
尚品汇后台管理系统是一个基于Vue和element-ui组件库开发的项目，它包括登录、首页、品牌管理、平台属性管理、SKU管理、SPU管理、用户管理、角色管理和菜单管理模块。<span class="em">1</span><span class="em">2...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值