购物车案例

1功能模块分析

请求动态渲染购物车,数据存vuex

数据框控件 修改数据

动态计算总价和总数量

2脚手架新建项目

终端安装axios:npm install axios -g

基于json-server工具,准备后端接口服务环境:(模拟后台假数据)

1安装全局工具json-server

javascript 复制代码
npm i -g json-server

2代码根目录新建一个db目录

3将数据index.json移入db目录

4进入db目录,执行命令,启动后端接口服务

javascript 复制代码
json-server --watch index.json

5访问接口测试http://localhost:3000/cart

相关推荐
玖玥拾10 小时前
Lua 基础语法(二)
开发语言·unity·lua
王的宝库10 小时前
GO常用标准库包
开发语言·后端·golang
geovindu10 小时前
python: Face Recognition
开发语言·后端·python·人脸识别
三十而立洋10 小时前
JavaScript 原型链:一张图讲透「对象继承」的底层真相
前端·javascript
平头哥技术团队10 小时前
Day 13 | 调 line-height 和 margin:三处间距让名片页脱离模板感
开发语言·前端·javascript·学习·html5
黑马程序员毕设11 小时前
基于Java的仪器管理系统设计与实现
java·开发语言·spring boot·后端·微信小程序
平头哥AI11 小时前
Day 13 | 一个函数回两个值:Go 的 error 是从哪冒出来的
开发语言·后端·golang
asdzx6711 小时前
Python 实现 PDF 文本查找与高亮标注
开发语言·python·pdf
zander25811 小时前
LeetCode 1143. 最长公共子序列
开发语言·python·算法
Sumerking11 小时前
llc_control.c 专项评审(v3 更新版)
c语言·开发语言·算法·obc