更新 python_flask/README.md

This commit is contained in:
leo 2024-06-24 12:58:01 +08:00
parent 61900a56dc
commit 646d93dde7

View File

@ -6,7 +6,7 @@
## 程式碼說明 ## 程式碼說明
### 首先先以Python切入 ### 首先先以Python切入
### Python ### Python
``` ```Python
# 匯入會用到的庫 # 匯入會用到的庫
from flask import Flask from flask import Flask
from flask import render_template from flask import render_template
@ -19,7 +19,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)
@ -30,7 +30,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)
@ -43,7 +43,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')
@ -52,7 +52,7 @@ def Next(self,id): # 攜帶參數
``` ```
### 後端資料 ### 後端資料
#### 建議先看過一部份的資料庫語法後再來接觸 #### 建議先看過一部份的資料庫語法後再來接觸
``` ```Python
# 後端API # 後端API
def get_data(self): def get_data(self):
cursor = self.db.cursor() cursor = self.db.cursor()
@ -73,7 +73,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
@ -140,7 +140,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">
@ -203,7 +203,7 @@ if __name__ == '__main__':
</script> </script>
``` ```
#### Next.html #### Next.html
``` ```HTML
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>