Khoảng QT biểu thị tổng thời gian để tâm thất của tim kích hoạt và phục hồi. Khoảng QT được đo từ đầu sóng Q đến cuối sóng T và thay đổi tùy theo nhịp tim, nó cũng dài hơn một chút ở phụ nữ so với nam giới

Ảnh của Luan Rezende từ Pexels [Được tác giả điều chỉnh để hiển thị sóng PQRST và khoảng QT]

Vì khoảng thời gian bị ảnh hưởng bởi nhịp tim [i. e. tỷ lệ càng cao thì khoảng thời gian càng ngắn] tồn tại nhiều công thức khác nhau để bù đắp cho điều này bao gồm Bazett’s, Fredericia’s, Hodges và Framingham [1] [gọi tắt là QTc, c để bù đắp]. Khoảng QT tăng khiến bệnh nhân có nguy cơ đột tử do tim. Điều này có thể được kích hoạt bởi một số điều kiện cũng như do thuốc gây ra [2]

Đối với máy tính, chúng tôi sẽ sử dụng một trong những công thức phổ biến nhất;

Hình ảnh của tác giảPython Flask

bình [https. //bình giữ nhiệt. dự án pallet. com/vi/2. 0. x/] là một khung vi mô dành cho web cho phép chúng tôi xây dựng và phục vụ các trang web bằng Python. Các ứng dụng Flask yêu cầu các ứng dụng được cấu trúc theo một cách nhất định với các tệp HTML được lưu trữ trong thư mục mẫu và các tệp khác [e. g. CSS và JavaScript] được lưu trữ trong một thư mục tĩnh. Bạn cũng có thể sử dụng các thư mục con với các dự án lớn hơn nếu được yêu cầu tách nhiều tệp JavaScript/CSS. Trong ví dụ này được tạo trong một thư mục có tên Flask demo, chúng tôi có một thư mục tĩnh chứa biểu định kiểu của chúng tôi [my-style. css] và tệp JavaScript [qtc-calc. js]. Thư mục mẫu chứa trang HTML chính cho ví dụ này được gọi là chỉ mục. html. Ngoài hai thư mục này, chúng tôi có ứng dụng Flask chính trong tệp Python chính. py

Cấu trúc tệp/thư mục của dự án Flask [ảnh của tác giả]

Chúng tôi sẽ bắt đầu bằng cách tạo chỉ mục. tệp html. Chúng ta có thể thêm đoạn mã sau

  
    QT-calculator
    
    
    
  
  
  

Trong phần đầu của tệp HTML, chúng tôi đã nhập Bootstrap [https. //getbootstrap. com/docs/5. 0/getting-started/introduction/], cung cấp khung CSS miễn phí để cho phép chúng tôi dễ dàng sản xuất nội dung web trông chuyên nghiệp hơn. Sự khác biệt lớn nhất ở đây là cách chúng tôi thêm biểu định kiểu địa phương. Thông thường, chúng tôi sẽ tải biểu định kiểu như thế này

Để làm điều này hoạt động với Flask, chúng tôi sử dụng hàm url_for để trỏ đến thư mục tĩnh bằng công cụ mẫu Jinja. Bạn có thể tìm hiểu thêm về Jinja tại đây. https. //jinja. dự án pallet. com/vi/3. 0. x/

Bây giờ chúng ta có thể thêm đoạn mã sau vào phần nội dung của tài liệu HTML để thêm một số trường đầu vào để người dùng nhập dữ liệu. Điều này bao gồm một số tùy chọn radio để chọn nam hoặc nữ và các trường đầu vào cho nhịp tim [nhịp đập mỗi phút] và khoảng thời gian QT [msec]

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

Ở đây chúng tôi sử dụng một số kiểu Bootstrap cho các nút radio. Chúng tôi thêm các giá trị vào thuộc tính tên cho các thành phần HTML khác nhau để thu thập dữ liệu từ người dùng. Điều này là do Flask sử dụng thuộc tính này để truy cập thông tin biểu mẫu. Toàn bộ máy tính được chứa trong một div gọi là calc-container. Chúng tôi thêm một số phần đệm [10 pixel] vào phần này trong biểu định kiểu cục bộ của chúng tôi để cải thiện giao diện bằng cách tham chiếu thuộc tính id trước một hàm băm và thêm phần đệm

#calc-container {
  padding: 10px;
}

Tiếp theo chúng ta sẽ tạo ứng dụng Flask. Trước tiên chúng ta cần cài đặt mô-đun Flask. Chúng ta có thể làm điều này bằng cách sử dụng pip trong thiết bị đầu cuối Python

pip install Flask

Sau đó, chúng ta có thể tạo một tệp Python có tên là main. py trong thư mục chính của ứng dụng và thêm đoạn mã sau

from flask import Flask, render_template, url_for, requestapp = Flask[__name__]@app.route['/']
def index[]:
  return render_template['index.html']if __name__ == "__main__":
  app.run[debug=True]

Chúng tôi nhập một vài chức năng từ mô-đun bình, tiếp theo chúng tôi tạo ứng dụng và thêm một chức năng gọi là chỉ mục sử dụng chức năng render_template để hiển thị chỉ mục. tệp html được lưu trữ trong thư mục mẫu. Chúng ta có thể sử dụng ứng dụng. trình trang trí tuyến đường để chỉ định tuyến đường chính cho trang này. Cuối cùng, chúng tôi chạy ứng dụng ở chế độ gỡ lỗi. Khi chính. py được chạy, nó chạy trên địa chỉ/cổng mặc định hiển thị trang chỉ mục trong trình duyệt

Running on //127.0.0.1:5000/ [Press CTRL+C to quit]

Trông như thế này

Ứng dụng chạy trên trình duyệt Chrome [ảnh của tác giả]

Bây giờ chúng tôi đã thiết lập giao diện người dùng. Chúng tôi có thể kết nối nó với back-end để chúng tôi có thể thực hiện phép tính. Để gửi dữ liệu đến máy chủ, chúng ta có thể sử dụng thẻ biểu mẫu. Chúng tôi cần gửi kèm theo dữ liệu mà chúng tôi muốn gửi trong thẻ biểu mẫu và chỉ định tên của hàm Python sẽ xử lý dữ liệu

Ở đây, chúng tôi bọc mã máy tính trong thẻ biểu mẫu và sử dụng hàm url_for để gửi mã này tới hàm chỉ mục trong phần chính. py để xử lý bằng yêu cầu POST

  Enter sex:
  

    
    
      Male
    
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   

Giao thức truyền siêu văn bản [HTTP] hỗ trợ một số phương thức, trong đó phương thức được sử dụng phổ biến nhất là phương thức POST và GET. Sau đó, chúng tôi có thể sửa đổi chức năng chỉ mục để xử lý dữ liệu này. Chúng tôi sẽ thêm các phương thức GET và POST vào ứng dụng. trang trí tuyến đường. Tiếp theo, chúng ta có thể kiểm tra phương thức POST và thu thập dữ liệu biểu mẫu bằng yêu cầu. mẫu đơn. Điều này sẽ được lưu trữ trong một biến Python có tên là form. Sau đó, chúng tôi chuyển dữ liệu biểu mẫu này sang một hàm mới để tính toán QTc và trả lại kết quả cho chỉ mục. html trong một biến gọi là QTc_result

________số 8

Tiếp theo chúng ta cần tạo một hàm để thực sự tính toán

def calculate_qtc[form]:
  sex = request.form['sex']
  heart_rate = int[request.form['hr']]
  qt_int = int[request.form['qt']]
 
  qt_seconds = qt_int / 1000 
  rr_interval = [6000 / heart_rate] 
  QTc = qt_seconds / math.sqrt[rr_interval] 
  formated_QTc = round[[QTc * 1000] * 10, 0]  if [formated_QTc > 440 and sex == 'm'] or [formated_QTc > 460 and sex == 'f']:
    prolonged = True
  else:
    prolonged = Falsereturn [formated_QTc, prolonged]

Chúng ta có thể lấy dữ liệu được nhập trong các trường nhập HTML bằng cách sử dụng thuộc tính tên phần tử HTML làm khóa từ điển. Chúng ta có thể chuyển dữ liệu số thành số nguyên để tính toán. Tiếp theo, chúng tôi thực hiện tính toán thực tế áp dụng công thức Bazett. Chúng ta cần nhập mô-đun toán học để sử dụng hàm sqrt cho phần căn bậc hai của công thức. Chúng tôi kiểm tra kết quả so với các giá trị bình thường cho nam và nữ tương ứng và đặt biến kéo dài thành đúng hoặc sai tương ứng. Cuối cùng, chúng tôi trả lại QTc và các biến kéo dài trong một bộ

Cuối cùng chúng ta có thể cập nhật chỉ mục. html để xử lý kết quả. Chúng ta có thể thêm đoạn mã sau ngay dưới thẻ biểu mẫu đóng

0

Ở đây chúng tôi kiểm tra xem có bất kỳ kết quả nào để hiển thị không. Nếu vậy, chúng tôi xuất QTc [phần tử đầu tiên của bộ dữ liệu] và nếu khoảng thời gian đó có kéo dài hay không [phần tử thứ hai của bộ dữ liệu]. Các biến Flask có thể được hiển thị trong HTML bằng cách gói chúng trong dấu ngoặc kép [{{ }}]. Bây giờ khi chúng tôi nhập dữ liệu vào các trường đầu vào và nhấp vào nút tiếp theo, chúng tôi sẽ nhận được đầu ra sau

Kết quả tính toán [ảnh của tác giả]

Mã đầy đủ cho chỉ mục. tập tin html có thể được nhìn thấy dưới đây

1

Mã đầy đủ cho chính. tập tin py

2

Sử dụng yêu cầu Ajax

Điều này hoạt động và chúng tôi có thể gửi thành công dữ liệu từ giao diện người dùng đến back-end để xử lý. Tuy nhiên, chúng ta nên tự hỏi liệu có cần thiết phải gửi thông tin này đến back-end ngay từ đầu không. Rốt cuộc, chúng ta có thể đã tạo một hàm trong JavaScript để thực hiện phép tính. Điều này sẽ hiệu quả hơn nhiều so với việc tăng lưu lượng truy cập đến và từ máy chủ. Lý do chính mà chúng tôi thường xem xét việc gửi thông tin đến back-end là vì chúng tôi thường muốn lưu trữ dữ liệu này trong cơ sở dữ liệu hoặc truy cập cơ sở dữ liệu và trả lại kết quả cụ thể cho giao diện người dùng

Phép tính chúng tôi đang áp dụng ở đây rõ ràng là tầm thường và không yêu cầu nhiều sức mạnh tính toán. Tuy nhiên, đây sẽ là một câu chuyện rất khác nếu bạn đang chạy một thuật toán học máy chuyên sâu chẳng hạn. Nếu có thể, sẽ tốt hơn nếu thực hiện tính toán phía máy khách và chỉ trả lại kết quả tính toán cho máy chủ để ghi vào cơ sở dữ liệu

Hãy sửa đổi mã hiện có để thực hiện phép tính với JavaScript, phía máy khách thay vì phía máy chủ với Python. Chúng tôi cũng có thể sử dụng Ajax để xử lý đầu vào của người dùng thay vì hiển thị mẫu. Sau khi thực hiện tính toán phía máy khách, chúng tôi sẽ chuyển đầu vào và kết quả của người dùng đến máy chủ để lưu trữ trong cơ sở dữ liệu

Ajax [JavaScript và XML không đồng bộ] được sử dụng để gửi/truy xuất dữ liệu không đồng bộ trong nền của ứng dụng mà không phải tải lại toàn bộ trang. Điều này thường được sử dụng khi chúng tôi chỉ muốn cập nhật một phần của trang hiện có mà không hướng người dùng đến trang mới hoặc tải lại trang hiện có. Phương thức biểu mẫu hiện có hữu ích khi người dùng điền vào biểu mẫu, ví dụ: mua sản phẩm. Họ nhập thông tin chi tiết của họ được chuyển đến máy chủ để xử lý và sau đó được chuyển hướng đến một trang mới cho họ biết giao dịch đã thành công [hoặc không]. Ajax là một cách tiếp cận tốt hơn cho các công cụ như bảng điều khiển dữ liệu tương tác và máy tính cần tiếp tục cập nhật một phần của trang thay vì đưa người dùng đến trang mới/tải lại

Để sửa đổi mã để sử dụng Ajax, trước tiên chúng ta cần xóa thẻ biểu mẫu. Sau đó, chúng tôi có thể thêm một sự kiện title vào nút tiếp theo sẽ khởi chạy một hàm JavaScript có tên làcalculQTc

3

Tiếp theo chúng ta sẽ thêm phần tử div để hiển thị kết quả. Ở đây chúng ta sẽ thêm một số phần tử span với thuộc tính id để thêm kết quả vào, gọi chúng là qtc và Extended

4

Cuối cùng, chúng tôi sẽ cung cấp cho div chứa một id và làm cho nó ẩn kết quả theo mặc định. Để làm điều này, chúng tôi đặt kiểu hiển thị của phần tử div thành không trong tệp CSS

5

Bây giờ chúng ta có thể triển khai chức năng tính toán QTc bằng JavaScript thay vì bằng Python để nó được thực hiện phía máy khách. Chúng ta có thể tạo một tệp JavaScript có tên qt-calc. js và thêm đoạn mã sau

6

Ở đây chúng tôi sử dụng tài liệu. getElementById để truy cập các phần tử theo thuộc tính id của chúng [bằng cách cung cấp giá trị id trong dấu ngoặc kép]. Chúng tôi cũng sử dụng hàm parseInt để truyền dữ liệu sang định dạng số nguyên để tính toán khi thích hợp giống như cách chúng tôi đã làm trong Python. Ngoại lệ cho điều này là nơi chúng tôi sử dụng tài liệu. getElementByName cho các nút radio tình dục. Khi hàm được gọi, chúng ta sẽ muốn hiển thị kết quả, vì vậy, tiếp theo, chúng ta hiển thị div kết quả bằng cách đặt kiểu hiển thị thành khối

7

Tiếp theo, chúng tôi sử dụng vòng lặp for để tìm nút radio đã chọn [đã chọn] [nam hoặc nữ] lưu trữ giá trị “m” hoặc “f” trong một biến có tên là selectSex

8

Tiếp theo chúng ta có thể tự thêm phép tính. Sự khác biệt chính duy nhất ở đây là chúng tôi sử dụng thư viện toán học tiêu chuẩn JavaScript cho căn bậc hai và làm tròn. Cuối cùng, chúng tôi cập nhật phần tử nhịp HTML với kết quả

9

Phần cuối cùng của chức năng liên quan đến việc tìm hiểu xem QTc có bị kéo dài hay không, cập nhật trường kết quả HTML và lưu trữ trạng thái kéo dài trong một biến gọi là kéo dài

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

  


    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

0

Cuối cùng, chúng ta cần tải tệp JavaScript vào tài liệu HTML trong phần đầu

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

1

Ajax cho phép chúng tôi cập nhật các phần của trang web một cách không đồng bộ với lượng dữ liệu nhỏ như một giải pháp thay thế cho việc tải lại và hiển thị toàn bộ trang

Một cách dễ dàng để làm điều này là sử dụng phương thức ajax từ thư viện jQuery JavaScript. Bạn có thể tải xuống trực tiếp và đưa nó vào các trang web của mình dưới dạng tài nguyên cục bộ hoặc bạn có thể kết nối với tài nguyên này bằng CDN [Mạng phân phối nội dung] bằng cách đưa dòng mã sau vào phần đầu của tài liệu HTML của bạn

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

2

Sau đó, chúng tôi có thể sửa đổi mã JavaScript để triển khai phương thức jQuery ajax. Trước tiên, chúng tôi có thể lưu trữ dữ liệu mà chúng tôi muốn chuyển lại cho máy chủ trong một mảng. Ở đây chúng tôi thêm các cặp khóa/giá trị làm đối tượng JavaScript vào mảng có tên server_data

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

3

Tiếp theo chúng ta có thể tạo yêu cầu ajax. Thư viện jQuery sử dụng ký hiệu đô la [$] để xác định bộ chọn và sau đó chỉ định một hành động. Ở đây chúng tôi xác định loại là một yêu cầu POST. Bản đồ url tới trình trang trí tuyến đường cho một chức năng cụ thể trong Python sẽ xử lý yêu cầu. Dữ liệu được gửi đến máy chủ phải là một chuỗi [dữ liệu văn bản] để chúng tôi có thể sử dụng JSON. chức năng stringify để chuyển đổi JSON [Ký hiệu đối tượng JavaScript] thành định dạng chuỗi để chuyển đến máy chủ

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

4

Sau đó, chúng tôi cần cập nhật tệp Python để xử lý yêu cầu ajax. Chúng ta cần nhập jsonify từ bình. Chúng tôi cũng có thể xóa chức năng ban đầu để tính khoảng QT và sửa đổi chức năng chỉ mục để chỉ hiển thị tệp HTML chỉ mục. Ở đây chúng tôi sử dụng yêu cầu. get_json để lấy dữ liệu và lưu trữ nó trong một biến Python có tên qtc_data. Bây giờ, chúng tôi sẽ xuất dữ liệu ra bàn điều khiển và trả về một đối tượng có khóa và giá trị. xử lý và true trở lại giao diện người dùng

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

5

Dữ liệu in được trả về từ máy khách có thể được nhìn thấy trong bảng điều khiển

Ảnh chụp màn hình bảng điều khiển hiển thị đầu ra được trả về [hình ảnh của tác giả]

Quay trở lại hàm JavaScript chúng ta có thể thêm một hàm success để xử lý dữ liệu trả về từ hàm Python

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

6

Chúng ta có thể sử dụng bàn điều khiển. log để xuất kết quả trả về khi yêu cầu được thực hiện thành công. Nếu chúng ta xem bảng điều khiển trong trình duyệt web, chúng ta có thể thấy đầu ra dự kiến

Ảnh chụp màn hình từ bảng điều khiển Chrome hiển thị đầu ra của chức năng thành công [hình ảnh của tác giả]Thêm cơ sở dữ liệu

Như đã đề cập trước đó, một trong những lý do chính mà chúng tôi muốn trả lại dữ liệu cho máy chủ là để lưu trữ hoặc truy xuất dữ liệu từ cơ sở dữ liệu. Trong phần cuối cùng này, chúng ta sẽ thêm cơ sở dữ liệu SQLite vào ứng dụng để lưu kết quả đã nhập và trả về số lượng mục đã lưu trong cơ sở dữ liệu

Đầu tiên chúng ta cần thêm một vài mô-đun. Chúng tôi sẽ sử dụng mô-đun SQLAlchemy để quản lý cơ sở dữ liệu, os để đặt đường dẫn của cơ sở dữ liệu liên quan đến ứng dụng Flask và datetime để thêm dấu thời gian cho từng mục được lưu trữ trong cơ sở dữ liệu. Cuối cùng, chúng ta cũng cần nhập phiên từ mô-đun bình

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

7

Chúng ta có thể sử dụng mô-đun os [hệ điều hành] để tìm tệp Python chính và sử dụng tệp này để thêm cơ sở dữ liệu mà chúng ta sẽ gọi là qtdata. db vào cùng thư mục với tệp chính. py Tệp Python nằm ở. Đầu tiên, chúng tôi sẽ lấy đường dẫn đến tệp hiện tại và lưu trữ tệp này trong một biến có tên basedir [thư mục cơ sở]

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

8

Tiếp theo, chúng tôi sẽ thêm tệp cơ sở dữ liệu vào vị trí này và đặt các tham số cơ sở dữ liệu này bằng cách sử dụng cấu hình ứng dụng

. . .

  

    
QTc calculator

    
Please enter details to calculate the QTc:

    Enter sex:
    

      
      
        Male
      
   

   

     
     
       Female
     
   

   

   Enter HR [BPM]:
   
   


   Enter QT interval [msec]:
   
   


   
  

9

Tiếp theo, chúng ta có thể liên kết phiên bản cơ sở dữ liệu với ứng dụng cụ thể của mình

#calc-container {
  padding: 10px;
}

0

Ánh xạ quan hệ đối tượng [ORM] có thể được sử dụng để ánh xạ một lớp Python tới một bảng trong cơ sở dữ liệu SQLite. Tại đây chúng ta có thể định nghĩa các biến liên quan đến tên cột trong bảng. Chúng tôi sẽ gọi bảng qt_data và sử dụng db. Hàm Column để định nghĩa tên các trường [cột] trong bảng và kiểu dữ liệu liên quan đến từng cột. Ví dụ: đoạn mã sau định nghĩa một biến Python có tên QTc tham chiếu đến tên cột [cùng tên] trong bảng. Kiểu dữ liệu được định nghĩa là số nguyên sử dụng db. số nguyên. Chúng ta có thể định nghĩa các kiểu dữ liệu khác theo yêu cầu, chẳng hạn như giá trị dấu phẩy động, giá trị ký tự, chuỗi, v.v. Ví dụ

#calc-container {
  padding: 10px;
}

1

Ở đây chúng tôi xác định lớp [Store_QTc_data], tên bảng và sau đó là các cột

#calc-container {
  padding: 10px;
}

2

Ngoài dữ liệu QT, chúng tôi có một cột id xác định khóa chính [mã định danh duy nhất cho mỗi bản ghi] và dấu thời gian sẽ lưu trữ ngày và giờ bản ghi được ghi vào cơ sở dữ liệu. Cuối cùng, chúng ta có thể thêm một phương thức khởi tạo để cho phép chúng ta chuyển các giá trị cho các trường này

#calc-container {
  padding: 10px;
}

3

Bây giờ chúng ta có thể cập nhật chức năng chỉ mục để tạo cơ sở dữ liệu nếu chưa tồn tại

#calc-container {
  padding: 10px;
}

4

Tiếp theo, chúng ta có thể cập nhật hàm process_qt_calculation để ghi dữ liệu vào cơ sở dữ liệu. Chúng ta có thể sử dụng db. phiên họp. thêm chức năng và chuyển vào lớp Store_QTc_data với dữ liệu được gửi từ giao diện người dùng bằng ajax. Sau đó chúng tôi làm theo điều này bởi db. phiên họp. chức năng cam kết để ghi những thay đổi này vào cơ sở dữ liệu

#calc-container {
  padding: 10px;
}

5

Nếu sau đó chúng tôi thêm một số dữ liệu vào máy tính và nhấp vào tiếp theo, dữ liệu sẽ được ghi vào cơ sở dữ liệu. Nếu chúng tôi mở cơ sở dữ liệu [sử dụng thứ gì đó như Trình duyệt DB cho SQLite https. //sqlitebrowser. org/ ], bạn có thể thấy dữ liệu đã được thêm thành công vào cơ sở dữ liệu

Ảnh chụp màn hình Trình duyệt DB hiển thị dữ liệu được ghi thành công vào cơ sở dữ liệu [hình ảnh của tác giả]

Cuối cùng, chúng tôi sẽ sửa đổi kết quả để trả về các mục số trong cơ sở dữ liệu và hiển thị mục này trong tài liệu HTML. Chúng ta có thể sử dụng hàm đếm để tìm số lượng bản ghi trong cơ sở dữ liệu và sửa đổi biến kết quả của mình để gửi lại hàm này cho hàm ajax

#calc-container {
  padding: 10px;
}

6

Sau đó, chúng tôi có thể hiển thị số lượng bản ghi trong cơ sở dữ liệu cùng với kết quả tính toán. Chúng tôi sẽ thêm một phần tử span để hiển thị số lượng bản ghi như một phần của thông báo với id num-rows

#calc-container {
  padding: 10px;
}

7

Cuối cùng, chúng tôi sẽ thay đổi giao diện điều khiển. log để cập nhật phần tử span khi yêu cầu được xử lý thành công

#calc-container {
  padding: 10px;
}

8

Đây là giao diện của máy tính cuối cùng khi nhập dữ liệu

Hình ảnh hiển thị dữ liệu đã nhập và kết quả được tạo [ảnh của tác giả]

Có thể xem mã cuối cùng cho các tệp Python, HTML và JavaScript tại đây

#calc-container {
  padding: 10px;
}

9

tệp JavaScript

pip install Flask

0

tập tin Python

pip install Flask

1

Tóm lại, chúng ta cần cân nhắc khi nào trả dữ liệu về máy chủ để xử lý, nên sử dụng phương pháp nào và khi nào có thể đạt được điều này tốt nhất ở phía máy khách để tận dụng tốt nhất tài nguyên. Đôi khi chúng tôi muốn trả lại dữ liệu, xử lý dữ liệu và hướng người dùng đến một trang mới. Trong những trường hợp khác, chúng tôi muốn chuyển thông tin qua lại trên cùng một trang. Để đạt được điều này, chúng ta có thể sử dụng ajax để chuyển nhanh các đối tượng qua lại giữa máy khách và máy chủ trên cùng một trang. Khi các công cụ như bảng điều khiển tương tác trở nên phổ biến hơn để truyền tải thông tin đến người dùng, các nhà khoa học dữ liệu nên biết một số tùy chọn khác nhau có sẵn để truyền dữ liệu giữa máy khách và máy chủ và thời điểm áp dụng chúng cho kết quả mong muốn

Người giới thiệu

[1] Davies, A, Scott, A [2015] Bắt đầu đọc điện tâm đồ. Hướng dẫn toàn diện về lý thuyết và thực hành. lò xo. London

[2] Alahmadi, A, Davies, A, Royle, J, Jay, C [2021] Một thuật toán có thể giải thích được để phát hiện tình trạng kéo dài QT do thuốc gây ra có nguy cơ xoắn đỉnh [TdP] bất kể nhịp tim và hình thái sóng T. Máy tính trong Sinh học và Y học. 131[1]. 104281

Tôi có thể sử dụng jQuery với Python không?

Python jQuery là gì?

Làm cách nào để thêm jQuery vào Python?

jQuery sử dụng ngôn ngữ lập trình nào?