# 前后端交互咸鱼版

**Repository Path**: jimuka/python

## Basic Information

- **Project Name**: 前后端交互咸鱼版
- **Description**: 用TXT文件进行前端html与python可执行文件的交互。

- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-08-05
- **Last Updated**: 2022-08-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前后端交互python文件咸鱼版！

你好！ 
这里是一个普通C9在读硕士生😁
近期为了项目的界面展示操碎了心

*老师*：界面就是几行代码的事，一天就学会了。。。
*老师*：和python程序交互也不会太难吧，不需要前后端集成，基本需求达到就行。。。
我：好的老师，我去学😶

理清思绪，从头开始学了！

## 前后端交互思路

- 必要的技术点：
 1. **HTML** ，搭建前端代码框架
 2. **CSS** ， 为你的前端代码布局
 3. **JS**，实现前端的点击保存、写文件等操作
 4. **PYTHON**，自己项目的可执行程序（需要实现输出-实时输入-输出：**前后端交互功能**）
比如：python文件<kbd>1. 输出1到10</kbd>，在<kbd>2. 输出为6</kbd>时（==交互点==），程序<kbd>3.等待前端输入</kbd>，接收到输入后<kbd>4. 对输入进行处理</kbd>，最后<kbd>5. 输出交互后的结果</kbd>。
- 重难点：
1.  实现前端调用python？
	 - [ ] 前后端框架flask
说笑了学不会😶。。。
	- [x] JS调用命令行cmd执行python文件
	666就是你了😎




2. 实现python读取前端数据？
	 - [ ] 打包数据流
说笑了还是学不会😶。。。
	- [x] JS保存txt文件，python读取txt文件
	666就是你了😎
## 直接上图展示成果
 - 整体界面布局（可以自己添加图片、文字）
 - 只能**IE内核下**的浏览器打开（交互需要 ==ACTIVEX插件==只有IE内核：保证安全性）
 
![在这里插入图片描述](https://img-blog.csdnimg.cn/de84c6ed9dcb462e9762bb209be04dd3.png)
- 下拉框介绍自己的项目

 ![在这里插入图片描述](https://img-blog.csdnimg.cn/8c267773c85940d788212f93e31456d5.png)
 - 点击执行按钮（**调用cmd**执行python文件）
 - 程序执行到设置好的==交互点==（*输出值 == 6*），进入循环读取交互txt文件（**文件不为空时跳出循环**）

![在这里插入图片描述](https://img-blog.csdnimg.cn/60ef72a77feb4f7498188c938553f31f.png)
 - cmd可以最小化，不要关掉（*关了 = 杀死进程*）
 - 如果cmd闪一下就结束：
 1. 代表程序执行完毕 
 2. 程序报错（如果调试没问题，多半是文件路径的问题）
 - 点击continue，显示**交互前**的python输出
 
![在这里插入图片描述](https://img-blog.csdnimg.cn/dd1dec3f4f024a95a5d47ae9b97d8951.png)
 - 前端输入交互值，**点击finished**（将输入值写进txt文件）
 
![在这里插入图片描述](https://img-blog.csdnimg.cn/7ed38e59633c41359847efb4c8629914.png)
 - python程序读取到**交互txt文件**中的值，经处理后返回显示
 
![在这里插入图片描述](https://img-blog.csdnimg.cn/581685fba1614aefb6578a67e54c4b57.png)







## 漂亮的代码


**详情代码**请查看: [gitee主页：https://gitee.com/GZHzzz](https://gitee.com/GZHzzz/python)
博客主页：[CSDN：https://blog.csdn.net/gzhzzaa](https://blog.csdn.net/gzhzzaa)

 好兄弟们提供有偿教学 **交流联系** vx：![输入图片说明](weixin.jpg)
  - [x] Fighting!😎


![在这里插入图片描述](https://img-blog.csdnimg.cn/dfb90d41422341b788f6be2a1968ed59.png#pic_center)



```py
while True:
	Go life
```

## 谢谢点赞交流！(❁´◡`❁)