GreatXiang888的博客

接触过数据库的同学，都知道我们需要4个操作：“增删改查”。增：插入数据。A16.从零开始前后端react+flask - 将前端数据保存到数据库删：删除数据。A19.从零开始前后端react+flask - 删除前后端数据改：修改数据。A18.从零开始前后端react+flask - 修改前后端数据查：今天讲。视频讲解见评论区，代码见qq群（952211102）。项目背景插入一条数据...

接上文 A18.从零开始前后端react+flask - 修改前后端数据一找到HomePage.js中<Icon type="close" title="删除" style={{ color: '#ee6633', marginLeft:12}} onClick={() => this.deleteConfirm(staff)} />说明点击“删除”图标后，调用了del...

一点击“管理员”，出现修改图标，点击后会调用showUpdateDialog()函数。修改HomePage.js中 showUpdateDialog(item){ if(item===undefined){ //如果item未定义，则表示新增 item = {}; } // console....

接A16节前端1，HomePage.js 中加入： getData(){ HttpUtil.get(ApiUtil.API_STAFF_LIST+0) //获取所有数据 .then( staffList =>{ this.mAllData = staffList...

上一节，我们讲了如何将前后端联系起来。A15.从零开始前后端react+flask - 将前后端联系起来https://blog.youkuaiyun.com/GreatXiang888/article/details/103433215在此基础上，我们需要将前端的数据，传递到后端，并且用数据库存储起来。这里采用python自带的sqlite数据库。逻辑：点击“保存” -》 handl...

视频链接：https://www.bilibili.com/video/av78415640前端：react，后端：flask，我们在前面课程中都已经分别单独学习。那么，怎么把前后端联系起来呢？这是系列教程，前面基础部分可以查看博客其他内容。（这节课信息量稍微有点大，建议多看几次）这里面的坑实在是太多了，我一个一个自己踩过才知道。添加ApiUtil.js一些接口，暂时还用...

视频链接：https://www.bilibili.com/video/av78415119需求：业务、金额、卡号等是必填项；输入框 宽度不完全相同；业务为选择框，当选择‘续卡’时，‘导购员’不能输入；卡号、姓名、手机后面需要加搜索，后续可以通过输入某一个，再点击搜索，自动补全其他两项。补充功能：打开表单，点击‘保存’，需要拿到这些数据。（绑定）双向绑定...

视频链接：https://www.bilibili.com/video/av78069614基于es6三点运算符的使用方法(实例讲解) https://www.jb51.net/article/125556.htmForm表单 https://ant.design/components/form-cn/Select选择器 https://ant.design/compone...

视频链接：https://www.bilibili.com/video/av77963619箭头函数与普通函数的区别：https://www.cnblogs.com/biubiuxixiya/p/8610594.html见视频讲解。功能点击“管理员”链接，多弹出一列（管理员：删除，修改）。再点击“返回”，变为原来。代码import React from 're...

视频链接：https://www.bilibili.com/video/av77854544这节课讲antd的表格，组件对应的官网：https://ant.design/components/table-cn/使用方法修改HomePage.js为import React from 'react';import {Layout, Table } from 'antd';co...

视频链接：https://www.bilibili.com/video/av77725321代码蓝本本套教程是以https://github.com/xwh817/staff-manager （代码文件staff-manager.rar可见QQ群：952211102 ）为蓝本，肯定有比他写的更好的，但作为初学者，已经足够了现阶段，我们要做的项目，初期版本“卡片管理系统V0.1”，x...

从A08，可知在本地如何新建react/ antd项目。步骤一在VS code中打开test2文件夹，找到src目录下App.js，修改function App()即可。但不幸的是，编译失败，原因，没有下载对应的包antd步骤二用npm安装指定版本的包npm install --save antd@3.15.1其中，--save作用：安装的包将写入package.json里面的de...

A07答案：Button 资料将index.js修改为：import React from "react";import ReactDOM from "react-dom";import {version, Button} from "antd";import "antd/dist/antd.css";import "./index.css";ReactDOM.render( ...

忘了说了，csdn博客上只是记录了教学大纲和笔记，本套教程有详细的视频解说，见B站（https://space.bilibili.com/51723516）在线观看，另外qq群里有教学代码，之后可能会定期上传到GitHub上。antdesign中文官网 https://ant.design/index-cn快速上手官网 https://ant.design/docs/react/getti...

此篇为拓展，需要对python稍微熟悉一点。参考 有关Python的import…和from…import…的区别分析语法分析:from A import a1 是从A模块导入a1工具import A 是导入整个A模块的全部内容内存分析:from…import…会在内存中创建并加载该模块工具的副本，不会共用一个副本，不同程序之间不会互相影响。import 直接加载该模块的全部属性，...

先解答上篇A04的作业：其实很简单，仿照前面，可以写出：from flask import Flaskapp = Flask(__name__)@app.route('/')def hello_world(): return 'Hello, World!' @app.route('/hi')def any_function(): return 'Hi~'运行...

ps：安装python和flask见前文。文档flask中文官方文档: https://dormousehole.readthedocs.io/en/latest/快速上手文档: https://dormousehole.readthedocs.io/en/latest/刚开始建议用记事本来写简单的程序，记事本可以用windows自带的，也可以下载notepad++。notepad++...

安装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...

原本想用虚拟机重新演示，但超薄本内存不足，就只介绍一下，网上教程很多。我是windows10系统QQ群：952211102 （有相关文件）安装Anaconda建议安装Anaconda,里面有很多python库，这样以后用起来方便，并且有jupyter工具，以后用得到。安装anaconda3即可，我把Anaconda3-5.0.0-Windows-x86_64.exe传到群里了，python...

写在前面的话今天开始，做第一个系列视频，《从零开始前后端react+flask》，命名为A系列，系列教程将从英文字母A-Z不等）。未经允许，禁止转发，或用作商业用途。（需非商业转载请联系作者，并表明出处）一个小节尽量不要太长，采用b站直播+录制视频的形式。教程来源：均以本人实际接触的项目和学习经历为主，可能比较多比较杂，适合不同能力不同等级的人。免费学习（至少现阶段是），不能保证每个知识...