A03.从零开始前后端react+flask - 安装VS Code+安装falsk,sqlite

最新推荐文章于 2023-01-06 15:28:27 发布
最新推荐文章于 2023-01-06 15:28:27 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： 教程 A从零开始前后端react+flask 文章标签： 从零开始前后端react+faskl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GreatXiang888/article/details/103273834
版权

视频链接：https://www.bilibili.com/video/av77244066

安装VS Code

一款很好用的IDE：Visual Studio Code （简称VS code）
注意，不是Visual Studio，VS太大了。VS code比较小，用起来方便，python，js都可以编写。
官网 https://code.visualstudio.com/
下载：可以从官网下载，或者QQ群：952211102 群文件VSCodeUserSetup-x64-1.39.2.exe

VSCode的下载和安装
里面有详细的安装过程。

将VSCode设置成中文语言环境

安装falsk

pip install Flask

参考
Python3+Flask安装使用教程
后续会介绍Flask，可以先自己看看。

安装sqlite

在windows平台上安装sqlite3,并且python3.x调用

【2019年12月1日更新】
在别人电脑上操作，发现Flask和sqlite3都已经安装好了。(Flask可能anaconda安的，sqlite是python自带的。)

机智翔学长
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCodeUserSetup-x64-1.34.0.exe
05-29
Vscode是一款优秀的IDE编程开发工具，全面支持Windows，OS X和Linux，这里带给大家官方最新64位版本 for windows，全面支持JavaScript，同时还支持其他多种框架，可以全面满足广大开发者的编程开发需求，无与伦比的编程开发平台。
VSCodeUserSetup-x64-1.30.1.exe
12-22
VSCodeUserSetup-x64-1.30.1.exe
小白学习React+flask 搭建网站
C11611的博客
08-19 2038
注:此笔记只为学习记录,同时为正在准备入门学习React的同学提供参考. 目录: 一、 React 环境搭建并开发 1、React 环境搭建. 2、React 相关依赖包安装. 4、React 本地调用后端接口实现数据交互. 5、本地连接调试跨域问题解决. 二、Flask   环境搭建并开发.    1、Flask 环境搭建.    ...
vscode配置react开发环境
楠的博客
05-28 2879
1、安装 ES7 React/Redux/GraphQL/React-Native snippets 2、在设置-首选项下搜索Include Languages 在下面增加一项 javascript ，javascriptreact。如下图 3、搜索trigger，在Trigger Expansion On Tab选项前勾选。
react + flask web应用开发-前后端结合
qq_41303761的博客
01-06 796
react + flask web应用开发-前后端结合
React+Flask打造前后端分离项目开发环境
ShanSan
01-13 2984
文章目录前言Backend-FlaskFrontend-ReactDoneReferences 前言 新的一年，开始水第一篇技术文。碰巧最近React玩得多，撸一篇文章纪念一下开发环境的搭建。???? 原文：React+Flask打造前后端分离项目开发环境 开篇两问： 什么是React？：React，用于构建用户界面的 JavaScript 库（官网复制粘贴，真香，不用怎么写template了，...
A16.从零开始前后端react+flask - 将前端数据保存到数据库
GreatXiang888的博客
12-10 1800
上一节，我们讲了如何将前后端联系起来。 A15.从零开始前后端react+flask - 将前后端联系起来https://blog.csdn.net/GreatXiang888/article/details/103433215 在此基础上，我们需要将前端的数据，传递到后端，并且用数据库存储起来。 这里采用python自带的sqlite数据库。 逻辑： 点击“保存” -》 handl...
react-flask-todilo:React + Flask =待办事项！
05-12
这是Flask和React中的一个简单的待办事项应用程序。 它具有可排序的待办事项列表，并附加了SQLite数据库。设置确保已安装Python。 在您喜欢的终端上运行以下命令以安装依赖关系并开始使用。pip install Flaskpython...
react-flask-trivia:由React，Flask和SQLite制作的小型琐事游戏
05-10
React烧瓶琐事用React，Flask和SQLite制作的小型琐事游戏。 利用惊人的 。先决条件节点NPM 的Python 3安装克隆存储库，然后导航到根目录。 跑步npm install抓取所有NPM软件包。 然后，像这样使用Webpack构建分发包...
VSCodeUserSetup-x64-1.39.1.exe
08-05
VSCodeUserSetup-x64-1.39.1
VSCodeUserSetup-x64-1.28.2
11-08
VS Code for Windows, 版本是1.28.2 一个很好的代码编辑器
VSCodeUserSetup-x64-1.30.2
01-29
VSCodeUserSetup-x64-1.30.2，是2019年1月29日17:19:15的新版安装文件。
VSCodeUserSetup-x64-1.45.1.zip
06-08
VSCodeUserSetup-x64-1.45.1，码代码神器，windows版本，下载解压打开即可安装
VSCodeUserSetup-x64-1.39.2前端.exe
09-30
VSCodeUserSetup-x64-1.39.2前端.exe
Covid-Spy:Covid跟踪应用，前端使用React.js + Material-UI，后端使用Flask + SQLite3
05-03
一个设计并设计为使用React和Flask的COVID-19跟踪应用程序的Web应用程序。 创建该应用程序是为了提供一种更直观，更易于理解的方式来消化这些数据。 我学到的是 使用react和fetch调用来动态更新UI。 增强的API集成...
一个前后端兼备的图书管理系统，前端react，后端flask
06-21
总的来说，这个基于React和Flask的图书管理系统融合了现代Web开发的前沿技术，实现了前后端分离，提供了良好的用户体验。通过理解并掌握React的组件化开发和Flask的微服务架构，开发者可以构建出更多高效、稳定且...
CollabHERative-React-Flask-Python-Web-App:[CollabHERative]社交网络应用程序，可为科技界女性及其盟友建立社区
03-14
4. **数据库集成** - 虽然具体使用的数据库未在描述中明确，但考虑到Flask的常用实践，项目可能使用SQLAlchemy或Flask-SQLAlchemy作为ORM（对象关系映射）工具，与MySQL、SQLite或PostgreSQL等数据库系统配合，存储...
VSCodeUserSetup-x64-1.40.2.zip
04-30
VSCode 是一个非常优秀的编写现代 Web 和云应用的跨平台源代码编辑器，集成了编写前端开发的很多功能，支持目前市面上的大多数前端框架，还可以验证代码格式，调试，运行等
Python电影售票系统管理的前后端代码
最新发布
06-23
在Python中构建一个电影售票系统，通常会涉及前后端分离的开发。前端使用HTML、CSS和JavaScript（可能还会结合React或Vue等框架）来创建用户界面，后端则使用Python的Web框架，如Django或Flask，处理业务逻辑和数据交互。 **前端代码示例（假设用React）：** ```jsx // 前端组件 - MovieTicket.js import React, { useState } from 'react'; import axios from 'axios'; function MovieTicket() { const [movieName, setMovieName] = useState(''); const [showtimes, setShowtimes] = useState([]); function selectShowtime(showtime) { // 发送POST请求到后端获取选座信息 axios.post('/api/tickets', { movieName, showtime }) .then(response => { console.log(response.data); }) .catch(error => { console.error('Error selecting showtime:', error); }); } return ( <div> <input type="text" value={movieName} onChange={(e) => setMovieName(e.target.value)} /> <select onChange={(e) => setShowtimes(e.target.value)}> {/* 显示可用场次 */} {showtimes.map((showtime, index) => ( <option key={index} value={showtime}>{showtime}</option> ))} </select> <button onClick={() => selectShowtime(showtimes)}>选择</button> </div> ); } export default MovieTicket; ``` **后端代码示例（使用Flask）：** ```python from flask import Flask, request, jsonify from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///tickets.db' db = SQLAlchemy(app) class Showtimes(db.Model): id = db.Column(db.Integer, primary_key=True) movie_name = db.Column(db.String(80), nullable=False) showtime = db.Column(db.String(10), nullable=False) @app.route('/api/tickets', methods=['POST']) def buy_ticket(): data = request.get_json() new_ticket = Showtimes(movie_name=data['movieName'], showtime=data['showtime']) db.session.add(new_ticket) db.session.commit() return jsonify({'message': 'Ticket purchased successfully'}), 201 if __name__ == '__main__': app.run(debug=True) ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值