Education/Python
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 Flask/README.md

Browse Source
This commit is contained in:
leo 2024-06-24 12:54:27 +08:00
parent 812504d3f2
commit 7dae1afca1
1 changed files with 232 additions and 232 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Flask/README.md
View File

@ -10,7 +10,7 @@
## 程式碼說明
### 首先先以Python切入
### Python
```
```python
# 匯入會用到的庫
from flask import Flask
from flask import render_template
@ -23,7 +23,7 @@ import pymysql
### 接著我這邊與網路上的寫法有些不同，我直接寫成物件導向的方式，實測下來沒太大問體
#### 先設定多線呈方式，及設定好資料庫連線位置
```
```python
class Website(threading.Thread):
def __init__(self):
threading.Thread.__init__(self)
@ -34,7 +34,7 @@ class Website(threading.Thread):
```
### 路由設定
#### 這邊統一教學，我設定成前後端分離的方式，將頁面與API做個區分，之後若是要單獨架設頁面或是API都可以直接修改
```
```python
#前端顯示
self.app.add_url_rule('/', 'Index', self.Index)
self.app.add_url_rule('/next/<id>', 'Next', self.Next)
@ -47,7 +47,7 @@ self.app.add_url_rule('/api/get_one_data/<id>', 'get_one_data', self.get_one_dat
### 前端頁面導向
#### 這邊提供純頁面及需要攜帶部分參數的簡單方式
```
```python
# 前端
def Index(self):
return render_template('Index.html')
@ -56,7 +56,7 @@ def Next(self,id): # 攜帶參數
```
### 後端資料
#### 建議先看過一部份的資料庫語法後再來接觸
```
```python
# 後端API
def get_data(self):
cursor = self.db.cursor()
@ -77,7 +77,7 @@ def get_one_data(self,id):
```
### 完整程式
```
```python
from flask import Flask
from flask import render_template
from flask import Flask, request, jsonify
@ -144,7 +144,7 @@ if __name__ == '__main__':
#### 這邊就以基礎的HTML與JS進行
#### 有簡單的利用AJAX去撈資料、頁面跳轉
#### Index.html
```
``` HTML
<!DOCTYPE html>
<html lang="en">
@ -207,7 +207,7 @@ if __name__ == '__main__':
</script>
```
#### Next.html
```
``` HTML
<!DOCTYPE html>
<html lang="en">
<head>