검색 창 또는 검색 창은 방문자가 찾은 것을 찾을 수 있도록 웹 응용 프로그램에 적용되는 인기있는 기능입니다. 훌륭한 UX 검색 기능은 정보 검색 여정을 크게 단축하고 사용자 경험을 향상시킬 수 있습니다. 이 기사에서는 Flask를 사용하여 기본 검색 기능을 설정하고 Panda의 데이터 프레임에서 데이터를 반환하는 방법을 살펴 보겠습니다.

플라스크 검색 바의 성분과 팬더를 사용한 동적 데이터 테이블 반환

목차

• 검색 창
• 검색 결과 및 Easy2Digital API
• 플라스크 및 팬더를 사용한 웹 앱 검색 기능의 전체 파이썬 스크립트
• 자주하는 질문

검색 창

검색 표시 줄을 추가하려면 ClientSide HTML 스크립트 폴더에 추가 된 입력 메소드 및 검색 유형이 필요합니다. 플라스크에서는 템플릿 폴더에 저장된 새로운HTML 스크립트를 작성해야합니다. 다음과 같은 코드는 다음과 같습니다.

두 가지 변수 값을 확인하십시오. 하나는 Python 스크립트 파일에서 작성한 Flask Route 이름과 동일한 Action 매개 변수에 Route Name “SymbolResult”를 추가하는 것입니다.

다른 하나는 입력 ID 값이 서버 측의 양식 이름 값과 동일해야합니다. 나는 잠시 후에 더 자세히 설명 할 것이다.

검색 결과 및 Easy2Digital API

검색 바 페이지 또는 원하는 페이지에 내장 된 검색 바 기능을 만든 후. 이제 사용자가 검색 한 후 검색 결과 데이터 리턴을 개발해야합니다. 기본적으로 데이터 통신에는 서버 측 및 클라이언트 측 2 섹션이 포함됩니다.

서버 측 – 파이썬, 팬더

먼저, 검색 결과를 사용자에게 반환 할 수있는 경로를 만들어야합니다. 여기서 경로 이름은 클라이언트 측 HTML 양식 조치 이름과 동일해야합니다. 함께 연결하기위한 것입니다.

그런 다음 키워드 사용자의 입. 력을 캡처하여 정보를 찾아서 양식 변수를 작성해야합니다. get ()의 값은 위에서 언급 한 클라이언트 측의 형태의 ID와 동일해야합니다.

또한 키워드를 기반으로 데이터베이스를 연결하는 데 사용할 수 있습니다. 예를 들어 Easy2Digital API를 사용하고 재무 비율을 선택합니다. Easy2Digital API 컬렉션에 관심이있는 경우. 이 페이지에서 자세한 내용을 확인하십시오.

요청 방법을 사용하고 Easy2Digiatal API 엔드 포인트에서 관련 매개 변수를 추가하여 검색 표시 줄에서 키워드와 관련된 데이터를 가져옵니다.

마지막으로, 검색 결과에 표시 할 데이터 테이블을 반환하려면 Panda의 데이터 프레임을 활용할 수 있으며 코드 샘플은 다음과 같습니다.

• financialRatioData is for adding the table headers
• Row_data is for adding the value from each header

클라이언트 측 – HTML, CSS, Jinja

When the server-side code and route are ready, it returns the information related to the search keyword back to the client side. The question is how the client side in HTML, and CSS can display the data from the server side. Jinja2 and for loop, zip() methods can be used in this case. Here are the codes as follows:

플라스크 및 팬더를 사용한 웹 앱 검색 바의 전체 파이썬 스크립트

If you are interested in the Easy2Digital API, and the full python script of Chapter 65 – Flask Search Bar Plus Dynamic Data Table Return Using Pandas and Python, please subscribe to our newsletter by adding the message “Chapter 65”. We would send you the script immediately to your mailbox.

Pandas와 Python을 사용하여 Flask Search Bar와 Dynamic Data Table Return을 읽는 것을 즐기시기 바랍니다. 당신이 그렇게했다면, 아래에 나열된 것들 중 하나를 수행하여 항상 우리의 채널을도울 수 있기 때문에 우리를 지원하십시오.

• Support and Donate to our channel through PayPal (paypal.me/Easy2digital)
• Subscribe to my channel and turn on the notification bell Easy2Digital Youtube channel.
• Follow and like my page Easy2Digital Facebook page
• 해시 태그 #easy2digital과 소셜 네트워크의 기사를 공유하십시오.
• Easy2Digital 최신 기사, 비디오 및 할인 코드를 받으려면 주간 뉴스 레터에 가입하십시오.
• Subscribe to our monthly membership through Patreon to enjoy exclusive benefits (www.patreon.com/louisludigital)