Vue+Python 前后端分离Web开发框架(适合狐表进阶玩家)

Vue+Python 前后端分离Web开发框架(适合狐表进阶玩家)

发表日期: 2025-06-19
平台类型: Web
产品价格: 600元-1600元
功能简介: 在上面那套狐表前后端分离框架下,把Python的Fastapi作为新后端平替,适合熟练我狐表Web框架的人进阶使用。保持相同的前端框架、菜单管理、用户管理、功能权限、数据权限开发习惯。

1.开发框架介绍

        这是基于《Vue+Foxtable 前后端分离Web开发框架》,把Python的Fastapi作为新后端,进阶使用,保留相同的前端框架、用户管理、功能权限、数据权限思路。

2.为什么要换成Python呢?

 因为python的第三方库是最强大的,在遇到特殊需求的时候,它都会有库作为解决方案。选它作为大型和长期项目的后端,等于为自己留一条最强的后路

如果你已经熟练使用狐表,又遇到大型项目,怕后期遇到技术瓶颈,就可以考虑升级这个框架。

image.png

3.Python里有哪些平替的库,可以实现狐表类似的功能?

既然介绍使用新框架,那狐表原来能实现的,这边也要能实现,才能安心过渡,实施项目。

  1. http请求各种api数据的库(类似狐表HttpClient):同步的requests、异步的Httpx

  2. mssql数据库连接驱动(类似狐表的数据库连接):pyodbc,配合微软的odbc17驱动

  3. 表的读写工具(类似于狐表的DataTable,也称为ORM框架):Sqlalchemy

  4. 100万行级别数据导入数据库工具(类似于Sqlblukcopy):pandas

  5. 对接Chrome浏览器并获取网页元素内容(类似于狐表WebBrowser):Selenium

  6. excel报表打印(类似于狐表专业报表的):xlsxwriter

  7. pdf打印(类似于狐表的PDFCreator):reportlab

4.为什么要选择Fastapi呢?

    因为这个是最简单的api框架工具,没有Django之类的历史负担,天生就是高性能异步框架,作为后端,它足够强大,官方也有中文文档。不过现在很少人看文档了,上手直接问ai,让ai教你写代码就行了。

    官方中文文档:https://fastapi.tiangolo.com/zh/

image.png

image.png

它有多快多简单?你看它写一个Hello World api,就这么简单

from typing import Union
from fastapi import FastAPI

app = FastAPI()


@app.get("/")
def read_root():
    return {"Hello": "World"}


@app.get("/items/{item_id}")
def read_item(item_id: int, q: Union[str, None] = None):
    return {"item_id": item_id, "q": q}

5.产品定价

6.在线试用

1)电脑端体验

体验地址:https://f1.mbldt.com/

账号:zhangsan

密码:aaa123##

(试用请不要修改密码,谢谢,方便其他人体验。如果密码不对,请联系我重置)


2)手机端体验

image.png

或者网址:https://m.f1.mbldt.com/

手机端与PC端是同一套后台,所以账号密码与数据都是一样的。

它们都部署在腾讯云上,使用nginx反向代理,启动好免费的SSL证书,都是HTTPS协议。

7.界面截图

7.1手机端界面截图

image.pngimage.png

image.pngimage.png

image.pngimage.png

image.pngimage.png

  7.2电脑端界面截图


image.png

 7.3Fastapi后端截图

image.png

image.png

8.框架说明

8.1 架构图

image.png

image.png



8.2 请求流程说明

前端发起请求,Axios统一拦截,headers增加Bearer 的Jwt令牌(未登录就不用添加),最终请求格式为json。

fastapi后端的uvicorn负责监听请求。收到前端发过来的请求后,main.py会有检查Referer是否非法跨域、检查是否为请求文件,匹配到本地文件,则直接返回文件。如果是api请求,router会转发到相应方法,然后进行业务处理,最后把处理的结果返回给前端,前端解密后,进行页面渲染。

       身份校检,用的是fastapi推荐的oauth2-jwt模式,所以要彻底看懂官方的说明:https://fastapi.tiangolo.com/zh/tutorial/security/oauth2-jwt/

image.png

8.3 后端

  1. Fastapi最新版

  2. redis库

  3. mssql2008库(选这个,是为了能兼容狐表,这样我将来还能拓展用狐表做exe开发)

8.4 PCWeb端

  1. 基础框架用Vue_cli3+node.js+webpack,

  2. UI框架使用elementUi

  3. 后台整体框架使用d2admin,

  4. 表格功能使用vxe-table,基于elementui表格升级改造的

image.png

8.5 移动端

  1. 基础框架用HBuilderX+uni-app, uni-app是个流应用的创始人,微信小程序也是用它的核心技术实现的。所以这个框架,在移动端的跨平台里,非常强大

  2. 样式框架采用uViewUi 1.0(我觉得它比2.0更好用更灵活!)

image.pngimage.png




商务联系QQ : 2385350359

Copyright 2016-2024 江门蓬江区华越科技公司 版权所有 | 承接软件定制开发,欢迎联系
粤ICP备19148806号-5