Vue前端开发流程总结

Vue 开发流程总结

由于主要做后端开发,对于前端开发不怎么熟悉,在最近学习 vue 后,下载了一个 vue-admin 快速开发框架,框架中把基本需要的组件都集成好了,在实现功能的时候,对相关的页面进行一定的修改就能达到目的。

由此,各个不同业务对应的修改流程是差不多的,这里做一个小的总结。

基本页面确定

业务需要什么页面就对其进行复制,然后在复制后的页面上进行修改。

前后端交互

  1. 页面引用 api 目录下对应的文件,其中定义了前后端交互接口方式
  2. api 中引用了 request.js 其中定义了前后端交互的服务器地址
  3. 前端对返回的数据进行相应解析

前端效果控制

在页面获取相应的数据后,需要进行数据加载,然后页面呈现出相应的效果,同时根据业务的需要进行页面元素修改。

0%