学习一下前后端分离技术,前端采用三大框架之一的Vue.js,后端则采用Python的FastAPI框架。 一、前端设计 1.建目录 mydemo 2.在mydemo目录下打开命令行,运行:npm init vue@latest (这里如果cmd卡死了,就ctrl + C 结束,再次运行npm init vue@latest ) 3.工程名设置为frontend ,其余按默认 4.按提示依次运行: c...
本着不断学习的理念,现计划学习一下前后端分离技术,前端采用三大框架之一的Vue.js,后端则采用Python的FastAPI框架。 关于这两个框架,都有十分详细的中文文档,照着做没有什么问题,只是将前后端合在一起实现通信时,会有一点小麻烦,就目前网上查找到的各种示例来看,要么过于复杂,期间夹杂了太多的数据逻辑,要么语焉不详...
通常demo网站很简单,是一个新手上车的第一步,今天我用 fastapi+vue3+mysql8终于实现了demo网站的开发,记录整个过程,非常有实战价值,值得每一个新手学习。这里能学到几个知识,第一个就是前后端分离,解决跨域问题,然后就是http异步请求,提高并发。 网站是本地开发的,访问前端的127.0.0.1:8080/api/,会转发到后台的...
1⃣ FastAPI —— 快速的后端框架 🚀 高性能:基于Starlette和Pydantic,性能比传统框架快3-5倍! 异步支持:原生支持async/await,大幅提高并发处理能力! 自动文档生成:内置OpenAPI和Swagger,无需额外配置! 2⃣ Vue3 —— 轻量级现代前端框架 🎨 Composition API:提升代码可维护性,使代码更清晰! 响应式UI + El...
在使用Vue3和Fastapi做前后端分离项目时,前端调用接口console报错: No 'Access-Control-Allow-Origin' header is present on the requested resource 解决方法 在网上找了一圈方案无果,最终在Stackoverflow上看到一个低赞回复,意思是调整Fastapi add_middleware在文档中的位置,尝试下居然可以。 原先代码中的位置如下: ...
前端部分https://github.com/123summertime/Mk.IX-Client后端部分https://github.com/123summertime/Mk.IX-ServerOneBot v11实现,用于兼容聊天机器人框架https://github.com/123summertime/Mk.XI在这里也可以自由的使用现有的,大部分NoneBot/Koishi插件。, 视频播放量 138
基于Vue3+Element Plus+FastAPI开发的一个通用中后台管理框架(若依的FastAPI版本),支持代码生成。A general middle and backend management framework developed with Vue3 + Element Plus + FastAPI (FastAPI Edition of RuoYi), supporting code generation. - Release
前端设计使用官方脚手架工具Vue CLI创建项目，将工程命名为frontend，与后端文件夹backend分开。生成的项目结构包含所需文件，通过简化App.vue实现基本页面。通过官方工具自动创建的文件结构简化了工作流程。后端设计安装FastAPI，创建backend文件夹存放后端文件，编写main.py文件实现基本服务器。运行main.py启动后端...
最近构思实现了一个小demo网站,前端上传文件,后端分析文件,最后前端展示,整个过程还是蛮有意思的,刚刚开始学习网站开发,还有很多不会的地方,这里演示fastapi+vue3文件上传,上传的excel文件直接存入mongo中,读也是从mongo中读。 后台代码: #!/usr/bin/env python# -*- coding: utf-8 -*-# @Time : 2024/1/19...
需要一定的FastAPI基础知识,前后端分离管理系统项目实战发布者 关注 慧码逸学 张大鹏,全栈工程师,国内IT学习平台“Python私教”创始人。 课程概述 评论(26) 需要一定的FastAPI基础知识,前后端分离管理系统项目实战 常见问题 Q:课程在什么时间更新? A:课程更新频次以页面前端展示为准。购买成功后,课程更新将通过账号动态...