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

本文详细介绍了使用Vue.js和Element UI构建的全栈旅行足迹地图打卡网站的前端布局,包括项目的展示图、布局图、目录结构以及WebGisSidebar.vue组件的实现,重点讲解了el-menu的数据封装和main的布局代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

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

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

先看看我项目的展示图:

在这里插入图片描述

项目的布局图

在这里插入图片描述

对于

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一个小肥羊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值