Table 생성 표준 가이드

목차

table 조작시 DataFrame from db -> preprocessing -> table html design -> insert base code 순서로 개발한다.

1. DataFrame from db

2. preprocessing

3. table html design

4. insert base code

⚠️관련 libarary 는 html_helper 모두 정의되어 있다.

0.이유

html 을 django template 을 안쓰고 python 으로 제어 할려는 이유는 무엇인가? 어떤 장점이 있는가?

• django 에 종속된다.
• 표준화 코드로 만들기 힘들다. 다른 사람에게 교육하기 힘들다.
• 개발 layer 가 복잡해진다.
  • python ↔ html 으로 왔다 갔다 하면서 코딩하면 집중성 , 효율성이 많이 떨어진다.
• debugging 이 용이하다
  • django 을 틀 필요없이 바로 html 로 저장해서 확인 가능, 행복 시작

1. DataFrame from DB

• 아래와 같이 db 조회를 한후에 Dataframe 으로 변경한다.

def index(request):
    files = File.objects.all()
    files_df = pd.DataFrame.from_records(files.values())
    files_html = files_df.to_html()
    return HttpResponse(files_html)

• HttpResponse 을 활용해 바로 html 로 변환한다.

그럼 이렇게 바로 table 이 나온다.

2. Table Preprocessing

table 을 조작 제어 한다.

2.1 특정 열만 보여주고 싶을때

• field 항목은 forms 에서 관리한다.

• 아래와 같이 Form 을 만들고 Form.Meta.fields 을 통해 정보를 가져온다

• class FileShowForm(forms.ModelForm):
      class Meta:
          model = File
          fields = ['id',
                    'name',
                    # 'ext',
                    'size',
                    # 'upload_date',
                    'creation_date',
                    'version',
                    'project',
                    'filecontent',
                    'authority']
  
          widgets = {
              'creation_date': forms.widgets.DateInput(attrs={'type': 'date'})
          }
  
      def __init__(self, *args, **kwargs):
          super().__init__(*args, **kwargs)
  

• 이후

def index(request):
    files = File.objects.all()
    show_fields = FileShowForm.Meta.fields
    files_df = pd.DataFrame.from_records(files.values())
    target_files_df = files_df.loc[:, show_fields] #<-- 여기를 보자 
    files_html = target_files_df.to_html()
    return HttpResponse(files_html)

3. Table 디자인

4. insert base code 순서로 개발한다.

Table 속성 변경

table 내 태그 삽입

wrap_with_tag 을 활용

Table codeing

import pandas as pd
from bs4 import BeautifulSoup
import numpy as np


def save_as_html(path, html):
    """
    주어진 HTML 태그를 파일로 저장합니다.

    매개변수:
        - path (str): HTML 내용을 저장할 파일 경로입니다.
        - tags (str): 저장할 HTML 태그 또는 내용입니다.

    예시:
        save_as_html('output.html', '<p>Hello, World!</p>')
    """
    with open(path, 'w', encoding='utf-8') as f:
        f.write(html)


def wrap_with_tag(input_string, tag_name, **attr):
    """
      주어진 문자열을 지정한 HTML 태그로 감싸는 함수입니다.

      Parameters:
          - input_string (str): 감쌀 문자열입니다.
          - tag_name (str): 생성할 태그의 이름입니다.
          - **attr: 생성할 태그의 다른 속성을 지정하는 키워드 인자들입니다.

      Returns:
          str: HTML 태그로 감싸진 문자열입니다.

      Example:
          wrap_with_tag('<p>Hello, World!</p>', 'a', href='https://example.com', class_='link')
    """

    # BeautifulSoup으로 HTML 파싱
    soup = BeautifulSoup(input_string, 'html.parser')

    # <a> 태그 생성
    target_tag = soup.new_tag(name=tag_name, **attr)

    # 원래의 문자열을 <a> 태그 안으로 옮기기
    target_tag.append(soup.new_string(input_string))

    # 원래의 문자열을 <a> 태그로 대체
    soup.contents = [target_tag]

    # 결과 반환
    return str(soup)


def add_css():
    pass


def add_js():
    pass


def html_load(basepath):
    """
       주어진 파일 경로에서 HTML 파일을 읽어와 문자열로 반환하는 함수입니다.

       Parameters:
           - basepath (str): 읽어올 HTML 파일의 경로입니다.

       Returns:
           str: HTML 파일의 내용을 담은 문자열입니다.

       Example:
           html_content = html_load('path/to/your/file.html')
       """
    with open(basepath, 'r', encoding='utf-8') as f:
        html_content = f.read()
        return html_content


def bs4_load(base_path):
    """
    주어진 파일 경로에서 HTML 파일을 읽어와 BeautifulSoup 객체로 파싱하여 반환하는 함수입니다.

    Parameters:
        - base_path (str): 읽어올 HTML 파일의 경로입니다.

    Returns:
        BeautifulSoup: HTML을 파싱한 BeautifulSoup 객체입니다.

    Example:
        soup = bs4_load('path/to/your/file.html')
    """
    html_str = html_load(base_path)
    soup = BeautifulSoup(html_str, 'html.parser')
    return soup


if __name__ == '__main__':
    arr = np.arange(12).reshape(4, 3)
    df = pd.DataFrame(arr)
    df = df.applymap(lambda x: wrap_with_tag(str(x), tag_name='a', href='http://naver.com'))

    # 셀 내 html 코드를 html로 인식한다. escape=True 이면 문자열로 인식을 한다. 
    table_html = df.to_html(escape=False)

    # base html 을 불러옵니다.
    base_soup = bs4_load('../base_template/bootstrap.html')

    # base html 내 table을 삽입합니다.
    body_tag = base_soup.find('body')
    first_script_tag = body_tag.find('script')
    first_script_tag.insert_before(table_html)

    # html 을 저장합니다.
    save_as_html('temp.html', base_soup.prettify(formatter=None)) 
    # formatter 을 None 으로 하면 특수 기호들이 나 $gt 이런 식으로 나온다.