项目介绍

  本文将介绍笔者的一个项目，主要是利用tornado实现表格文件的预览，能够浏览的表格文件支持CSV以及Excel文件。预览的界面如下：

  下面我们将看到这个功能是如何通过tornado来实现的。

代码

  该项目的代码结构如下图所示：

  其中主要分为四个部分：

• files
• static
• templates
• py代码

其中，files文件夹为上传的表格文件的存放路径，static为前端的静态文件，后续将不用给出介绍，读者可以从该项目的github中下载（下载地址详见后面），templates文件夹主要存放HTML文件，而py文件用于后端控制。

  首先让我们看三个HTML文件，先是upload.html，其代码如下：

    
            
        
                
    
        
     
     
        
     
表格文件上传
    
     
        
      
            
       选择要上传的文件            
               
      
        
      
        
      
            提交        
    
     
        
     
查看全部文件
    
    

这个是文件上传的网页，界面如下：

选择上传文件，完成上传后，则会显示如下界面：

接着是fileReview.html，其代码如下：

    
            
        
        
        
    
        
     
     
    
     
文件浏览
    
     
              {% for file in files %}            {% if file.endswith('.csv') or file.endswith('.xls') or file.endswith('.xlsx') %}            
      
 文件上传界面    
     
    

该页面主要用于显示上传的表格文件，界面如下：

最后是dataReview.html，代码如下：

    
            
        
        
        
    
    
    
     
    
      
                         {% for title in data[0] %}                
                {% end %}            
                    {% for line in data[1:] %}            
                         {% for cell in line %}                
                {% end %}            
            {% end %}        
               
                    
         
{ { title }}
        
               
               
        
         
{ { cell }}
        
       
          
    
     
        
     文件上传界面    
    

该界面主要用于显示表格文件中的数据，比如刚才上传成功的Excel文件，其中的数据如下：

  仅有HTML页面是不够的，我们还需要Python代码来控制网页的运行，这就是server.py，其中的代码如下：

# -*- coding: utf-8 -*-import xlrdimport os.pathimport tornado.httpserverimport tornado.ioloopimport tornado.optionsimport tornado.webfrom tornado.options import define, options#定义端口为12306define("port", default=12306, help="run on the given port", type=int)class UploadFileHandler(tornado.web.RequestHandler):    # get函数    def get(self):        self.render('upload.html')    # post函数    def post(self):        # 文件的存放路径        upload_path = os.path.join(os.path.dirname(__file__), 'files')        # 提取表单中‘name’为‘file’的文件元数据        file_metas = self.request.files['file']        for meta in file_metas:            filename = meta['filename']            filepath = os.path.join(upload_path, filename)            # 有些文件需要已二进制的形式存储，实际中可以更改            with open(filepath, 'wb') as up:                up.write(meta['body'])            self.write("
")            self.write('
上传%s成功!
' % filename)            self.write('
查看全部文件
')class FileReviewHandler(tornado.web.RequestHandler):    def get(self):        # 文件的存放路径        upload_path = os.path.join(os.path.dirname(__file__), 'files')        files = os.listdir(upload_path)        for file in files:            if os.path.isdir(file):                files.remove(file)        self.render('fileReview.html', files=files)class DataReviewHandler(tornado.web.RequestHandler):    def get(self):        filename = self.get_argument('file')        print(filename)        # 文件的存放路径        upload_path = os.path.join(os.path.dirname(__file__), 'files')        file_path = os.path.join(upload_path, filename)        if filename.endswith('.csv'):            with open(file_path, "r") as f:                data = f.readlines()            data = [line.strip().split(',') for line in data]        elif filename.endswith('.xls') or filename.endswith('.xlsx'):            tables = xlrd.open_workbook(file_path)            table = tables.sheets()[0] # 第一张表格            nrows = table.nrows            # 循环行列表数据            data = []            for i in range(nrows):                data.append(table.row_values(i))        else:            data = []        self.render('dataReview.html', data=data)# 主函数def main():    # 开启tornado服务    tornado.options.parse_command_line()    # 定义app    app = tornado.web.Application(            handlers=[(r'/file', UploadFileHandler),                      (r'/file_review', FileReviewHandler),                      (r'/data', DataReviewHandler)                      ],    # 网页路径控制            template_path=os.path.join(os.path.dirname(__file__), "templates"), # 模板路径            static_path=os.path.join(os.path.dirname(__file__), "static"),  # 配置静态文件路径          )    http_server = tornado.httpserver.HTTPServer(app)    http_server.listen(options.port)    tornado.ioloop.IOLoop.instance().start()main()

点击运行server.py文件，在浏览中输入“localhost:12306/file”就能看到刚才的文件上传的页面了。

  到此，我们就讲完了这个项目的结构，我们省去了static文件的讲述，因为这并不影响程序的运行，只是页面的样式会比较丑陋，如果您想获得较好的浏览效果，可以从该项目的github地址中下载static文件夹，不必再自己重头写起。

使用

  笔者提供了以下三种方式供读者使用该项目：

• 直接使用
• github使用
• docker使用

直接使用

  读者按照上面的讲解，自己写一个项目，拷贝static文件夹，然后点击运行server.py，在浏览中输入“localhost:12306/file”就能使用该程序来浏览上传的表格了。

github使用

  从该项目的github地址：，命令如下：

git initgit clone https://github.com/percent4/csv_file_review

然后安装必要的第三方模块：xlrd, tornado, 点击运行server.py，在浏览中输入“localhost:12306/file”就能使用该程序来浏览上传的表格了。

docker使用

  首先拉取docker镜像：

docker pull jclian91/dockertest:csv_file_review.2019.02.21.2312

然后运行该镜像：

docker run -p 12306:12306 -v $PWD/db:/root/csv_file_review/src/files -it c97f252cd6e8 bash

注意， -it后面为刚才拉取的docker镜像的ID,需要将ID替换为你刚拉取的镜像ID，运行端口为本机的12306，上传的表格数据存放在$PWD/db路径下。进入虚拟机后，运行server.py即可启动服务，

[root@fbb2c3fb6ce1 src]# ls__init__.py  files  server.py  static  templates[root@fbb2c3fb6ce1 src]# python server.py

在浏览中输入“localhost:12306/file”就能使用该程序来浏览上传的表格了。

总结

  关于本项目的介绍就到这儿了，感谢大家阅读~

  如您对本项目的源代码感兴趣，可参考网址：

注意：本人现已开通微信公众号： Python爬虫与算法（微信号为：easy_web_scrape）， 欢迎大家关注哦~~