qq_41650733的博客

首先本专栏是一个全栈项目的旅行足迹网站，定位是一个想要做开发的小伙伴，还有就是刚刚开始学习Web项目的大学生，想要做项目或者其他设计的学习源。也定位于目标想要快速上手 WebGIS 前端开发的小伙伴，所以开发了一个完整的足迹旅游网站(前后端分离的项目)。如果有小伙伴想放上网，我在专栏的后面也会详细讲解部署Linux服务器。

项目最后一个功能，项目完结

本节主要介绍足迹点总览效果，将标记在地图上的旅行足迹的城市记录下来。并且每移动到相应的城市都会有放大的效果。

本节主要介绍，项目中用的富文本编辑器`Vue-Quill-Editor`。也可以用`markdown编辑器`

前面介绍了足迹点的列表渲染，这一节主要介绍足迹点的新增功能。

本节主要介绍项目中的多图片上传，本项目单独将图片上传写为一个组件，增加了代码的简洁性和可见性。本项目因为是大部分基于Element ui组件库，所以用的上传组件也是该组件库的。`el-upload`

上一节查询所有数据，在数据很多的情况容易造成延时渲染，看着也不方便。所以这一节主要实现分页效果。

本节主要介绍旅行足迹项目网站的后台管理系统，因为对于前端的足迹需要对它进行增删改查，然后直接在前端代码上修改可行，但是不适用，所以我们需要建立一个后台管理系统，就能更加方便的对足迹进行增删改查的操作。

因为本专栏主要用到的是前后端分离的做法，对于初学者可能不是很理解。所以这节就介绍一下前后端分离项目的大致流程，以及前后端分离的实践操作。

本节主要介绍Web项目中的跨域问题，以及解决方法中间件。本节主要以GoWeb项目为例。

之前讲了这个项目的大概内容和开发技术，以及项目最后要做成的样子。然后这一节，我准备介绍一下旅行足迹网站项目的前端开发实况。因为我用的是Vue和其相关的组件UI Element ui，所以具体的组件化的细节我就不在详细的说明，没学过的小伙伴可以先去Vue官网看看组件化和其相关的介绍，然后可以看看Element ui的UI组件。因为是前后端分离的项目，所以下面就直接开始介绍项目展示的布局。

上一节`<el-main> <router-view/></el-main>`对于侧边栏(Sidebar)组件运用到了Router相关知识，对于初学者或者不是很明白这部分的小伙伴，我在这一节主要介绍一下这部分的知识。再介绍一下项目中实践运用到的**路由-router**的操作。

本节主要介绍Mysql和MariaDB，以及其相关搭建，因为需要存储数据，所以数据库在项目中的作用必不可少，本项目主要用到的是MariaDB，所以本节还会介绍MariaDB与后端的联系方式，以及MariaDB的操作方法。

这一节主要介绍旅行足迹的数据结构定义，数据获取，数据渲染操作，怎么从后端获取数据，又怎样将数据渲染到前端形成各个足迹点的效果。

上一节介绍了Vue的前端路由和数据渲染，所以这一节我们就直接介绍并实践操作"**旅行足迹点在地图上的显示**"