之前一段时间一直在学习 python,后来在项目中用 weex 时接触到了 vue.js,本来 python 是自己想学的一门技术,weex 是项目需要,必须了解些 vue.js 方面的语法,所以为了加深对这两门技术的了解,一直在想怎么在实际项目中使用这些技术。刚好,团队中有一个分析App性能分析的需求,被分配统计Android 页面启动时间,针对本地调试,可以通过跑 python 实现,
转载 2024-01-11 00:34:23
22阅读
# 使用FlaskVue.js进行数据交互 在现代Web开发中,后端框架与前端框架协同工作已经成为一种趋势。Flask是Python的一款轻量级Web框架,而Vue.js则是一个高效的JavaScript框架,常被用于构建用户界面。本篇文章将结合FlaskVue.js进行数据交互的基本实现。 ## 项目结构 在开始之前,我们先看看项目的结构: ``` /myapp ├── ap
原创 2024-09-25 07:05:15
319阅读
1. 代码管理1.1 创建仓库github 上创建仓库:flask-vuejs-madblog,并选择开源协议为 MIT License(也可以选择 gitee,速度快一些比之 github)。克隆仓库到本地# 找一个地址,打开 Git Bash cd F:\My Projects\ git clone https://gitee.com/hubery_jun/flask-vuejs-madbl
转载 2023-12-18 15:12:35
300阅读
## Vue前端与Python Flask交互 ### 简介 Vue是一个流行的JavaScript框架,用于构建现代化的用户界面。Python Flask是一个轻量级的Web框架,用于构建Web应用程序。在开发过程中,Vue前端可以与Python Flask后端进行交互,以实现数据的传输处理。 本文将介绍如何在Vue前端Python Flask后端之间进行交互,并提供代码示例。首先,
原创 2023-09-01 05:36:19
1010阅读
简介 本博文主要的知识点表单处理以及flask-wtf的使用上传文件的验证、重命名、保存等方法flask下cookie技术的基本使用session的初始化基本使用表单是用户收集信息的各种表单元素的集合区域,他的作用是实现用户和服务器的数据交互。form表单是web应用中最基本的一部分,为了能处理form表单,flask-wif拓展模块提供来了良好的支持。使用flask处理通用表单app.py f
转载 2023-07-14 14:56:20
106阅读
文章目录5.1 使用Flask处理表单5.1.1 使用Flask处理通用表单5.1.2 使用Flask-WTF处理表单5.2 使用Flask上传文件5.3 Cookie的使用5.3.1 Cookie的基本概念5.3.2 Cookie的基本使用5.4 Session的使用5.4.1 Session的基本配置5.4.2 Session的基本使用 5.1 使用Flask处理表单什么是表单(Form)?
转载 2023-11-13 13:58:51
11阅读
前言本次用element-ui的table组件,简单案例演示下前后端数据交互。前提声明:如果不知道如何在vue中引入element-ui,可以先看下这篇文章:Vue引入并使用Element-UI组件库的两种方式静态页面首先先写一个静态页面吧,数据都是死的,这也是element-ui的table组件demo:直接把代码复制到组件里面即可。这样一个静态组件就写好了:但是这样只是一个静态的,我们开发中往
转载 2024-06-15 22:35:19
55阅读
一:关系型数据库 mysql  Flask-SQLAlchemy管理关系型数据库。  mysql数据库引擎:url : mysql://username:passowrd@hostname/database安装相关依赖包:    pip install flask-sqlalchemy    pip install flask-mysqldb  如果使用mysql数据库需要安装这个依赖包
转载 2023-07-14 14:57:05
99阅读
Flask小帅锅为什么我们使用Flask呢?他有什么闪光点呢?现在听我慢慢道来Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ,模板引擎则使用 Jinja2 。不要看他小,但是他其实也是应了一句话,叫做“麻雀虽小五脏俱全”。Flask保留了扩增的弹性,可以用Flask-extension加入这些功能:ORM、窗体验证工具、文件上传、各
转载 2024-06-14 04:41:22
49阅读
目录一 前段Vue二 后端Python三 python项目迁移至离线环境四 node.js部署vue代码1 用npm管理项目2 安装express3 目录里新建服务器的主文件 server.js,写入如下代码4 启动服务器5 访问服务器信息6 部署前端静态资源7 解决路由为history模式的报错五 Node.js Error: Cannot find module express的解决办法六
转载 2023-08-16 04:15:01
667阅读
一:从前端接收查询字符串  query-string  注意:getpost都可以在url后面添加查询字符串?a=1&b=2测试工具:postman  1:get方式接收视图函数 from flask import Flask from flask import request app = Flask(__name__) @app.route("/index") def g
转载 2023-06-26 14:53:41
694阅读
# Flask 实现 MySQL 数据交互 ## 一、整体流程 ```mermaid journey title Flask 实现 MySQL 数据交互流程 section 步骤 创建 Flask 应用 -> 连接 MySQL 数据库 -> 创建数据库表 -> 实现数据操作功能 ``` ## 二、具体步骤 | 步骤 | 操作 | | ---- |
原创 2024-05-24 03:19:36
148阅读
# FlaskJavaScript前后端数据交互 在现代的Web开发中,前后端数据交互是一个非常常见的需求。Flask作为一个轻量级的Python Web框架,可以与JavaScript进行无缝的数据交互。本文将介绍如何使用FlaskJavaScript实现前后端数据交互,并提供代码示例。 ## 1. Flask简介 Flask是一个简洁而灵活的Python Web框架,它使用Pytho
原创 2023-08-16 13:09:48
2162阅读
前言:看了一些国外的关于介绍flaskvue的前后端分离的文章,但没看到比较通俗易懂,代码完善的,直到昨天看到一篇新出的文章,而且内容非常棒,所以翻译过来,供大家一起学习。原文来自Developing a CRUD App with Flask and Vue.js正文:下面会逐步演示通过FlaskVue如何完成一个基本的CRUD应用程序。我们将从搭建框架开始,使用Vue CLI构建一个新的V
业务场景:前后端分离需要对接数据接口。接口测试是在postman做的,今天才开始前端对接,由于这是我第一次做后端接口开发(第一次嘛,问题比较多)所以在此记录分享我的踩坑之旅,以便能更好的理解,应用。问题:前端ajax请求后端接口出现跨域问题,如下图。 翻译:因为响应头没有"Access-Control-Allow-Origin",所以接口拒绝把数据返回给前端。什么是Access-Con
转载 2023-11-16 10:11:58
44阅读
一、父子组件传值基本概念在Vue中,父子组件间的数据流向可以总结为prop向下传递,事件向上传递,即父组件通过prop给子组件下发数据,子组件通过自定义事件给父组件发送信息。   (1) 父组件给子组件传值父组件通过属性传值,子组件利用props接收值// 给子组件传入一个静态的值: <child title="哈哈" /> // 传动态的值,需要v-bi
转载 2023-12-14 19:34:46
88阅读
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。HTML简介HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言
项目说明MintLeaf-Fast是一个基于SpringBoot2.0开发的,轻量级的,前后端分离的Java快速开发平台开箱即用,节省开发时间,提升开发效率,能够快速开发项目并交付的接私活利器支持MySQL、Oracle、SQL Server等主流数据库项目特点代码简洁,注释丰富,上手容易,提供基础模块(用户管理,角色管理,菜单管理,代码生成等8个模块),可以直接作为一个后台管理系统的脚手架友好的
背景: 小鱼第一次前端用的VUE,然后前后端的交互调了几次,记录下来留给自己下次使用 前端 通过 form.XXX 获取数据,代码: script代码如下: script通过 this.$http.post 与后端交互, 1.打印日志使用 window.console.log(data); 之前ht
原创 2022-08-11 22:47:50
296阅读
Flask 蓝图基本建立安装配置flask_scriptflask_migrateflask_wtf目录步骤布置配置环境config.pyoasys/user/__ init__ .pyoasys/__ init __.py类模型oasys/user/models.py视图类oasys/user/views.py文件运行manage.py初始化数据数据数据考勤部门类新闻类权限表类职员类职位职
  • 1
  • 2
  • 3
  • 4
  • 5