分布式电商项目（1）---vue初始化项目

最新推荐文章于 2022-11-11 21:03:48 发布
最新推荐文章于 2022-11-11 21:03:48 发布
阅读量702 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41063141/article/details/101606215
版权

文章目录

vue2.0创建项目的方式：

vue init webpack testProject

vue3.0创建项目的方式：

vue create bear-mall
在这里插入图片描述
linter就是es linter的意思，它会对代码进行检测（不太好用，），选择这三个就可以了
在这里插入图片描述
在这里插入图片描述
为未来的项目使用这个默认配置
在这里插入图片描述
项目初始化就完成了

忽略上传

在这里插入图片描述

使用vue ui管理项目

在这里插入图片描述
在这里插入图片描述
根目录下添加配置文件—它将整合到node-module里面
在这里插入图片描述

前端渲染和后端渲染

后端渲染：

jsp就是典型的后端渲染,它是html+css+java ，java代码负责从数据库中获取数据，并动态的将它放在页面中。浏览器请求网页时，后端发送过来的就是数据已经填好的html+css（服务器直接生产渲染好对应的html页面，返回给客户端进行展示）

前端渲染

ajax的出现，有了前后端分离的开发模式。后端只提供数据。—》单页面富应用SPA：引入了前端路由
前端渲染就是前端从服务器请求到数据，前端负责将数据动态渲染到html中，然后浏览器展示

后端路由和前端路由

后端路由

后端处理url和页面之间的映射关系

前端路由

前端负责映射浏览器上url和js（一大段资源/数据）到底要渲染哪个资源
改变url，页面不会整体刷新

后端路由优缺点

优点：浏览器直接进行展示，有利于seo的优化
缺点： 前后端耦合，前端人员需要懂php和java

js的内存模型以及同步异步操作

  data() {
            return {
              result:null
            }
        },
        //首页组件创建完成后，就需要马上通过周期函数向服务器发送请求
        created() {
            console.log(this)   //created里面的this对象就是当前组件对象
            getMultiData().then(res=>{
               // res={}  res指向一个大对象，即请求到的数据
                this.result=res  //以为getMultiData（）函数调用完后res这个临时变量就会被销毁，所以需要把函数返回值放入result变量中存起来
                //result变量是组件对象的，this.result=res 这样就是this.result的this的引用指向变量result，所以result还有被对象this引用的，所以它不会被随便回收
            })
            console.log(this.result)  ///这里打印结果是空，因为getMultiData().then（）网络请求操作它是一个异步操作，可能getMultiData().then（）还没有被执行完，console.log（）就已经执行完了，就是console。log（）不会等待getMultiData().then（）执行完了才执行（那就是同步操作了）

模拟的后端数据

{
	/*用户信息*/
	"userInfo": {
		"status": 1,
		"data": {
			"id": 1,
			"mobile": "18888888888",
			"nickname": "Leo yo",
			"portrait": "http://img.61ef.cn/news/201409/28/2014092805595807.jpg"
		},
		"msg": "提示"
	},
	/* 首页轮播图 */
	"carouselList": [{
		"src": "/static/temp/banner3.jpg",
		"background": "rgb(203, 87, 60)"
	},
	{
		"src": "/static/temp/banner2.jpg",
		"background": "rgb(205, 215, 218)"
	},
	{
		"src": "/static/temp/banner4.jpg",
		"background": "rgb(183, 73, 69)"
	}
],
	/* 商品列表 */
	"goodsList" : [{
		"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553187020783&di:bac9dd78b36fd984502d404d231011c0&imgtype:0&src:http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201609%2F26%2F20160926173213_s5adi.jpeg",
		"image2": "http://pic.rmb.bdstatic.com/819a044daa66718c2c40a48c1ba971e6.jpeg",
		"image3": "http://img001.hc360.cn/y5/M00/1B/45/wKhQUVYFE0uEZ7zVAAAAAMj3H1w418.jpg",
		"title": "古黛妃 短袖t恤女夏装2019新款韩版宽松",
		"price": 179,
		"sales": 61
	},
		{
			"image": "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u:4031878334,2682695508&fm:11&gp:0.jpg",
			"image2": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1554013048&di:a3dc9fd1406dd7bad7fbb97b5489ec04&imgtype:jpg&er:1&src:http%3A%2F%2Fimg009.hc360.cn%2Fhb%2FnKo44ac2656F831c684507E3Da0E3a26841.jpg",
			"image3": "http://img.zcool.cn/community/017a4e58b4eab6a801219c77084373.jpg",
			"title": "潘歌针织连衣裙",
			"price": 78,
			"sales": 16
		},
		{
			"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u:1620020012,789258862&fm:26&gp:0.jpg",
			"image2": "http://m.360buyimg.com/n12/jfs/t247/42/1078640382/162559/3628a0b/53f5ad09N0dd79894.jpg%21q70.jpg",
			"image3": "http://ikids.61kids.com.cn/upload/2018-12-29/1546070626796114.jpg",
			"title": "巧谷2019春夏季新品新款女装",
			"price": 108.8,
			"sales": 5
		}, {
			"image": "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u:756705744,3505936868&fm:11&gp:0.jpg",
			"image2": "http://images.jaadee.com/images/201702/goods_img/30150_d85aed83521.jpg",
			"image3": "http://img13.360buyimg.com/popWaterMark/jfs/t865/120/206320620/138889/dcc94caa/550acedcN613e2a9d.jpg",
			"title": "私萱连衣裙",
			"price": 265,
			"sales": 88
		}, {
			"image": "https://img13.360buyimg.com/n8/jfs/t1/30343/20/1029/481370/5c449438Ecb46a15b/2b2adccb6dc742fd.jpg",
			"image2": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553418265666&di:d4a7f7eb0ae3c859edeb921641ee1c3a&imgtype:0&src:http%3A%2F%2Fimg003.hc360.cn%2Fy3%2FM02%2FF8%2F9F%2FwKhQh1TuSkGELIlQAAAAAPuLl4M987.jpg",
			"image3": "http://img.ef43.com.cn/product/2016/8/05100204b0c.jpg",
			"title": "娇诗茹 ulzzang原宿风学生潮韩版春夏短",
			"price": 422,
			"sales": 137
		}, {
			"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553187020783&di:bac9dd78b36fd984502d404d231011c0&imgtype:0&src:http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201609%2F26%2F20160926173213_s5adi.jpeg",
			"image2": "http://image5.suning.cn/uimg/b2c/newcatentries/0070158827-000000000622091973_2_800x800.jpg",
			"image3": "http://img.61ef.cn/news/201903/20/2019032009251784.jpg",
			"title": "古黛妃 短袖t恤女夏装2019新款韩版宽松",
			"price": 179,
			"sales": 95
		}
	],
	/* 购物车 */
	 "cartList" : [{
	"id": 1,
	"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553005139&di:3368549edf9eee769a9bcb3fbbed2504&imgtype:jpg&er:1&src:http%3A%2F%2Fimg002.hc360.cn%2Fy3%2FM01%2F5F%2FDB%2FwKhQh1T7iceEGRdWAAAAADQvqk8733.jpg",
	"attr_val": "春装款 L",
	"stock": 15,
	"title": "OVBE 长袖风衣",
	"price": 278.00,
	"number": 1
},
	{
		"id": 3,
		"image": "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u:2319343996,1107396922&fm:26&gp:0.jpg",
		"attr_val": "激光导航 扫拖一体",
		"stock": 3,
		"title": "科沃斯 Ecovacs 扫地机器人",
		"price": 1348.00,
		"number": 5
	},
	{
		"id": 4,
		"image": "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u:2668268226,1765897385&fm:26&gp:0.jpg",
		"attr_val": "XL",
		"stock": 55,
		"title": "朵绒菲小西装",
		"price": 175.88,
		"number": 1
	},
	{
		"id": 5,
		"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1552410549432&di:06dd3758053fb6d6362516f30a42d055&imgtype:0&src:http%3A%2F%2Fimgcache.mysodao.com%2Fimg3%2FM0A%2F67%2F42%2FCgAPD1vNSsHNm-TnAAEy61txQb4543_400x400x2.JPG",
		"attr_val": "520 #粉红色",
		"stock": 15,
		"title": "迪奥（Dior）烈艳唇膏",
		"price": 1089.00,
		"number": 1
	},
	{
		"id": 6,
		"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u:1031875829,2994442603&fm:26&gp:0.jpg",
		"attr_val": "樱花味润手霜 30ml",
		"stock": 15,
		"title": "欧舒丹（LOCCITANE）乳木果",
		"price": 128,
		"number": 1
	},
	{
		"id": 7,
		"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553007107&di:390915aa8a022cf0b03c03340881b0e7&imgtype:jpg&er:1&src:http%3A%2F%2Fimg13.360buyimg.com%2Fn0%2Fjfs%2Ft646%2F285%2F736444951%2F480473%2Faa701c97%2F548176feN10c9ed7b.jpg",
		"attr_val": "特级 12个",
		"stock": 7,
		"title": "新疆阿克苏苹果 特级",
		"price": 58.8,
		"number": 10
	},
	{
		"id": 8,
		"image": "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u:2319343996,1107396922&fm:26&gp:0.jpg",
		"attr_val": "激光导航 扫拖一体",
		"stock": 15,
		"title": "科沃斯 Ecovacs 扫地机器人",
		"price": 1348.00,
		"number": 1
	},
	{
		"id": 9,
		"image": "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u:2668268226,1765897385&fm:26&gp:0.jpg",
		"attr_val": "XL",
		"stock": 55,
		"title": "朵绒菲小西装",
		"price": 175.88,
		"number": 1
	},
	{
		"id": 10,
		"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1552410549432&di:06dd3758053fb6d6362516f30a42d055&imgtype:0&src:http%3A%2F%2Fimgcache.mysodao.com%2Fimg3%2FM0A%2F67%2F42%2FCgAPD1vNSsHNm-TnAAEy61txQb4543_400x400x2.JPG",
		"attr_val": "520 #粉红色",
		"stock": 15,
		"title": "迪奥（Dior）烈艳唇膏",
		"price": 1089.00,
		"number": 1
	},
	{
		"id": 11,
		"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u:1031875829,2994442603&fm:26&gp:0.jpg",
		"attr_val": "樱花味润手霜 30ml",
		"stock": 15,
		"title": "欧舒丹（LOCCITANE）乳木果",
		"price": 128,
		"number": 1
	},
	{
		"id": 12,
		"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553007107&di:390915aa8a022cf0b03c03340881b0e7&imgtype:jpg&er:1&src:http%3A%2F%2Fimg13.360buyimg.com%2Fn0%2Fjfs%2Ft646%2F285%2F736444951%2F480473%2Faa701c97%2F548176feN10c9ed7b.jpg",
		"attr_val": "特级 12个",
		"stock": 7,
		"title": "新疆阿克苏苹果 特级",
		"price": 58.8,
		"number": 10
	},
	{
		"id": 13,
		"image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1552405266625&di:a703f2b2cdb0fe7f3f05f62dd91307ab&imgtype:0&src:http%3A%2F%2Fwww.78.cn%2Fzixun%2Fnews%2Fupload%2F20190214%2F1550114706486250.jpg",
		"attr_val": "春装款/m",
		"stock": 15,
		"title": "女装2019春秋新款",
		"price": 420.00,
		"number": 1
	}
],
//详情展示页面
 "detailData" : {
	 "title": "纯种金毛幼犬活体有血统证书",
	 "title2": "拆家小能手 你值得拥有",
	 "favorite": true,
	 "imgList": [
		 {
			 "src": "http://img0.imgtn.bdimg.com/it/u:2396068252,4277062836&fm:26&gp:0.jpg"
		 },
		 {
			 "src": "http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1309/06/c4/25310541_1378426131583.jpg"
		 },
		 {
			 "src": "http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1610/26/c4/28926240_1477451226577_mthumb.jpg"
		 },
		 {
			 "src": "http://picture.ik123.com/uploads/allimg/190219/12-1Z219105139.jpg"
		 }
	 ],
	 "episodeList": [
		 1,
		 2,
		 3,
		 4,
		 5,
		 6,
		 7,
		 8,
		 9,
		 10,
		 11,
		 12,
		 13,
		 14,
		 15,
		 16,
		 17,
		 18,
		 19,
		 20,
		 21,
		 22,
		 23,
		 24
	 ],
	 "guessList": [
		 {
			 "src": "http://img.52z.com/upload/news/image/20180530/20180530081619_31029.jpg",
			 "title": "猫眼指甲油",
			 "title2": "独树一帜的免照灯猫眼指甲"
		 },
		 {
			 "src": "http://m.china-7.net/uploads/14778449362891.jpg",
			 "title": "创意屋",
			 "title2": "创意屋形上下双层高低床"
		 },
		 {
			 "src": "http://www.k73.com/up/allimg/130415/22-130415093527.jpg",
			 "title": "MissCandy 指甲油",
			 "title2": "十分适合喜欢素净的妹纸，尽显淡雅的气质"
		 },
		 {
			 "src": "http://img0.imgtn.bdimg.com/it/u:2108933440,2194129200&fm:214&gp:0.jpg	",
			 "title": "RMK 2017星空海蓝唇釉",
			 "title2": "唇釉质地，上唇后很滋润。少女也会心动的蓝色，透明液体形状。"
		 }
	 ],
	 "evaList": [
		 {
			 "src": "http://gss0.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/77c6a7efce1b9d1663174705fbdeb48f8d546486.jpg",
			 "nickname": "Ranth Allngal",
			 "time": "09-20 12:54",
			 "zan": "54",
			 "content": "评论不要太苛刻，不管什么产品都会有瑕疵，客服也说了可以退货并且商家承担运费，我觉得至少态度就可以给五星。"
		 },
		 {
			 "src": "http://img0.imgtn.bdimg.com/it/u:2396068252,4277062836&fm:26&gp:0.jpg",
			 "nickname": "Ranth Allngal",
			 "time": "09-20 12:54",
			 "zan": "54",
			 "content": "楼上说的好有道理。"
		 }
	 ],
	 "shareList": [
		 {
			 "type": 1,
			 "icon": "/static/temp/share_wechat.png",
			 "text": "微信好友"
		 },
		 {
			 "type": 2,
			 "icon": "/static/temp/share_moment.png",
			 "text": "朋友圈"
		 },
		 {
			 "type": 3,
			 "icon": "/static/temp/share_qq.png",
			 "text": "QQ好友"
		 },
		 {
			 "type": 4,
			 "icon": "/static/temp/share_qqzone.png",
			 "text": "QQ空间"
		 }
	 ],
	 "lazyLoadList": [
		 {
			 "src": "http://img0.imgtn.bdimg.com/it/u:2396068252,4277062836&fm:26&gp:0.jpg"
		 },
		 {
			 "src": "http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1309/06/c4/25310541_1378426131583.jpg"
		 },
		 {
			 "src": "http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1610/26/c4/28926240_1477451226577_mthumb.jpg"
		 },
		 {
			 "src": "http://picture.ik123.com/uploads/allimg/190219/12-1Z219105139.jpg"
		 },
		 {
			 "src": "http://img5.imgtn.bdimg.com/it/u:2904900134,438461613&fm:26&gp:0.jpg"
		 },
		 {
			 "src": "http://img1.imgtn.bdimg.com/it/u:1690475408,2565370337&fm:26&gp:0.jpg"
		 },
		 {
			 "src": "http://img.99114.com/group1/M00/7F/99/wKgGS1kVrPGAe5LmAAU2KrJmb3Q923_600_600.jpg"
		 },
		 {
			 "src": "http://img4.imgtn.bdimg.com/it/u:261047209,372231813&fm:26&gp:0.jpg"
		 },
		 {
			 "src": "http://i2.17173cdn.com/i7mz64/YWxqaGBf/tu17173com/20150107/eMyVMObjlbcvDEv.jpg"
		 },
		 {
			 "src": "http://img008.hc360.cn/m4/M02/E7/87/wKhQ6FSrfU6EfUoyAAAAAITAfyc280.jpg"
		 },
		 {
			 "src": "http://pic1.win4000.com/wallpaper/d/5991569950166.jpg"
		 },
		 {
			 "src": "http://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/6f061d950a7b0208f9fe945e60d9f2d3572cc85e.jpg"
		 },
		 {
			 "src": "http://pic41.nipic.com/20140429/18169759_125841756000_2.jpg"
		 },
		 {
			 "src": "http://www.k73.com/up/allimg/130415/22-130415093527.jpg"
		 },
		 {
			 "src": "http://img.52z.com/upload/news/image/20180530/20180530081619_31029.jpg"
		 },
		 {
			 "src": "http://b-ssl.duitang.com/uploads/item/201410/02/20141002111638_tXAzU.jpeg"
		 },
		 {
			 "src": "http://img2.ph.126.net/C4JW6f57QWSB21-8jh2UGQ::/1762596304262286698.jpg"
		 },
		 {
			 "src": "http://att.bbs.duowan.com/forum/201405/17/190257nzcvkkdg6w2e8226.jpg"
		 },
		 {
			 "src": "http://attach.bbs.miui.com/forum/201504/10/223644v3intigyvva0vgym.jpg"
		 },
		 {
			 "src": "http://pic1.win4000.com/mobile/3/57888a298d61d.jpg"
		 }
	 ],
	 "orderList": [
		 {
			 "time": "2019-04-06 11:37",
			 "state": 1,
			 "goodsList": [
				 {
					 "image": "https://timgsa.baidu.com/timg?image&quality:80&size:b9999_10000&sec:1553187020783&di:bac9dd78b36fd984502d404d231011c0&imgtype:0&src:http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201609%2F26%2F20160926173213_s5adi.jpeg"
				 },
				 {
					 "image": "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u:4031878334,2682695508&fm:11&gp:0.jpg"
				 },
				 {
					 "image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u:1620020012,789258862&fm:26&gp:0.jpg"
				 },
				 {
					 "image": "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u:4031878334,2682695508&fm:11&gp:0.jpg"
				 },
				 {
					 "image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u:1620020012,789258862&fm:26&gp:0.jpg"
				 },
				 {
					 "image": "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u:4031878334,2682695508&fm:11&gp:0.jpg"
				 },
				 {
					 "image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u:1620020012,789258862&fm:26&gp:0.jpg"
				 }
			 ]
		 },
		 {
			 "time": "2019-04-06 11:37",
			 "state": 9,
			 "goodsList": [
				 {
					 "title": "古黛妃 短袖t恤女 春夏装2019新款韩版宽松",
					 "price": 179.5,
					 "image": "https://img13.360buyimg.com/n8/jfs/t1/30343/20/1029/481370/5c449438Ecb46a15b/2b2adccb6dc742fd.jpg",
					 "number": 1,
					 "attr": "珊瑚粉 M"
				 }
			 ]
		 },
		 {
			 "time": "2019-04-06 11:37",
			 "state": 1,
			 "goodsList": [
				 {
					 "image": "https://img.alicdn.com/imgextra/https://img.alicdn.com/imgextra/i2/2120460599/O1CN01LBPS4C1GINkwsOTXS_!!2120460599.jpg_430x430q90.jpg"
				 },
				 {
					 "image": "https://img.alicdn.com/imgextra/i2/1069876356/TB2ocTQG4WYBuNjy1zkXXXGGpXa_!!1069876356.jpg_430x430q90.jpg"
				 },
				 {
					 "image": "https://img.alicdn.com/imgextra/https://img.alicdn.com/imgextra/i4/2120460599/O1CN01YsmgwZ1GINkv38rkn_!!2120460599.jpg_430x430q90.jpg"
				 }
			 ]
		 },
		 {
			 "time": "2019-04-06 11:37",
			 "state": 1,
			 "goodsList": [
				 {
					 "title": "回力女鞋高帮帆布鞋女学生韩版鞋子女2019潮鞋女鞋新款春季板鞋女",
					 "price": 69,
					 "image": "https://img.alicdn.com/imgextra/i3/2128794607/TB2gzzoc41YBuNjy1zcXXbNcXXa_!!2128794607.jpg_430x430q90.jpg",
					 "number": 1,
					 "attr": "白色-高帮 39"
				 }
			 ]
		 },
		 {
			 "time": "2019-04-06 11:37",
			 "state": 1,
			 "goodsList": [
				 {
					 "image": "https://img.alicdn.com/imgextra/https://img.alicdn.com/imgextra/i4/3358098495/O1CN01dhYyid2Ccl5MWLDok_!!3358098495.jpg_430x430q90.jpg"
				 },
				 {
					 "image": "https://img.alicdn.com/imgextra/https://img.alicdn.com/imgextra/i3/3358098495/O1CN01AWsnFA2Ccl5OzvqsL_!!3358098495.jpg_430x430q90.jpg"
				 }
			 ]
		 },
		 {
			 "time": "2019-04-06 11:37",
			 "state": 1,
			 "goodsList": [
				 {
					 "image": "https://img.alicdn.com/imgextra/i4/3470687433/O1CN0124mMQOSERr18L1h_!!3470687433.jpg_430x430q90.jpg"
				 },
				 {
					 "image": "https://img.alicdn.com/imgextra/i3/2888462616/O1CN01ERra5J1VCAbZaKI5n_!!0-item_pic.jpg_430x430q90.jpg"
				 },
				 {
					 "image": "https://gd3.alicdn.com/imgextra/i3/819381730/O1CN01YV4mXj1OeNhQIhQlh_!!819381730.jpg_400x400.jpg"
				 }
			 ]
		 }
	 ],
	 "cateList": [
		 {
			 "id": 1,
			 "name": "手机数码"
		 },
		 {
			 "id": 2,
			 "name": "礼品鲜花"
		 },
		 {
			 "id": 3,
			 "name": "男装女装"
		 },
		 {
			 "id": 4,
			 "name": "母婴用品"
		 },
		 {
			 "id": 5,
			 "pid": 1,
			 "name": "手机通讯"
		 },
		 {
			 "id": 6,
			 "pid": 1,
			 "name": "运营商"
		 },
		 {
			 "id": 8,
			 "pid": 5,
			 "name": "全面屏手机",
			 "picture": "/static/temp/cate2.jpg"
		 },
		 {
			 "id": 9,
			 "pid": 5,
			 "name": "游戏手机",
			 "picture": "/static/temp/cate3.jpg"
		 },
		 {
			 "id": 10,
			 "pid": 5,
			 "name": "老人机",
			 "picture": "/static/temp/cate1.jpg"
		 },
		 {
			 "id": 11,
			 "pid": 5,
			 "name": "拍照手机",
			 "picture": "/static/temp/cate4.jpg"
		 },
		 {
			 "id": 12,
			 "pid": 5,
			 "name": "女性手机",
			 "picture": "/static/temp/cate5.jpg"
		 },
		 {
			 "id": 14,
			 "pid": 6,
			 "name": "合约机",
			 "picture": "/static/temp/cate1.jpg"
		 },
		 {
			 "id": 15,
			 "pid": 6,
			 "name": "选好卡",
			 "picture": "/static/temp/cate4.jpg"
		 },
		 {
			 "id": 16,
			 "pid": 6,
			 "name": "办套餐",
			 "picture": "/static/temp/cate5.jpg"
		 },
		 {
			 "id": 17,
			 "pid": 2,
			 "name": "礼品"
		 },
		 {
			 "id": 18,
			 "pid": 2,
			 "name": "鲜花"
		 },
		 {
			 "id": 19,
			 "pid": 17,
			 "name": "公益摆件",
			 "picture": "/static/temp/cate7.jpg"
		 },
		 {
			 "id": 20,
			 "pid": 17,
			 "name": "创意礼品",
			 "picture": "/static/temp/cate8.jpg"
		 },
		 {
			 "id": 21,
			 "pid": 18,
			 "name": "鲜花",
			 "picture": "/static/temp/cate9.jpg"
		 },
		 {
			 "id": 22,
			 "pid": 18,
			 "name": "每周一花",
			 "picture": "/static/temp/cate10.jpg"
		 },
		 {
			 "id": 23,
			 "pid": 18,
			 "name": "卡通花束",
			 "picture": "/static/temp/cate11.jpg"
		 },
		 {
			 "id": 24,
			 "pid": 18,
			 "name": "永生花",
			 "picture": "/static/temp/cate12.jpg"
		 },
		 {
			 "id": 25,
			 "pid": 3,
			 "name": "男装"
		 },
		 {
			 "id": 26,
			 "pid": 3,
			 "name": "女装"
		 },
		 {
			 "id": 27,
			 "pid": 25,
			 "name": "男士T恤",
			 "picture": "/static/temp/cate13.jpg"
		 },
		 {
			 "id": 28,
			 "pid": 25,
			 "name": "男士外套",
			 "picture": "/static/temp/cate14.jpg"
		 },
		 {
			 "id": 29,
			 "pid": 26,
			 "name": "裙装",
			 "picture": "/static/temp/cate15.jpg"
		 },
		 {
			 "id": 30,
			 "pid": 26,
			 "name": "T恤",
			 "picture": "/static/temp/cate16.jpg"
		 },
		 {
			 "id": 31,
			 "pid": 26,
			 "name": "上装",
			 "picture": "/static/temp/cate15.jpg"
		 },
		 {
			 "id": 32,
			 "pid": 26,
			 "name": "下装",
			 "picture": "/static/temp/cate16.jpg"
		 },
		 {
			 "id": 33,
			 "pid": 4,
			 "name": "奶粉"
		 },
		 {
			 "id": 34,
			 "pid": 4,
			 "name": "营养辅食"
		 },
		 {
			 "id": 35,
			 "pid": 4,
			 "name": "童装"
		 },
		 {
			 "id": 39,
			 "pid": 4,
			 "name": "喂养用品"
		 },
		 {
			 "id": 36,
			 "pid": 33,
			 "name": "有机奶粉",
			 "picture": "/static/temp/cate17.jpg"
		 },
		 {
			 "id": 37,
			 "pid": 34,
			 "name": "果泥/果汁",
			 "picture": "/static/temp/cate18.jpg"
		 },
		 {
			 "id": 39,
			 "pid": 34,
			 "name": "面条/粥",
			 "picture": "/static/temp/cate20.jpg"
		 },
		 {
			 "id": 42,
			 "pid": 35,
			 "name": "婴童衣橱",
			 "picture": "/static/temp/cate19.jpg"
		 },
		 {
			 "id": 43,
			 "pid": 39,
			 "name": "吸奶器",
			 "picture": "/static/temp/cate21.jpg"
		 },
		 {
			 "id": 44,
			 "pid": 39,
			 "name": "儿童餐具",
			 "picture": "/static/temp/cate22.jpg"
		 },
		 {
			 "id": 45,
			 "pid": 39,
			 "name": "牙胶安抚",
			 "picture": "/static/temp/cate23.jpg"
		 },
		 {
			 "id": 46,
			 "pid": 39,
			 "name": "围兜",
			 "picture": "/static/temp/cate24.jpg"
		 }
	 ]
 }
 }
千篇不一律
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SpringBoot+Vue前后端分离的分布式项目实战教程
06-10
Web开发发展至今，前后端分离已经成为一种大趋势。前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，安卓，IOS等等）打下坚实的基础。本课程通过一个在线教育为雏形，进行前后端分离的实战，可以让你快速的掌握SpringBoot+Vue进行项目的搭建，应对企业开发和企业面试。
微服务系统设计（一） -- 如何拆分服务
f905699146的博客
10-13 1679
在做微服务设计的时候，很大的一个难题就是服务的拆分，很多人都不知道在什么情况拆分服务，在什么情况下不应该拆分服务，所以设计的系统可能会很臃肿，如果遇到业务扩展，之前设计的架构不能满足业务扩增后的需求，就会面临重构的风险，因此，在设计微服务架构时，合理的服务拆分是十分重要的。 前提 在做拆分服务之前，有一点特别重要，系统设计应该根据当前的用户情况而设计。如果目前用户不多并且增长比较慢，那么设计那些大而宽的架构并没有什么意义，单体服务就可以搞定，成本也比较小，并且可以满足早期的迅速开发和业务迭代需求，如果用户进
基于vue的分布式集群后台管理
MMKJSH的博客
11-11 462
基于vue的分布式集群后台管理
分布式动态路由的实现
军火库
08-27 350
设想一下，我们在做一个体量非常大的项目，这个项目有很多的模块和相当多的页面。假设我们的项目中有两个模块，login模块和goods模块。（每个模块下都是自己模块的页面，当然不只是一个，这里只是一个简单的例子方便大家理解）把项目全部模块的路由都放在一个文件中，不仅直观，在添加新路由的时候更是无从下手。我们分布式动态路由的目的就是：实现路由模块自动化引入，让路由更加清晰直观。在开始之前先说说适用的场景：体量非常大的项目，且这个项目分为很多的模块。这样，我们的分布式动态路由就实现好了，是不是很简单！...
分布式电商项目（2）--使用vue进行前端页面的开发
远行的博客
09-29 967
vue中组件不显示问题 我的代码如下： 然后在首页展示，却发现图片不显示 细细观察发现，原来图片是包裹在a标签里面，而标签我用的是 :href,而不是href，这样里面的链接是错误的，所以整个a标签的判断就是错的，vue里面标签的属性是错的，整个组件就不会显示。所以这里把 ：href 改成正确的href就可以了 ...
电商项目-gmall.zip
11-04
3. **数据库脚本**：如`db.sql`，用于创建数据库表结构和初始化数据。 4. **测试代码**：`src/test/java`，包含单元测试和集成测试。 5. **构建文件**：`pom.xml`，Maven项目配置文件，定义项目依赖和构建流程。 ...
品优购电商项目-pinyougou.zip
11-04
"品优购电商项目-pinyougou.zip"这个压缩包文件很可能是某个电子商务平台的源代码或项目资源，名为“品优购”。在分析这个项目时，我们可以从中学习到许多关于电商平台开发的知识点。 首先，从项目名"pinyougou-...
基于springcloud的分布式电商系统源码.zip
08-31
首先，SpringBoot是Spring生态中的重要组成部分，它简化了Spring应用程序的初始化和配置过程，使得开发人员可以快速地搭建项目。在本系统中，SpringBoot被用来构建各个微服务，每个服务都是独立运行的，能够提高系统...
基于java开发的跨境电商平台ECO-源码
10-16
3. **数据库脚本（Database Scripts）**：包括SQL文件，用于创建和初始化数据库表结构。 4. **配置文件（Configuration Files）**：如application.properties或application.yml，设置项目运行环境的参数。 5. **测试...
Springboot-电商项目-快速搭建项目（支付宝，微信支持）
08-18
综上所述，"Springboot-电商项目-快速搭建项目（支付宝，微信支持）"涵盖了从后端开发、前端展示、支付接口集成到系统安全、分布式架构等多个重要知识点，是一个全面且实战性强的电商项目模板。通过深入理解和实践，...
基于springcloud + vue的分布式服务paascloud项目部署文档.zip
01-03
基于springcloud + vue的分布式服务paascloud项目部署文档,附加alipay支付jar和代码生成器
Spring Cloud Template极简的分布式微服务项目
weixin_33910460的博客
05-31 710
SpringCloud分布式微服务项目 开源地址：cloud-template 欢迎右上角star支持作者 介绍 旨在提供一个最基础的CRUD模板，并没与太复杂的业务流程，想让初学微服务或者想要找个Vue+Node前后端分离项目的同学有一个案例参考。大家可以基于此项目继续扩展，或者看此项目和源码和文档自己尝试开发前后端分离的项目。 如果此项目对大家有帮助，...
学会es6数组方法则掌握雷电
技术前端，忠于热爱 @0.活在风浪里
12-11 764
​ var arr = [1, 2, 1, 2, 3]; ​ let set = new Set(arr); ​ console.log([...set]); // [1, 2, 3] ​ console.log(set); //Set(3) {1, 2, 3} 类数组 ​ set.add(4) //添加一个 ​ console.log(set); //Set(4) {1, 2, 3, 4} ​
基于springcloud+vue的分布式商城
a827822528的博客
03-25 1010
本文转载自 无痕 http://blog.paascloud.net/2018/09/04/java-env/paascloud/kai-fa-huan-jing/ 开发环境 安装mysql 单点 1 http://blog.paascloud.net/2018/06/13/db/mysql/centos7.3-yum-install-mysql5.7/ 安装 Redis 单点 1 http://...
五大常见的MySQL高可用方案
空灵游侠
03-27 7260
五大常见的MySQL高可用方案 1. 概述 我们在考虑MySQL数据库的高可用的架构时，主要要考虑如下几方面： 如果数据库发生了宕机或者意外中断等故障，能尽快恢复数据库的可用性，尽可能的减少停机时间，保证业务不会因为数据库的故障而中断。 用作备份、只读副本等功能的非主节点的数据应该和主节点的数据实时或者最终保持一致。 当业务发生数据库切换时，切换前
vue.js学习笔记之prototype
yovan
02-25 3377
javascript中有prototype属性，prototype可以给对象动态的添加属性或者方法，如：     function student(stuname,age,classname){         this.stuname = stuname;         this.age = age;         this.classname = classname;
基于springcloud + vue的分布式服务paascloud项目部署文档
碧海擎天逍遥仙
04-09 7294
这里特别感谢 QQ 金宝宝 1771717896 提供的服务器 准备环境 安装虚拟机 安装项目运行环境 配置host文件 windows 目录 C:\Windows\System32\drivers\etc\hosts mac/linux 地址 /etc/hosts 下面的ip注意修改为自己虚拟机对应的ip地址 127.0.0.1 dev-login.paasclou...
【转】电商网站商品示例（vue搭建）
m0_37136911的博客
10-08 2327
转自：https://download.csdn.net/download/lw20101721/10550451
基于springcloud微服务开发平台
最新发布
07-22
采用前后端分离的模式，前端开源两个框架：Sword (基于 React、Ant Design)、Saber (基于 Vue、Element-UI) 后端采用SpringCloud全家桶，并同时对其基础组件做了高度的封装，单独开源出一个框架：BladeTool BladeTool已推送至Maven中央库，直接引入即可，减少了工程的臃肿，也可更注重于业务开发 集成Sentinel从流量控制、熔断降级、系统负载等多个维度保护服务的稳定性。 注册中心、配置中心选型Nacos，为工程瘦身的同时加强各模块之间的联动。 极简封装了多租户底层，用更少的代码换来拓展性更强的SaaS多租户系统。 借鉴OAuth2，自研多终端认证系统，可控制子系统的token权限互相隔离。 借鉴Security，自研Secure模块，采用JWT做Token认证，可拓展集成Redis等细颗粒度控制方案。 稳定生产了六年，经历了从 Camden -> Hoxton -> 2023 的技术架构，也经历了从fat jar -> docker -> k8s + jenkins的部署架构。 项目分包明确，规范微服务的开发模式，使包与包

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值