关于vue外卖项目的一些总结

关于vue外卖项目的一些总结
1、搭建项目的结构
api:存放ajax模块获取数据
common:存放一些静态文件，样式
Components:存放普通组件
Filters:存放一些过滤模块，比如日期过滤
Mock：存放mock数据和配置文件
Pages：存放一些路由组件
Router：配置路由的index.js
Store：vuex状态管理文件，存放着 state、action、getters、mutation、 mutation-type、index等js文件

2、项目进展的流程
1、观察静态页面，合理拆分出一级路由组件和二级路由组件。
2、拆分路由后，创建相应的路由页面模块，通过vue-router配置路由，在main.js里应用路由
3、拆分普通组件，1是组件存在共用的情况，2是组件比较繁琐，这两种情况最好进行拆分。步骤：在需要该组件的页面引入组件，并映射成标签使用
4、静态页面拆分完毕后，将进行通信，使数据动态呈现
①从后台给出的api接口获取数据，使用axios发送ajax请求，在api文件夹里创建ajax.js 封装获取数据的方法，向外暴露，在创建index.js，创建对应的方法，获取相应的数据，使用vuex管理数据，判断什么时候需要获取数据，通过this.$store.dispatch()来向action发送请求，获取数据使用…mapState([])
②再后台没有给出接口时，我们需要自己mock数据，学会根据页面显示内容设计模拟数据，利用 mockjs 提供模拟数据
③设计页面逻辑，这个比较考验经验和头脑，数据的显示、计算
④引用相关库达到想要的效果，要学会看官方文档的介绍使用，学会举一反三

总结：这些都只是一些粗略的体会，绝知此事要躬行！

关于vue外卖项目的一些总结相关推荐

vue仿外卖项目（使用vue-cli3脚手架）
1 整体介绍 1 项目源码与功能演示视频链接源码地址:github 视频链接:b站(手机验证码是测试用的,用的自己手机号,隐私,视频演示中没有手机号登录部分) vue外卖项目功能演示 2 项目是仿外 ...
瑞吉外卖项目day01
一.软件开发整体介绍 1.1 软件开发流程需求分析:产品原型.需求规格说明书设计:产品文档.UI界面设计.概要设计.详细设计.数据库设计编码:项目代码,是单元测试上线运维:软件环境安装.配置 ...
瑞吉外卖项目重难点及易错点知识点总结
本文是对b站黑马程序员瑞吉外卖项目的总结,实现流程以及简单部分不做详解,重点归纳难点以及易错点.(前面是对项目的介绍,可以直接略过看第四点总结) 视频链接:https://www.bilibili. ...
瑞吉外卖项目——瑞吉外卖
软件开发整体介绍软件开发流程需求分析:产品原型.需求规格说明书设计:产品文档.UI界面设计.概要设计.详细设计.数据库设计编码:项目代码.单元测试测试:测试用例.测试报告上线运维:软件环境 ...
【SpringBoot项目实战+思维导图】瑞吉外卖①(项目介绍、开发环境搭建、后台登陆/退出功能开发)
文章目录软件开发整体介绍软件开发流程角色分工软件环境瑞吉外卖项目介绍项目介绍产品原型技术选型功能架构角色开发环境搭建数据库环境搭建创建数据库数据库表导入数据库表介绍 Ma ...
JAVA外卖项目第一天技术选型和包结构
瑞吉外卖-Day01 课程内容软件开发整体介绍瑞吉外卖项目介绍开发环境搭建后台登录功能开发后台退出功能开发 1. 软件开发整体介绍作为一名软件开发工程师,我们需要了解在软件开发过程中的开发 ...
瑞吉外卖项目笔记+踩坑1——基础功能
导航: [黑马Java笔记+踩坑汇总]JavaSE+JavaWeb+SSM+SpringBoot+瑞吉外卖+SpringCloud/SpringCloudAlibaba+黑马旅游+谷粒商城目录 1 ...
vue开源项目(各大插件，gitup源码)
vue开源项目(各大插件,gitup源码) 目录 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element★31142 - 饿了么出品的Vue2的web UI工具 ...
基于SpringBoot的外卖项目(详细开发过程)
基于SpringBoot+MyBatisPlus的外卖项目 1.软件开发整体介绍软件开发流程角色分工 2.外卖项目介绍项目介绍产品展示后台系统管理移动端技术选型功能结构角色 3.开发 ...

关于vue外卖项目的一些总结

关于vue外卖项目的一些总结相关推荐

最新文章

热门文章