(全栈旅行足迹地图打卡网站 0-1)-项目旅行足迹布局-04(WebGIS Vue-js-go-mysql)

这一节主要介绍前后端分离项目的前端展示布局

专栏项目效果
(全栈旅行足迹地图打卡网站 0-1)-项目概述-01(WebGIS Vue-js-go-mysql)

之前讲了这个项目的大概内容和开发技术，前后端分离以及项目最后要做成的样子。然后这一节，我准备介绍一下旅行足迹项目的前端开发实况。

因为我用的是Vue和其相关的组件UI Element ui，所以具体的组件化的细节我就不在详细的说明，没学过的小伙伴可以先去Vue官网看看组件化和其相关的介绍，然后可以看看Element ui的UI组件。

因为是前后端分离的项目，所以下面就直接开始介绍项目展示的布局。

先看看我项目的展示图：

项目的布局图

对于项目的第一个部分的布局，也就是当鼠标点击“我的小脚丫”按钮时的页面。(红色线画的部分所出现的区域)

布局的目录结