更新 Flask/README.md

This commit is contained in:
leo 2024-06-24 12:54:27 +08:00
parent 812504d3f2
commit 7dae1afca1

View File

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