首页 > 其他分享 >VUE+FastAPI结合高德地图API做一个旅游推荐系统

VUE+FastAPI结合高德地图API做一个旅游推荐系统

时间:2023-05-30 12:22:11浏览次数:44  
标签:VUE FastAPI 地图 API 高德 赏花

最近一个月没有更新博客,去写了一个系统,包含前台和后台,还有后端的API。前后台使用VUE+高德地图API,后台使用FastAPI,实现了一些基本的功能。

前台部分

因为我也是前端初学者,写的比较乱

基础功能

地图部分

后台部分

因为是课设,实在是不想再去搞鉴权了,没有鉴权

后端部分

这部分使用sqlalchemy和FastAPI

演示视频

前台部分

<iframe allowfullscreen="true" border="0" frameborder="no" framespacing="0" scrolling="no" src="//player.bilibili.com/player.html?aid=954140691&bvid=BV12s4y1T7KY&cid=1146721691&page=1"></iframe>

其余部分有时间会录一下视频,等课设汇报完会开源在我的GitHub上,欢迎fork

我的GitHub:https://github.com/weltme

标签:VUE,FastAPI,地图,API,高德,赏花
From: https://www.cnblogs.com/tangjielin/p/17442788.html

相关文章

  • 【掌握接口开发技巧 打造可靠的API接口】按关键字搜索商品
    作为一名程序员,在开发过程中经常需要开发API接口来实现数据的传输和交互等功能。本文将介绍程序员如何开发API接口,并提供一些实用的技巧。第一步:设计接口文档在开发API之前,我们需要先设计接口文档。接口文档包括接口名称,参数名称和类型,返回值格式等信息。接口文档可以帮助我们更好......
  • vue3.0路由的两种方式
    import{createRouter,createWebHashHistory}from'vue-router'constroutes=[{path:'/',name:'index',component:()=>import('./pages/index.vue')//异步加载}]constrouter=createRouter(......
  • vue模拟el-table演示插槽用法
    vue模拟el-table演示插槽用法很多人知道插槽分为三种,但是实际到elementui当中为什么这么用,就一脸懵逼,接下来就跟大家聊一聊插槽在elementui中的应用,并且自己写一个类似el-table的组件vue的slot分为三种::匿名插槽,具名插槽,作用域插槽,主要作用:让父组件可以向子组件指定位置插入......
  • Elasticsearch专题精讲——API规范——多索引
    API规范——多索引ElasticsearchRESTAPI使用HTTP协议,采用JOSN格式。 大多数API都支持跨多个索引执行,可以使用简单的test1,test2,test3表示法(或对所有索引执行,用_all)。它还支持通配符,例如test*或te*t或*test,以及排除(-),例如-test3. 所有多索引API都支持以......
  • api框架和UI框架
    1.先建一个统一管理pytest插件的requirements.txt文件.然后安装这些第三方库(注意重复安装)2.再建一个项目根目录的pytest.ini文件配置各种参数和环境的各种基础路径base_url,便于主函数或者命令行在根目录下能找到用例并执行(注意编码格式)3.创建装饰器又叫全局性夹具conftest.py用......
  • vue前端的avue-crud操作
     1、在js中获取某个字段的属性,或设置字段的值:constcolumn=this.findObject(this.option.column,"parentId");column.disabled=true;//设置为禁用此字段column.value='1';//设置parentId字段的value值console.log("column属性:",co......
  • Vue基本知识1,安装创建以及常用指令
    Vue基本知识1,安装创建以及常用指令1.Vue的概念概念vue是一个渐进式的JavaScript开发框架;基于MVVM实现数据驱动的框架官网还可以用来做SPA(singlepagewebapplication):一个网页就是一个应用;例如网易云特点体积小速廈快数据双向绑定生态丰富学习成本低2.安......
  • 基于JAVA的springboot+vue医院信息管理系统、医院挂号管理系统,附源码+数据库+论文+PPT
    1、项目介绍任何系统都要遵循系统设计的基本流程,本系统也不例外,同样需要经过市场调研,需求分析,概要设计,详细设计,编码,测试这些步骤,基于java语言设计并实现了医院信管系统。该系统基于B/S即所谓浏览器/服务器模式,应用java技术,选择MySQL作为后台数据库。系统主要包括首页,个人中心,用户......
  • Vue3 ,html 修改滚动条样式
    /*滚动条*/body*::-webkit-scrollbar{width:5px;height:10px;}body*::-webkit-scrollbar-track{background:#fff;border-radius:2px;}body*::-webkit-scrollbar-thumb{background:rgb(205,206,206);border-radius:10px;}body*::-webk......
  • Vue横向滚动条拖动事件
    <template><divclass="scroll-container"ref="scrollContainer"v-on:mousedown="handleMouseDown"v-on:mousemove="handleMouseMove"v-on:mouseup="handleMouseUp"><div......