Hướng dẫn can you run python in a browser? - bạn có thể chạy python trong trình duyệt không?
Nếu bạn là một nhà phát triển web thích viết Python qua JavaScript, thì Brython, một triển khai Python chạy trong trình duyệt, có thể là một lựa chọn hấp dẫn. Show
JavaScript là ngôn ngữ thực tế của phát triển web mặt trước. Động cơ JavaScript tinh vi là một phần vốn có của tất cả các trình duyệt internet hiện đại và tự nhiên thúc đẩy các nhà phát triển mã hóa các ứng dụng web phía trước trong JavaScript. Brython cung cấp những điều tốt nhất của cả hai thế giới bằng cách biến Python thành ngôn ngữ công dân hạng nhất trong trình duyệt và bằng cách truy cập vào tất cả các thư viện JavaScript và API hiện có có sẵn trong trình duyệt.front-end web development. Sophisticated JavaScript engines are an inherent part of all modern Internet browsers and naturally drive developers to code front-end web applications in JavaScript. Brython offers the best of both worlds by making Python a first-class citizen language in the browser and by having access to all the existing JavaScript libraries and APIs available in the browser. Trong hướng dẫn này, bạn sẽ học cách:
Là một nhà phát triển Python trung gian quen thuộc với phát triển web, bạn sẽ tận dụng tối đa hướng dẫn này nếu bạn cũng có một số kiến thức về HTML và JavaScript. Để được bồi dưỡng JavaScript, hãy xem Python vs JavaScript cho Pythonistas. Bạn có thể tải xuống tài liệu nguồn cho các ví dụ trong hướng dẫn này bằng cách nhấp vào liên kết bên dưới: Chạy Python trong trình duyệt: Những lợi íchMặc dù JavaScript là ngôn ngữ phổ biến của phát triển web mặt trước, nhưng các điểm sau đây có thể áp dụng cho bạn:
Dù lý do là gì, nhiều nhà phát triển sẽ thích một sự thay thế dựa trên Python cho JavaScript để tận dụng sức mạnh của trình duyệt. Có một số lợi ích của việc chạy Python trong trình duyệt. Nó cho phép bạn:
Một tác dụng phụ của việc sử dụng Python trong trình duyệt là mất hiệu suất so với cùng một mã trong JavaScript. Tuy nhiên, nhược điểm này không vượt trội hơn bất kỳ lợi ích nào được nêu ở trên. Thực hiện phát triển web đẳng hìnhJavaScript đẳng cấu hoặc JavaScript Universal, nhấn mạnh rằng các ứng dụng JavaScript nên chạy trên cả máy khách và máy chủ. Điều này giả định rằng phần cuối là dựa trên JavaScript, cụ thể là một máy chủ nút. Các nhà phát triển Python sử dụng Flask hoặc Django cũng có thể áp dụng các nguyên tắc đẳng cấu cho Python, miễn là họ có thể chạy Python trong trình duyệt.Universal JavaScript, emphasizes that JavaScript applications should run on both the client and the server. This is assuming that the back end is JavaScript based, namely a Node server. Python developers using Flask or Django can also apply the principles of isomorphism to Python, provided that they can run Python in the browser. Brython cho phép bạn xây dựng mặt trước trong Python và chia sẻ các mô -đun giữa máy khách và máy chủ. Ví dụ: bạn có thể chia sẻ các chức năng xác thực, như mã sau để bình thường hóa và xác thực số điện thoại của chúng tôi:
6 loại bỏ bất kỳ ký tự không phân giải nào, trong khi 7 trả về 8 nếu chuỗi đầu vào chứa chính xác mười chữ số và không có ký tự chữ cái. Mã tương tự có thể được chia sẻ giữa các quy trình chạy trên máy chủ Python và máy khách được xây dựng với Brython.Truy cập API WebTrình duyệt Internet phơi bày API Web được tiêu chuẩn hóa thành JavaScript. Các tiêu chuẩn này là một phần của tiêu chuẩn sống HTML. Một số ví dụ API Web bao gồm:
Brython cho phép bạn cả hai sử dụng API Web và tương tác với JavaScript. Bạn sẽ làm việc với một số API Web trong phần sau. Thư viện tạo mẫu và JavaScriptPython thường được sử dụng để nguyên mẫu các đoạn mã, cấu trúc ngôn ngữ hoặc ý tưởng lớn hơn. Với Brython, thực tiễn mã hóa chung này sẽ có sẵn trong trình duyệt của bạn. Ví dụ: bạn có thể sử dụng bảng điều khiển Brython hoặc trình soạn thảo tương tác để thử nghiệm một đoạn mã. Mở trình chỉnh sửa trực tuyến và nhập mã sau:
Ở đây, cách thức hoạt động của mã này:
Nhấp vào Chạy trên ngăn đầu ra để xem kết quả sau:
Hãy thử sửa đổi ngôn ngữ từ 7 thành 8 và quan sát kết quả. Các mã ngôn ngữ được hỗ trợ bởi API này được liệt kê trong tài liệu Hellosalut.Bạn có thể sửa đổi đoạn mã trong trình soạn thảo trực tuyến để tiêu thụ API công khai khác. Ví dụ: cố gắng tìm kiếm API công khai ngẫu nhiên từ dự án API công khai:
Sao chép mã ở trên vào Trình chỉnh sửa Brython trực tuyến và nhấp vào Chạy để hiển thị kết quả. Ở đây, một ví dụ ở định dạng JSON:
Bởi vì điểm cuối lấy được một dự án ngẫu nhiên, bạn có thể sẽ nhận được một kết quả khác. Để biết thêm thông tin về định dạng JSON, hãy xem làm việc với dữ liệu JSON trong Python. Bạn có thể sử dụng tạo mẫu để thử mã Python thông thường như bạn muốn trong trình thông dịch Python. Bởi vì bạn trong bối cảnh của một trình duyệt, Brython cũng cung cấp các cách để:
Như một lối tắt, bạn có thể tận dụng hầu hết các tính năng được mô tả ở trên bằng cách mở bảng điều khiển hoặc biên tập viên có sẵn trên trang web Brython. Điều này không yêu cầu bạn cài đặt hoặc chạy bất cứ thứ gì trên máy tính cục bộ của bạn. Thay vào đó, nó cung cấp cho bạn một sân chơi trực tuyến để tương tác với cả công nghệ Python và Web. Dạy Python cho học sinhBrython vừa là trình biên dịch Python vừa là người phiên dịch được viết bằng JavaScript. Do đó, bạn có thể biên dịch và chạy mã Python trong trình duyệt. Một ví dụ điển hình về tính năng này được trình bày bởi biên tập viên trực tuyến có sẵn trên trang web Brython. Với biên tập viên trực tuyến, Python đang chạy trong trình duyệt. Ở đó, không cần phải cài đặt Python trên máy và ở đó, không cần phải gửi mã đến máy chủ để được thực thi. Phản hồi là ngay lập tức cho người dùng và cách tiếp cận này không làm lộ ra phần cuối của các tập lệnh độc hại. Học sinh có thể thử nghiệm với Python trên bất kỳ thiết bị nào với trình duyệt hoạt động, chẳng hạn như điện thoại hoặc Chromebook, ngay cả với kết nối internet đốm. Tính đến hiệu suấtTrang web Brython lưu ý rằng tốc độ thực hiện của triển khai có thể so sánh với CPython. Nhưng Brython được thực hiện trong trình duyệt và tham chiếu trong môi trường này là JavaScript được nướng vào động cơ trình duyệt. Kết quả là, hy vọng Brython sẽ chậm hơn JavaScript viết tay, được điều chỉnh tốt. Brython biên dịch mã Python vào JavaScript và sau đó thực thi mã được tạo. Các bước này có tác động đến hiệu suất tổng thể và Brython có thể không phải lúc nào cũng đáp ứng các yêu cầu về hiệu suất của bạn. Trong một số trường hợp, bạn có thể cần ủy thác một số thực thi mã cho JavaScript hoặc thậm chí là WebAssugging. Bạn có thể thấy cách xây dựng webassugging và cách sử dụng mã kết quả trong Python trong phần trên WebAssugging. Tuy nhiên, don lồng cho phép hiệu suất nhận thức làm bạn mất cách sử dụng Brython. Ví dụ: nhập các mô -đun Python có thể dẫn đến việc tải xuống mô -đun tương ứng từ máy chủ. Để minh họa tình huống này, hãy mở bảng điều khiển Brython và thực thi mã sau: Độ trễ cho đến khi dấu nhắc được hiển thị (390 ms trên máy kiểm tra) là đáng chú ý. Điều này là do Brython phải tải xuống 9 và các phụ thuộc của nó và sau đó biên dịch các tài nguyên đã tải xuống. Tuy nhiên, từ thời điểm đó, không có sự chậm trễ trong khi thực hiện các chức năng có sẵn trong 9. Ví dụ: bạn có thể tạo một định danh độc đáo toàn cầu ngẫu nhiên, phiên bản UUID 4, với mã sau:>>>
Gọi 1 tạo đối tượng 2, có biểu diễn chuỗi được in trong bảng điều khiển. Gọi 1 trả về ngay lập tức và nhanh hơn nhiều so với việc nhập ban đầu của mô -đun 9.Vui chơiNếu bạn đang đọc hướng dẫn này, thì bạn có thể quan tâm đến việc viết mã Python trong trình duyệt. Nhìn thấy mã Python được thực hiện trong trình duyệt rất thú vị đối với hầu hết các Pythonistas và đánh thức cảm giác vui vẻ và khả năng vô tận. Tác giả của Brython, Pierre Quentel và những người đóng góp cho dự án cũng giữ niềm vui của Python trong khi thực hiện nhiệm vụ lớn là làm cho ngôn ngữ này tương thích với trình duyệt web. Để chứng minh điều đó, hãy trỏ trình duyệt của bạn vào bảng điều khiển tương tác Brython và tại dấu nhắc Python, nhập như sau: Tương tự như kinh nghiệm của Python trên máy địa phương của bạn, Brython biên dịch và thực hiện các hướng dẫn trên con ruồi và in Zen of Python. Nó diễn ra trong trình duyệt và thực thi mã Python không yêu cầu bất kỳ tương tác nào với máy chủ back-end: Bạn cũng có thể thử một quả trứng Phục sinh Python cổ điển khác trong cùng một môi trường trình duyệt với mã sau: Brython nắm lấy những mẩu hài hước tương tự mà bạn sẽ tìm thấy trong triển khai tham chiếu Python. Bây giờ bạn đã quen thuộc với những điều cơ bản khi làm việc với Brython, bạn sẽ khám phá các tính năng nâng cao hơn trong các phần sau. Cài đặt BrythonThử nghiệm với bảng điều khiển trực tuyến Brython, là một khởi đầu tốt, nhưng nó đã giành chiến thắng cho phép bạn triển khai mã Python của mình. Có một số tùy chọn khác nhau để cài đặt Brython trong môi trường địa phương:
Hướng dẫn cho từng phương pháp này được nêu dưới đây, nhưng vui lòng bỏ qua trực tiếp cách tiếp cận ưa thích của bạn nếu bạn đã đưa ra quyết định. Cài đặt CDNMạng phân phối nội dung (CDN) là một mạng lưới các máy chủ cho phép cải thiện hiệu suất và tốc độ tải xuống cho nội dung trực tuyến. Bạn có thể cài đặt các thư viện Brython từ một vài CDN khác nhau:
Bạn có thể chọn cài đặt này nếu bạn muốn triển khai một trang web tĩnh và thêm một số hành vi động vào các trang của bạn với chi phí tối thiểu. Bạn có thể nghĩ về tùy chọn này để thay thế cho jQuery, ngoại trừ sử dụng Python thay vì JavaScript. Để minh họa việc sử dụng Brython với CDN, bạn sẽ sử dụng CDNJ. Tạo một tệp với mã HTML sau:
Dưới đây là các yếu tố chính của trang HTML này:
Lưu tệp dưới dạng 02, sau đó bấm đúp vào tệp để mở nó bằng trình duyệt Internet mặc định của bạn. Trình duyệt hiển thị hộp thông báo với 01 Nhấp OK để đóng hộp thông báo:Để giảm kích thước của tệp đã tải xuống, đặc biệt là trong sản xuất, hãy xem xét sử dụng phiên bản giảm thiểu của 5:
Phiên bản giảm thiểu sẽ giảm thời gian tải xuống và độ trễ cảm nhận theo quan điểm của người dùng. Để hiểu cách thức hoạt động của Brython, bạn sẽ học được cách Brython được tải bởi trình duyệt và cách thực thi mã Python trên. Cài đặt GitHubCài đặt GitHub rất giống với cài đặt CDN, nhưng nó cho phép bạn triển khai các ứng dụng Brython với phiên bản phát triển mới nhất. Bạn có thể sao chép ví dụ trước và sửa đổi URL trong phần tử 05 để có được 02 sau đây:
Sau khi lưu tệp này trong thư mục cục bộ, nhấp đúp vào 02 để hiển thị trong trình duyệt cùng một trang bạn thu được với cài đặt CDN.Cài đặt PYPICho đến nay, bạn không cần phải cài đặt bất cứ thứ gì trong môi trường địa phương của bạn. Thay vào đó, bạn đã chỉ ra trong tệp HTML nơi trình duyệt có thể tìm thấy gói Brython. Khi trình duyệt mở trang, nó sẽ tải xuống tệp Brython JavaScript từ môi trường thích hợp, từ CDN hoặc GitHub. Brython cũng có sẵn để cài đặt cục bộ trên PYPI. Cài đặt PYPI dành cho bạn nếu:
Cài đặt Brython từ PYPI Cài đặt 09, một công cụ dòng lệnh mà bạn có thể sử dụng để tự động hóa các chức năng như tạo mẫu dự án hoặc các mô-đun đóng gói và gói để đơn giản hóa việc triển khai dự án Brython.Để biết thêm chi tiết, bạn có thể tham khảo tài liệu cài đặt cục bộ để xem các khả năng của 10 có sẵn trong môi trường của bạn sau khi cài đặt. 10 chỉ có sẵn với loại cài đặt này. Nó có sẵn nếu bạn cài đặt từ CDN hoặc với NPM. Bạn sẽ thấy 10 hoạt động sau trong hướng dẫn.Trước khi cài đặt Brython, bạn muốn tạo môi trường ảo Python cho dự án này. Trên Linux hoặc MacOS, thực thi các lệnh sau:
Trên Windows, bạn có thể tiến hành như sau: 0Bạn vừa tạo ra một môi trường Python chuyên dụng cho dự án của bạn và được cập nhật 08 với phiên bản mới nhất.Trong các bước tiếp theo, bạn sẽ cài đặt Brython và tạo một dự án mặc định. Các lệnh giống nhau trên Linux, MacOS và Windows: 1Bạn đã cài đặt Brython từ Pypi, tạo một thư mục trống có tên 14 và tạo bộ xương dự án mặc định bằng cách thực hiện 10 được sao chép trong môi trường ảo của bạn trong quá trình cài đặt.Trong thư mục 14, 17 đã tạo một mẫu dự án và tạo các tệp sau:
Để kiểm tra dự án web mới được tạo này, bạn có thể khởi động một máy chủ web Python cục bộ với các lệnh sau: 2Khi bạn thực thi 26, Python bắt đầu một máy chủ web trên cổng 8000. Trang mặc định dự kiến là 02. Trình duyệt Internet của bạn đến 28 để hiển thị một trang với văn bản 29:Để biết ví dụ đầy đủ hơn, bạn có thể thay đổi URL trong thanh địa chỉ trình duyệt thành 30. Bạn sẽ thấy một trang tương tự như trang demo Brython:Với phương pháp này, các tệp JavaScript Brython được tải trực tiếp từ môi trường địa phương của bạn. Lưu ý thuộc tính 31 trong phần tử 05 của 02: 3HTML ở trên được thụt vào để tăng cường khả năng đọc trong hướng dẫn này. Lệnh 34 không thụt đầu vào mẫu HTML ban đầu mà nó tạo ra.Tệp HTML giới thiệu một vài tính năng Brython mới:
Toán tử 41 được sử dụng để thêm nút con vào một phần tử của DOM. Bạn có thể thấy nhiều chi tiết hơn về việc sử dụng các toán tử dành riêng cho Brython trong API DOM trong Brython.Cài đặt NPMNếu bạn rất thành thạo trong hệ sinh thái JavaScript, thì việc cài đặt NPM có thể thu hút bạn. Node.js và NPM được yêu cầu trước khi thực hiện cài đặt này. Cài đặt với NPM sẽ cung cấp các mô -đun Brython JavaScript có sẵn trong dự án của bạn như bất kỳ mô -đun JavaScript nào khác. Sau đó, bạn có thể tận dụng công cụ JavaScript yêu thích của mình để kiểm tra, đóng gói và triển khai trình thông dịch và thư viện Brython. Cài đặt này là lý tưởng nếu bạn đã cài đặt các thư viện JavaScript hiện tại với NPM. Giả sử rằng bạn đã cài đặt NPM trên hệ thống của mình, hãy tạo tệp 46 mặc định bằng cách gọi 47 trong một thư mục trống: 4Để tích hợp Brython vào dự án của bạn, hãy thực hiện lệnh sau: 5Bạn có thể bỏ qua các cảnh báo và lưu ý rằng Brython đã được thêm vào dự án của bạn. Để xác nhận, hãy mở 46 và đảm bảo bạn có thuộc tính 49 trỏ đến một đối tượng chứa mục 50: 6Đối với các ví dụ trước, bạn có thể tạo 02 sau đây và mở nó bằng trình duyệt của bạn. Một máy chủ web không cần thiết cho ví dụ này vì trình duyệt có thể tải tệp JavaScript 52 cục bộ: 7Trình duyệt hiển thị 02 và tải 5 từ URL 55 trong 02. Trong ví dụ này, bạn đã thấy một cách khác để cài đặt Brython tận dụng hệ sinh thái JavaScript. Trong phần còn lại của hướng dẫn, bạn sẽ viết mã dựa trên cài đặt CDN hoặc cài đặt PYPI.Tóm tắt các tùy chọn cài đặt BrythonBrython có một chân trong thế giới Python và một người khác trong JavaScript. Các tùy chọn cài đặt khác nhau minh họa tình huống công nghệ chéo này. Chọn cài đặt cảm thấy hấp dẫn nhất đối với bạn dựa trên nền của bạn. Bảng sau đây cung cấp cho bạn một số hướng dẫn:
Bảng này tóm tắt các tùy chọn cài đặt khác nhau có sẵn cho bạn. Trong phần tiếp theo, bạn sẽ tìm hiểu thêm về cách Brython hoạt động. Hiểu cách Brython hoạt độngChuyến tham quan của bạn về các cách khác nhau để cài đặt Brython đã cho bạn một số manh mối cấp cao về cách thực hiện hoạt động. Ở đây, một bản tóm tắt về một số đặc điểm mà bạn đã phát hiện ra cho đến nay trong hướng dẫn này:
Trong các phần sau, bạn sẽ xem xét chi tiết hơn về cách Brython hoạt động. Các thành phần cốt lõi BrythonCốt lõi của Brython được chứa trong 5 hoặc trong 64, phiên bản giảm thiểu của động cơ Brython. Cả hai đều bao gồm các thành phần chính sau:
Bạn sẽ thấy từng thành phần này trong hành động khi bạn làm việc thông qua các ví dụ trong hướng dẫn này. Thư viện tiêu chuẩn BrythonBây giờ bạn có một ý tưởng tổng thể về tệp Brython cốt lõi, 5, bạn sẽ tìm hiểu về tệp đồng hành của nó, 21. 21 phơi bày thư viện tiêu chuẩn Python. Khi tệp này được tạo, Brython biên dịch thư viện tiêu chuẩn Python vào JavaScript và kết hợp kết quả vào gói 21.Brython dự định sẽ càng gần càng tốt với CPYThon, việc thực hiện tham chiếu Python. Để biết thêm thông tin về CPython, hãy xem hướng dẫn của bạn về mã nguồn CPython và bên trong CPython. Khi Brython đang chạy trong bối cảnh của trình duyệt web, nó có một số hạn chế. Ví dụ: trình duyệt không cho phép truy cập trực tiếp vào hệ thống tệp, do đó, việc mở một tệp với 78 là không thể. Các chức năng không liên quan đến trình duyệt web có thể không được thực hiện. Ví dụ: mã bên dưới đang chạy trong môi trường Brython:>>> 8 79 nêu ra một ngoại lệ vì nó không an toàn để xóa một tệp cục bộ khỏi môi trường trình duyệt và API tệp và thư mục thư mục chỉ là một đề xuất dự thảo.Brython chỉ hỗ trợ các mô -đun Python bản địa. Nó không hỗ trợ các mô -đun Python được xây dựng trong C trừ khi chúng được thực hiện lại trong JavaScript. Ví dụ, 80 được viết bằng C trong CPython và được triển khai trong JavaScript trong Brython. Bạn có thể tham khảo danh sách các mô -đun trong phân phối Brython để so sánh với việc triển khai CPython.Bạn cần bao gồm 21 hoặc 82 để nhập các mô -đun từ thư viện tiêu chuẩn Python.Brython trong hành độngTại thời điểm này, bạn có thể tự hỏi làm thế nào Brython hành xử trong một trình duyệt mà chỉ nhận thức được công cụ JavaScript của nó. Việc sử dụng lại các ví dụ trước và các công cụ có sẵn trong trình duyệt, bạn sẽ tìm hiểu về quy trình liên quan đến việc thực thi mã Python trong trình duyệt. Trong phần cài đặt máy chủ CDN, bạn đã thấy ví dụ sau: 9Khi tải và phân tích trang HTML, 6 thực hiện các bước sau:
Trong ví dụ trên, mã Python được nhúng trong tệp HTML: 0Một tùy chọn khác là tải xuống mã Python từ một tệp riêng biệt: 1Trong trường hợp này, tệp Python sẽ trông như thế này: 2Tách mã Python với mã HTML là một cách tiếp cận sạch hơn và cho phép bạn tận dụng lợi ích và chức năng của các trình chỉnh sửa mã. Hầu hết các biên tập viên đều có hỗ trợ cho JavaScript nhúng trong HTML, nhưng họ không hỗ trợ Python trong HTML. Brython sườn bên trongPhần này cung cấp một chuyến đi sâu hơn vào quá trình chuyển đổi mã Python thành JavaScript. Nếu bạn không quan tâm đến những chi tiết này, thì hãy bỏ qua phần này, vì nó không bắt buộc để hiểu phần còn lại của hướng dẫn. Để minh họa quá trình này và xem qua các phần bên trong của Brython, hãy thực hiện các bước sau:
Trong trình duyệt JavaScript REPLED, Kiểu và thực thi mã sau: 3 86 phân tích cú pháp và biên dịch mã Python được cung cấp cho JavaScript và sau đó thực thi JavaScript trong trình duyệt web. Bạn sẽ nhận được kết quả sau:Áp dụng 85 cho mã Brython in 88 trong bảng điều khiển trình duyệt. Hàm JavaScript trả về 89, đây là giá trị trả về mặc định cho một hàm trong JavaScript.Khi bạn xây dựng một ứng dụng Brython, bạn không cần phải gọi rõ ràng một chức năng trong mô -đun JavaScript 66. Ví dụ này chỉ được cung cấp để chứng minh cách Brython vận hành đằng sau hậu trường. Nhận thức được 66 có thể giúp bạn đọc mã Brython và thậm chí đóng góp cho dự án khi bạn có thêm kinh nghiệm. Nó cũng sẽ giúp bạn hiểu rõ hơn về các ngoại lệ có thể được hiển thị trong bảng điều khiển trình duyệt.Đối tượng JavaScript 66 có sẵn trong phạm vi toàn cầu của JavaScript và bạn có thể truy cập nó với bảng điều khiển JavaScript trình duyệt.Sử dụng Brython trong trình duyệtTại thời điểm này, bạn có đủ sự hiểu biết về Brython để làm việc với các ví dụ chi tiết hơn. Trong phần này, bạn sẽ thực hiện một máy tính Base64 để thử nghiệm trong trình duyệt với API DOM và các chức năng khác thường chỉ có sẵn từ JavaScript. Bạn có thể tải xuống mã nguồn cho các ví dụ trong hướng dẫn này bằng cách nhấp vào liên kết bên dưới: Bạn sẽ bắt đầu bằng cách học cách thao túng DOM bằng Python và HTML. API DOM trong BrythonĐể thử nghiệm các thao tác DOM có sẵn trong Brython, bạn sẽ xây dựng một biểu mẫu để mã hóa một chuỗi thành Base64. Mẫu hoàn thành sẽ trông như thế này: Tạo tệp HTML sau đây và đặt tên cho nó 02: 4HTML ở trên tải các tài nguyên tĩnh, xác định bố cục UI và bắt đầu tổng hợp Python:
Mã Python liên quan, 94, như sau: 5Mã Python hiển thị định nghĩa về các hàm gọi lại và cơ chế để thao tác với DOM:
Để thao túng DOM, Brython sử dụng hai toán tử:
Bạn có thể thấy cả hai toán tử trong câu lệnh sau được lấy từ 12: 6Bạn có thể đọc mã trên như là Thêm vào phần tử bảng Phần tử đầu bảng chứa phần tử hàng bảng bao gồm hai phần tử ô dữ liệu bảng liền kề. Nó được hiển thị trong trình duyệt như mã HTML sau: 7Mã HTML hiển thị cấu trúc lồng nhau cho hàng tiêu đề của phần tử bảng. Ở đây, một định dạng dễ đọc hơn của cùng một mã: 8Để quan sát kết quả trong bảng điều khiển Brython, bạn có thể nhập khối mã sau: >>> 9Để thực hiện mã đầy đủ, bạn cần khởi động một máy chủ web. Như trước đây, bạn khởi động máy chủ web Python tích hợp trong cùng thư mục với hai tệp 02 và 94: 0Sau khi bắt đầu máy chủ web, hãy trỏ trình duyệt của bạn đến 28. Trang trông như thế này:Bạn sẽ mở rộng ví dụ này trong phần API Web Trình duyệt bằng cách cho phép dữ liệu được lưu trữ giữa các trang tải lại. Nhập khẩu trong BrythonBạn có thể sử dụng 30 để truy cập các mô -đun Python hoặc các mô -đun Brython được biên dịch cho JavaScript.Các mô -đun Python là các tệp có tiện ích mở rộng 31 trong thư mục gốc của dự án của bạn hoặc, đối với gói Python, trong một thư mục con chứa tệp 32. Để nhập các mô -đun Python trong mã Brython của bạn, bạn cần bắt đầu một máy chủ web. Để biết thêm về các mô -đun Python, hãy xem các mô -đun và gói Python - giới thiệu.Để khám phá cách nhập các mô -đun Python vào mã Brython của bạn, hãy làm theo các hướng dẫn được mô tả trong phần cài đặt với PYPI, tạo và kích hoạt môi trường ảo Python, cài đặt Brython và sửa đổi 02 như sau: 1Tệp HTML ở trên hiển thị các mô -đun được nhập từ động cơ lõi ( 9), từ thư viện tiêu chuẩn ( 35) và từ một mô -đun Python cục bộ ( 36). Tại đây, nội dung của 37: 2Mô -đun này thực hiện 38, một trong các công thức nấu ăn 39. 38 trả về n phần tử đầu tiên của một điều đáng tin cậy nhất định. Nó dựa vào 41.Nếu bạn cố gắng mở 02 từ hệ thống tệp bằng trình duyệt của mình, thì bạn sẽ gặp lỗi sau trong bảng điều khiển trình duyệt: 3Nhập mô -đun Python yêu cầu bắt đầu một máy chủ web cục bộ. Bắt đầu một máy chủ web cục bộ và trỏ trình duyệt của bạn đến 28. Bạn sẽ xem trang HTML sau:Với một máy chủ web đang chạy, trình duyệt đã có thể tìm nạp mô -đun 37 khi 45 được thực thi. Kết quả của cả hai giá trị, 46 và 47, được chèn vào tệp HTML bằng hai dòng cuối cùng của tập lệnh Python nhúng và được hiển thị bởi trình duyệt.Giảm kích thước nhập khẩuTrong thư mục dự án của ví dụ trước, để giảm kích thước của các mô -đun JavaScript đã nhập và với các mô -đun Python đi kèm với JavaScript, bạn có thể sử dụng 10 với tùy chọn 49: 4Điều này sẽ tạo 50 và bạn có thể sửa đổi phần tử ____105 của 02 như sau: 5Dòng 4 Thay đổi nguồn tập lệnh gốc từ 21 thành 50.Mở 02 với trình duyệt của bạn hoặc trỏ trình duyệt vào máy chủ cục bộ hiển thị cùng một trang HTML. Lưu ý các điểm sau:
Công cụ dòng lệnh 59 cung cấp một giải pháp để loại bỏ mã không cần thiết khỏi các thư viện tiêu chuẩn và biên dịch mô-đun Python của bạn thành mã JavaScript. Điều này giúp đóng gói ứng dụng của bạn và kết quả tải xuống tài nguyên nhỏ hơn.Tương tác với JavaScriptBrython cho phép mã Python tương tác với mã JavaScript. Mẫu phổ biến nhất là truy cập JavaScript từ Brython. Điều ngược lại, mặc dù có thể, là phổ biến. Bạn có thể thấy một ví dụ về JavaScript gọi chức năng Python trong phần Kiểm tra đơn vị JavaScript. JavaScriptCho đến thời điểm này, bạn đã trải nghiệm một vài kịch bản trong đó mã Python tương tác với mã JavaScript. Cụ thể, bạn đã có thể hiển thị một hộp thông báo bằng cách gọi 60.Bạn có thể thấy 61 hoạt động trong ba ví dụ sau đây chạy trong bảng điều khiển Brython, không phải trong Shell phiên dịch Cpython tiêu chuẩn:>>> 6Hoặc bạn có thể sử dụng 73:>>> 7Hoặc bạn có thể sử dụng 73:>>> 8Hoặc bạn có thể sử dụng 73:Hoặc bạn có thể sử dụng 63:
Truy cập các đối tượng được xác định trong JavaScript 9 81 82
Dòng 9 xác định hàm tùy chỉnh 83 trong khối JavaScript.Dòng 17 gọi {"code":"fr","hello":"Salut"}
|