目录一、绘制网站页面1.1 绘制输入框1.2 绘制表单二、flask后端接口三、前后端数据交互 在本章中,我们能学到: 1.Element 中的输入框、按钮、消息提示组件的使用 2.axios 发送异步数据的操作 3.用 Flask 框架开发一个完成的后端接口项目源码地址:https://gitee.com/myrensheng/encryption我们在网上搜索md5加密,会出来很多的网站,
转载 2024-06-05 11:39:25
43阅读
## 使用VueFlask查询MySQL数据的流程 在这篇文章中,我将教会你如何使用VueFlask查询MySQL数据。下面是整个过程的步骤概览: ```mermaid journey title 查询MySQL数据的流程 section 前端Vue部分 小白 -> 创建Vue应用: 创建一个新的Vue应用 小白 -> 安装Axios: 在V
原创 2023-09-15 10:47:30
178阅读
# 实现Vue Flask MySQL登录注册 ## 导言 在Web开发中,用户登录和注册是非常常见的功能,本文将教会你如何使用VueFlaskMySQL来实现用户登录和注册功能。首先,我们将给出整个实现流程的表格展示,然后详细介绍每一步要做的事情以及需要使用的代码,并对代码进行注释。 ## 实现流程 下面是实现“Vue Flask MySQL登录注册”的流程图: ```mermaid
原创 2024-01-21 05:43:49
902阅读
1评论
单页应用,只加载一个主页面,然后通过 AJAX 无刷新加载其它页面片段。表面上看,就只有一个 HTML 文件,所谓单页。开发上,做到了前后端分离,前端专注于渲染模板,而后端只要提供 API 就行,不用自己去套模板了。效果上,页面和共用的 JS、CSS 文件都只加载一次,能减轻服务器压力和节省一定的网络带宽。另外,由于不需要每次都加载页面以及共用的静态文件,响应速度也有一定提高,用户体验比较好。当然
转载 2024-01-05 19:36:58
255阅读
创建项目虚拟环境及安装相关依赖创建项目在项目内打开设置 第一步 第二步 打开项目终端查看虚拟环境是否成功 如果没有成功则需要手动开启 虚拟环境配置好后要安装相关依赖 讲有含有依赖名称的文件放到项目内 然后打开项目终端进行安装 安装好之后可以输入 pip list查看一下是否全部安装创建flask结构利用工程模式创建app 在根目录创建create_app.py文件 在里面进行编写from flas
转载 2024-07-20 17:59:21
967阅读
"Route"在英语中的含义是路线、路径或者航线³。在计算机网络中,它被用来描述数据包在网络中的传输路径。因此,当这个词被翻译成中文时,我们通常使用"路由"这个词,因为它很好地传达了"route"的含义¹²。至于FlaskVue.js,它们可以一起创建现代Web应用程序。Flask是一个轻量级的Python Web开发框架,而Vue.js是一个前端视图库,是一个MVVM框架⁶。以下是一个简单的步
原创 2023-12-29 14:31:39
215阅读
一、使用python连接数据库要记得名字和密码都要用自己设置的,不然会报错:from flask_sqlalchemy import SQLAlchemy db = SQLAlchemy()HOSTNAME = '127.0.0.1' PORT = '3306' USERNAME = 'root' PASSWORD = '123456' DATABASE = 'daimakuangjiashix
Description 用 Vue.js 搭建前端,使用 echarts 做数据可视化,数据从 Flask 搭建的后端提供的 API 获取,后端用 pymysql 访问 MySQL 获取数据。写一个尽可能简单的 demo 实现这一套流程。 Solution 我们从 MySQL 中的数据开始一步步往前 ...
转载 2021-07-12 16:09:00
2542阅读
2评论
# Flask Vue MySQL系统登录详解 ## 1. 简介 在本文中,我将教会你如何使用FlaskVue.js和MySQL来实现一个系统登录功能。系统登录是Web应用中常见的功能之一,它允许用户注册并登录到系统中,以便访问其所需的功能和信息。我们将使用Flask作为后端框架,Vue.js作为前端框架,MySQL作为数据库。 ## 2. 整体流程 以下是实现系统登录的整体流程图: ``
原创 2023-09-13 08:49:11
742阅读
# 使用 VueFlaskMySQL 实现增删改查(CRUD) 在这一篇文章中,我们将学习如何使用 Vue 作为前端框架,Flask 作为后端框架,以及 MySQL 作为数据库,实现一个简单的增删改查(CRUD)应用。我们会通过具体的步骤和代码示例来理解整个过程。 ## 流程概述 我们将项目拆解成几个简单的步骤。以下是实现的流程: | 步骤 | 描述
原创 10月前
250阅读
flask+vue模型部署学习笔记(1)整体架构梳理0.准备工作 在模型部署之前,预先安装好vueflask所需要的环境。(1)首先前端vue需要安装:1.安装node.js软件 2.安装cnpm(解决npm下载慢的问题,利用淘宝镜像源下载) 3. 安装vue-cli脚手架 4.安装webpack打包 5. 安装axios模块(2)后端flask需要安装:1. 安装 flask模块 2. 安装f
转载 2023-09-08 10:13:04
292阅读
flask+vue部署阿里云Ubuntu服务器教程,非常详细1.我买的是轻量级服务器 ubuntu20.04 重置密码后点击远程连接 轻量级服务器需要切换到root账号 sudo su root,其他也大致一样部署; 2运行python3 –version 查看是否安装pyhon3; 3下载安装pip3 sudo apt-get update sudo apt-get install python
转载 2023-12-23 18:46:04
220阅读
前言:看了一些国外的关于介绍flaskvue的前后端分离的文章,但没看到比较通俗易懂,代码完善的,直到昨天看到一篇新出的文章,而且内容非常棒,所以翻译过来,供大家一起学习。原文来自Developing a CRUD App with Flask and Vue.js正文:下面会逐步演示通过FlaskVue如何完成一个基本的CRUD应用程序。我们将从搭建框架开始,使用Vue CLI构建一个新的V
推荐阅读什么是Web框架Python Web应用工作流程下面图来自网上: WSGI 为什么需要建立WSGI规范pep-3333建议在Web服务器和Web应用程序/Web框架之家建立一种简单统一的接口规范, 即Python Web服务器网关接口(简称WSGI)。以确保Web应用程序在不同的Web服务器之间具有可移植性。参考资料pep-3333译文pep-3333编写代码代码部分参考的是手撸个简单
1.开发案例1.1.项目一:任务列表1.1.1.开发步骤        (1)系统规划        任务列表(当前任务、已完成、未完成)、创建/编辑任务、废弃任务、执行任务、删除任务       (2) 业务逻辑        创建任务,
转载 2024-06-17 20:39:17
33阅读
一、前言前面已经做了Flask-admin库的基本介绍和几个库常用功能如何使用,若不了解请移步到以下博客:1、?《【Python成长之路】基于Flask-admin库,编写个人工作平台代码详述》2、?《【Python成长之路】基于Flask-admin库,编写个人工作平台代码 -- 进阶版》 此篇文章主要是讲述: 1、结合pyecharts库实现图表展示2、结合flask+html+vu
转载 2023-11-29 11:28:07
124阅读
Flask-Vue前后端分离最近学习了一下前后端分离技术,前端用的是Vue,后段用的是Flaskvue官网:开源的 Javascript 框架,vue是一套构建用户界面的渐进式框架,Vue采用自底向上的增量开发设计。vue是轻量级的,有很多独立的功能和库。 vue.js满足当前webapp项目的开发需求,MVVM框架诞生,而Vue.js便是这样一种js框架。两大核心:数据驱动和组件化。Flask
转载 2023-06-06 09:05:41
217阅读
一、写在前面  在Web开发中,数据库操作是很重要的一部分,因为网站的很多重要信息都保存在数据库之中。而Flask在默认情况下是没有数据库、表单验证等功能的,但是可以用Flask-extension为Web应用添加这些功能。 二、Flask SQLite  SQLite是一款轻型的数据库,是遵守ACID的关系型数据库管理系统。由于Python对SQlite有内置的支持,因此在Flask
转载 2024-06-07 17:49:15
131阅读
之前一段时间一直在学习 python,后来在项目中用 weex 时接触到了 vue.js,本来 python 是自己想学的一门技术,weex 是项目需要,必须了解些 vue.js 方面的语法,所以为了加深对这两门技术的了解,一直在想怎么在实际项目中使用这些技术。刚好,团队中有一个分析App性能分析的需求,被分配统计Android 页面启动时间,针对本地调试,可以通过跑 python 实现,
转载 2024-01-11 00:34:23
22阅读
Flask诞生于2010年,是Armin ronacher(人名)用 Python 语言基于 Werkzeug 工具箱编写的轻量级Web开发框架。 Flask 本身相当于一个内核,其他几乎所有的功能都要用到扩展(邮件扩展Flask-Mail,用户认证Flask-Login,数据库Flask-SQLAlchemy),都需要用第三方的扩展来实现。比如可以用 Flask 扩展加入ORM、窗体验
转载 2023-07-11 16:44:29
189阅读
  • 1
  • 2
  • 3
  • 4
  • 5