python遍历目录文件_结合vue获取所有的html文件并且展示

import os
path = '/path/to/directory'
dir_list = os.listdir(path)
print(dir_list)

import os
path = '/path/to/directory'
is_dir = os.path.isdir(path)
if is_dir:
    print(path, 'is a directory')
else:
    print(path, 'is not a directory')

# 读取路径 传入三个参数 分别 路径、路径保存变量、文件名保存变量
def traverse(f,temp,title):
    try:
        fs = os.listdir(f)
        for f1 in fs:
            tmp_path = os.path.join(f, f1)
            if not os.path.isdir(tmp_path):
                print('文件名: %s' % f1)
                print('文件: %s' % tmp_path)
                s=str(f1)
                if  s.endswith('html'):#
                    #路径处理
                    s_path=str(tmp_path)
                    print('原始',s_path)
                    s_get=s_path.replace('\\','/')
                    print('替换\\',s_path,s_get)
                    s_get=s_get[1:]
                    print('切片',s_get)
                    temp.append(s_get)
                    #标题处理
                    #切片
                    t=s[:len(s)-5]
                    print(t)
                    title.append(t)
            else:
                print('文件夹：%s' % tmp_path)
                traverse(tmp_path,temp,title)
                # 递归
    except Exception as e:
        print(e)
    finally:
        return temp

from django.http import JsonResponse#json
import os
def html_path(request):
    path_data=[]# 路径
    title_data = []  # 标题
    path = './static/Csslearn'
    p_data=traverse(path,path_data,title_data)#路径、标题处理
    data={
        'code':1,'path':p_data,'title':title_data
    }
    return JsonResponse(data)
# 读取路径
def traverse(f,temp,title):
    try:
        fs = os.listdir(f)
        for f1 in fs:
            tmp_path = os.path.join(f, f1)
            if not os.path.isdir(tmp_path):
                print('文件名: %s' % f1)
                print('文件: %s' % tmp_path)
                s=str(f1)
                if  s.endswith('html'):#
                    #路径处理
                    s_path=str(tmp_path)
                    print('原始',s_path)
                    s_get=s_path.replace('\\','/')
                    print('替换\\',s_path,s_get)
                    s_get=s_get[1:]
                    print('切片',s_get)
                    temp.append(s_get)
                    #标题处理
                    #切片
                    t=s[:len(s)-5]
                    print(t)
                    title.append(t)
            else:
                print('文件夹：%s' % tmp_path)
                traverse(tmp_path,temp,title)
                # 递归
    except Exception as e:
        print(e)
    finally:
        return temp

data() {
    return {
      msg: "css练习：",
      css_length: "",
      baseurl: "http://127.0.0.1:1998",
      css_title: [],
      css_path: [],
      ifreame_content: "",
      look_i:'浏览：',
      now_title:'',
    };
  },
  methods: {
    get_ifreame: function (index) {
      let that = this; //that
      that.ifreame_content = that.css_path[index];//路径
      that.now_title=index+1+'. '+that.css_title[index];//标题
    },
    getCss: function () {
      let that = this;
      axios
        .get(that.baseurl + "/css/")
        .then((res) => {
          console.log("get返回", res);
          let getdata = res.data;
          let css_path = getdata.path;
          let css_title = getdata.title;
          console.log(css_path, css_title);
          // 路径处理
          css_path.map((o) => {
            let temp = that.baseurl + o;
            that.css_path.push(temp);
          });
          // 标题传递
          that.css_title = css_title;
          console.log(that.css_path, that.css_title);
          // 传递第一个路html路径
          that.ifreame_content = that.css_path[0];
          // 传递长度
          that.css_length = css_title.length;
          that.now_title=css_title.length>0? 1+'. '+css_title[0]:'';//标题加序号
        })
        .catch((error) => {
          console.log("get错误！", error);
        });
    },
  },

<!-- 绑定src参数 -->
<iframe v-bind:src="ifreame_content"></iframe>