from flask import Flask,Blueprint,request,render_template

from flask import current_app as app

from uploadCode import db

from models import CodeRecord

import zipfile

import shutil

import  os

import uuid

uploadBlue = Blueprint("uploadBlue", __name__)

@uploadBlue.route("/upload", methods=["GET", "POST"])

def upload():

    if request.method == "GET":

        return render_template("upload.html", error="")

    # 先获取前端传过来的文件

    file = request.files.get("zip_file")

    # 判断是否是zip包

    zip_file_type = file.filename.rsplit(".", 1)

    if zip_file_type[-1] != "zip":

        return render_template("upload.html", error="上传的必须是zip包")

    # 解压保存

    upload_path = os.path.join(app.config.root_path, "files", str(uuid.uuid4()))

    print(upload_path)

    # zipfile.ZipFile(file.stream, upload_path)

    shutil._unpack_zipfile(file, upload_path)

    # 遍历保存的文件夹得到所有.py文件

    file_list = []

    for (dirpath, dirname, filenames) in os.walk(upload_path):

        for filename in filenames:

            file_type = filename.rsplit(".", 1)

            if file_type[-1] != "py":

                continue

            file_path = os.path.join(dirpath, filename)

            file_list.append(file_path)

    # 打开每个文件读取行数

    sum_num = 0

    for path in file_list:

        with open(path, mode="rb") as f:

            for line in f:

                if line.strip().startswith(b"#"):

                    continue

                sum_num += 1

    # 得到总行数去保存数据库

    return str(sum_num)

@uploadBlue.route("/")

def index():

    # 展示用户提交代码柱状图

    queryset = db.session.query(CodeRecord).all()

    date_list = []

    num_list = []

    for obj in queryset:

        date_list.append(str(obj.upload_date))

        num_list.append(obj.code_nums)

    return render_template("index.html", date_list=date_list, num_list=num_list)

upload

from flask import Flask

from flask_sqlalchemy import SQLAlchemy

db = SQLAlchemy()

from uploadCode.views.upload import uploadBlue

def create_app():

    app = Flask(__name__)

    app.config.from_object("settings.DevConfig")

    app.register_blueprint(uploadBlue)

    db.init_app(app)

    return app

__init__

from uploadCode import create_app

app =create_app()

if __name__ == '__main__':

     app.run()

manager

from uploadCode import db

# from uploadCode import create_app

class User(db.Model):

    __tablename__ = "user"

    id = db.Column(db.Integer,primary_key=True)

    name = db.Column(db.String(32))

    # code_record = db.relationship("codeRecord", backref="user")

class CodeRecord(db.Model):

    __tablename__  ="codeRecord"

    id = db.Column(db.Integer,primary_key=True)

    upload_date = db.Column(db.Date)

    code_nums = db.Column(db.Integer)

    user_id= db.Column(db.Integer,db.ForeignKey("user.id"))

# app = create_app()

# app_ctx = app.app_context()

# with app_ctx:

#     db.create_all()

models

class DevConfig(object):

    DEBUG = True

    SQLALCHEMY_DATABASE_URI = "mysql+pymysql://root:123456@192.168.2.128:3306/day104?charset=utf8"

    SQLALCHEMY_POOL_SIZE = 5

    SQLALCHEMY_TRACK_MODIFICATIONS = True

settings

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="js/vue.js"></script>

    <script src="js/vue-router.js"></script>

</head>

<body>

<form action="" method="POST" enctype="multipart/form-data">

    请上传你的代码：<input type="file" name="zip_file">

    <button type="submit">提交</button>

    {{error}}

</form>

</body>

</html>

upload

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="js/vue.js"></script>

    <script src="js/vue-router.js"></script>

    <script src="/static/echarts.common.min.js"></script>

</head>

<body>

       <div id="container" style="height: 600px"></div>

       {{date_list}}

       {{num_list}}

       <div id="info" date_list="{{date_list}}" num_list="{{num_list}}"></div>

       <script>

           var dom = document.getElementById("container");

var myChart = echarts.init(dom);

var app = {};

let infoEle = document.getElementById("info");

 let date_list = infoEle.getAttribute("date_list");

 let num_list = infoEle.getAttribute("num_list");

option = null;

app.title = '坐标轴刻度与标签对齐';

option = {

    color: ['#3398DB'],

    tooltip : {

        trigger: 'axis',

        axisPointer : {            // 坐标轴指示器，坐标轴触发有效

            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'

        }

    },

    grid: {

        left: '3%',

        right: '4%',

        bottom: '3%',

        containLabel: true

    },

    xAxis : [

        {

            type : 'category',

            data : eval(date_list), //注意要使用eval，否则无法正常显示

            axisTick: {

                alignWithLabel: true

            }

        }

    ],

    yAxis : [

        {

            type : 'value'

        }

    ],

    series : [

        {

            name:'直接访问',

            type:'bar',

            barWidth: '60%',

            data:eval(num_list) //注意要使用eval，否则无法正常显示

        }

    ]

};

;

if (option && typeof option === "object") {

    myChart.setOption(option, true);

}

       </script>

</body>

</html>

index

其中static中的引用的需要去http://www.echartsjs.com/feature.html中下载

基于flask的代码上传的更多相关文章

  1. python 全栈开发，Day75(Django与Ajax,文件上传,ajax发送json数据,基于Ajax的文件上传,SweetAlert插件)

    昨日内容回顾 基于对象的跨表查询 正向查询:关联属性在A表中,所以A对象找关联B表数据,正向查询 反向查询:关联属性在A表中,所以B对象找A对象,反向查询 一对多: 按字段:xx book ----- ...

  2. git使用教程1-本地代码上传到github

    前言 不会使用github都不好意思说自己是码农,github作为一个开源的代码仓库管理平台,我们可以把自己的代码放到github上,分享给小伙伴,自己也能随时随地同步更新代码. 问题来了:为什么越来 ...

  3. Django与Ajax,文件上传,ajax发送json数据,基于Ajax的文件上传,SweetAlert插件

    一.Django与Ajax AJAX准备知识:JSON 什么是 JSON ? JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻 ...

  4. （超详细）使用git命令行将本地仓库代码上传到github或gitlab远程仓库

    (超详细)使用git命令行将本地仓库代码上传到github或gitlab远程仓库 本地创建了一个 xcode 工程项目,现通过 命令行 将该项目上传到 github 或者 gitlab 远程仓库,具体 ...

  5. 将你的代码上传 Bintray 仓库

    在 Android Studio 中,我们通常可以利用 gradle 来导入别人写的第三方库,通常可以简单得使用一句话就能搞定整个导包过程, 比如: compile 'net.cpacm.moneyt ...

  6. git使用之如何将github库下载到本地与如何将代码上传github

    git使用之如何将github库下载到本地与如何将代码上传github ---------------------------------------------------------------- ...

  7. 一步一步实现android studio代码上传到github。

    本文只注重代码上传能成功就好,不解释什么是git什么事github,git有什么优势. 1,先创建一个android应用, 第二步:创建github账户 和 安装git.网上的文章多如牛毛.唯一要说的 ...

  8. nginx+vsftp图片下载java代码上传

    系统环境:阿里云centos7.3 安装nginx 查看nginx进程 ps aux|grep nginx 在/usr/local/nginx/sbin/目录下 nginx启动 ./nginx 快速停 ...

  9. Python基于Python实现批量上传文件或目录到不同的Linux服务器

    基于Python实现批量上传文件或目录到不同的Linux服务器   by:授客 QQ:1033553122 实现功能 1 测试环境 1 使用方法 1 1. 编辑配置文件conf/rootpath_fo ...

随机推荐

  1. 代码审计之Finecms任意文件下载漏洞

    PS:该漏洞已被公布,只是学习.故自己跟着大佬的步伐审计. 文件地址:\controllers\ApiController.php Line 57 public function downAction ...

  2. Oracle DBA面试突击题

    一份ORACLE DBA面试题 一:SQL tuning 类 1:列举几种表连接方式 答: Oracle的多表连接算法有Nest Loop.Sort Merge和Hash Join三大类,每一类又可以 ...

  3. PHP——0128练习相关1——window.open()

    Window.open()方法参数详解 1, 最基本的弹出窗口代码   window.open('page.html'); 2, 经过设置后的弹出窗口   window.open('page.html ...

  4. java 错误汇总

    一.怎么处理警告:编码 GBK 的不可映射字符 解决办法是:应该使用-encoding参数指明编码方式:javac -encoding UTF-8 XX.java,这下没警告了,运行也正确了在JCre ...

  5. 向服务器发送josn字符串，服务器端解析

    <script type="text/javascript"> $(function () { $("#btnsave").click(functi ...

  6. Javascript 验证上传图片大小[客户端验证]

    需求分析: 在做上传图片的时候,如果不限制上传图片大小,后果非常的严重.那么我们怎样才可以解决一个棘手的问题呢?有两种方式: 1)后台处理: 也就是AJAX POST提交到后台,把图片上传到服务器上, ...

  7. 【BZOJ】1016: [JSOI2008]最小生成树计数（kruskal+特殊的技巧）

    http://www.lydsy.com/JudgeOnline/problem.php?id=1016 想也想不到QAQ 首先想不到的是:题目有说,具有相同权值的边不会超过10条. 其次:老是去想组 ...

  8. redhat6.2 clang编译环境搭建(采用源码包编译安装)

    1. About clang++ office site:http://clang.llvm.org/ A major focus of our work on clang is to make it ...

  9. <mvc:annotation-driven />注解详解

    <mvc:annotation-driven /> 是一种简写形式,完全可以手动配置替代这种简写形式,简写形式可以让初学都快速应用默认配置方案.<mvc:annotation-dri ...

  10. querySelectorAll 和getElementsByClassName的区别

    querySelectorAll 返回的是映射 改变其值不会改变document 而getElementsByClassName 改变它就会改变document 摘自JavaScript权威指南(jQ ...