![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
美食杰
WangLingyun111
这个作者很懒,什么都没留下…
展开
-
美食杰-----发布菜谱(完结)
这篇写的是美食杰---发布菜谱页面,这是美食杰最后一篇文章了。给大家整理一下其余几篇美食杰项目的页面:美食杰---首页:美食杰项目---首页_m0_62201566的博客-CSDN博客美食杰---登录页:美食杰项目----登录页面,看了不会来找我!!!_m0_62201566的博客-CSDN博客美食杰---编辑个人资料:用vue实现美食杰项目---编辑个人资料,傻瓜式教程,看了就会!!!_m0_62201566的博客-CSDN博客美食杰---个人空间:美食杰项目---个人..原创 2021-10-13 20:05:15 · 198 阅读 · 0 评论 -
美食杰----详情页(续写)
今天要讲的是美食杰详情页面,这个页面主要讲述的是菜品制作的详细步骤,其中分为三部分:头部,内容和评价。思路:根据menuId 请求数据(查看数据结构),渲染页面(如果没有menuld,提示框请登录) 注意:数据结构过多,在保存到组件中时,提前写好默认值。避免在异步请求返回数据之前找不到属性。 头部: 1.根据数据,逐个渲染头部页面。用户信息中,query传入用户id,跳转个人空间。 2收藏按钮:判断是否本人登录再显示。 ...原创 2021-10-12 20:18:06 · 134 阅读 · 0 评论 -
美食杰----菜谱大全(二)
这篇文章接着续写上一篇菜谱大全,这篇文章主要写的是右边的侧栏部分。一.思路:1.首先布局,要用到Element Ui组件来布局。 2.然后从后端获取数据。 3.将调用到的数据进行解构,再创建个空数组,将要用的数据保存的新建的数组里。 4.渲染数据。 5.实现Loading加载事件。 6.实现页码跳转效果,点击相应的代码,出现内容。...原创 2021-10-11 19:16:45 · 168 阅读 · 0 评论 -
美食杰----菜谱大全
今天我们来写美食杰的菜谱大全页面,首先要讲的是实现这个页面的流程:拿到数据----渲染数据----监听路由传参----判断----写点击事件1.在api里面拿到数据getClassify, getProperty, getMenus。2.再创建个空数组classify存放数据,把数据赋值给data。3.渲染数据,用v-for渲染数据。4.在watch里深度监听路由传参。5.再用if判断,判断是否点击,如果点击过就取消;否则,选中。6.用@click写点击事件,点击的时候地址栏中的原创 2021-10-09 20:24:52 · 437 阅读 · 0 评论 -
用vue实现美食杰项目---编辑个人资料,傻瓜式教程,看了就会!!!
一.项目介绍:上一篇介绍了美食杰项目的登录页面,这篇我们来介绍一下登录之后的编辑个人资料页面,感兴趣的一起来看看吧!!!1.首先点击个人跳转到空间,然后点击编辑个人资料就会跳转到我们今天要介绍的页面。2.技术线如下:配置路由设置图片的最大宽度,尺寸大小请求接口参数 上传图片,图片展示 渲染页面3.要用到的组件有:Element ui安装方法如下:二.效果展示:...原创 2021-09-28 09:34:09 · 563 阅读 · 0 评论 -
美食杰项目----登录页面,看了不会来找我!!!
一.项目介绍:通过使用element ui组件库对页面进行布局,然后再通过路由守卫验证登录状态验证登录:有些路由是需要登录的,判断状态1.没有登录:跳转到登录页2.登录:直接进入3.有些路由不需要登录,那就直接进入;ps:是否需要登录--meta二.效果展示:三.代码展示:login.vue:登录页面<template> <div class="login-section"> <!-- :rules=...原创 2021-09-25 20:34:13 · 462 阅读 · 1 评论