关于一个完整项目的前端页面规划

前言

计划:
打算作一个简单的网站,拥有前端页面,后台数据,以及管理系统,然而这并不容易,因此打算先完成前端页面。 前端

我喜欢作什么事情以前都作一个计划,如今这个计划能够说有这个想法好久了,可是一直没有去作,如今开始把前端页面分析下,方便以后开发vue

预计会用到的主要技术栈:数据结构

  • vue
  • nuxtjs
  • koa2

页面统计

前端页面打算只作三个页面,首页,详情页,搜索结果页koa

模板设计

整个网页分为头部,banner,内容,底部;每部分又能够细分以下网站

TIM截图20190313121328.png

组件设计

能够将上面划分出来的每部分,建一个目录,目录下包含一个对外的文件(index.vue),以及若干当前部分的小组件,对外的文件用来整合当前目录组件,使其成为一个完整的部分
TIM截图20190313122417.pngspa

数据结构设计

搜索框须要有热门搜索的数据,banner须要有图片的地址,内容须要动态更新
TIM截图20190313184109.pngnuxt

接口设计

加入版本号,使用 HTTP 动词,加入版本号是为了之后有不兼容和破坏性的更改,能更容易的发布API,使用 GET POSt 是为了方便理解这个接口是获取数据仍是新加数据设计

TIM截图20190314111112.png

相关文章
相关标签/搜索