更新 Flask/README.md
This commit is contained in:
parent
812504d3f2
commit
7dae1afca1
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user