![](https://img-blog.csdnimg.cn/bcd5f0835ddf41b99f7d22cdea68b421.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
美食杰项目
文章平均质量分 76
此专栏讲述了,美食杰项目原生 js 代码结合element-ui 框架,完成了静态框架的布局,和所有功能的效果,最后完成当前项目
清风 与我
这个作者很懒,什么都没留下…
展开
-
美食杰项目 -- 菜谱大全(二)
本文给大家讲解,美食杰项目中菜谱大全实现的效果,和具体代码。具体实现思路:1. 点击头部分类(一级路由),点击哪一个选中哪一个(二级路由)的第一个2. 点击左侧属性,如果(二级路由),选中则刷新时(一级路由)默认打开3. 根据前2两步的条件进行过滤,在右侧显示过滤后的内容4. 添加分页器效果5. 以上效果都可以使用 element-ui 实现原创 2022-11-18 15:57:06 · 623 阅读 · 0 评论 -
美食杰项目 -- 发布菜谱(七)
本文给大家讲解,美食杰项目中 实现发布菜谱页的效果,和具体代码。具体实现思路:1. 按照效果图实现静态页面布局2. 可以使用element-ui框架3. 实现上传图片功能4. 默认为3个可以增加,删除,最少为1个5. 点击提交,成功发布菜谱原创 2022-12-01 15:40:53 · 721 阅读 · 0 评论 -
美食杰项目 -- 首页(一)
美食杰项目:首页功能的实现,具体功能有 头部,轮播图,内容:每次显示 5 个,滑动到底部则添加 5 个,直到最后。原创 2022-11-17 11:09:45 · 495 阅读 · 0 评论 -
美食杰项目 -- 个人主页(四)
本文给大家讲解,美食杰项目中 实现个人主页的效果,和具体代码。具体实现思路:1. 判断是否是本人,获取用户详情信息2. 关注,取消关注3. 点击跳转,显示(发布,收藏,粉丝,关注)4. 判断是否是跳转页,是则显示内容5. 根据示例图进行渲染原创 2022-11-23 19:09:24 · 975 阅读 · 0 评论 -
美食杰项目 -- 登录注册(三)
本文给大家讲解,美食杰项目中 登录注册实现的效果,和具体代码。具体实现思路:1. 引入element-ui中的登录和分页功能实现方法2. 账号密码进行双向绑定3. 登录和注册把账号密码传递过去4. 成功把token报错至本地,失败则返回失败的结果5. 点击清空input框6. 引入当前的vuex,并写出所有路由跳转7. 使用全局导航守卫和meta字段进行登录验证判断8. 判断跳转的路由是否需要登录,已登录则判断是否获取到用户信息9. 未获取则删除存储至本地的 token,原创 2022-11-22 08:52:05 · 549 阅读 · 0 评论 -
美食杰项目 -- 总结(八)
经过大概一周时间的兴勤劳作,美食杰项目的所有代码已经全部编写完成,功能全部完善,这一章给当前项目做一个总结。这一次项目使用了 element-ui 框架来完成静态功能的实现。感谢大家这一直以来对我的支持。**当前项目其他的页面代码可以在当前专栏中找到**原创 2022-12-01 15:56:26 · 687 阅读 · 0 评论 -
美食杰项目 -- 菜品信息(五)
本文给大家讲解,美食杰项目中 实现菜品信息的效果,和具体代码。具体实现思路:1. 跳转时传递菜品 id2. 根据菜品 id 进行(获取菜品详细信息,获取评论信息,发布评论,收藏/取消收藏)3. 点击收藏,判断是否收藏如果收藏则取消收藏,未收藏则收藏4. 给 input 框输入信息,点击提交发布评论信息5. 提交后的评论信息添加到开头6. 根据效果图进行渲染原创 2022-11-24 20:10:19 · 651 阅读 · 0 评论 -
美食杰项目 -- 编辑个人资料(六)
本文给大家讲解,美食杰项目中 实现编辑个人资料页的效果,和具体代码。具体实现思路:1. 在个人主页中点击编辑个人资料进入当前页2. 引入element-ui进行图片的上传3. 修改完所有信息后4. 点击保存会对个人资料进行更改5. 并跳转至个人主页原创 2022-11-25 16:49:53 · 581 阅读 · 0 评论