基于python的极简版家用网盘（使用bottle）

最新推荐文章于 2024-05-08 15:25:58 发布
最新推荐文章于 2024-05-08 15:25:58 发布
阅读量667 收藏 3
点赞数 1
文章标签： python 服务器 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sraxc/article/details/131100895
版权

目录

1.服务器主文件

2.index.html

3.上传界面（下载界面已经囊括在服务器主文件里了）

4.投屏界面

 5.进入高级设置

 6.css和js

 7.最后

1.服务器主文件

本人使用的是python3.11.1，其他版本尚未测试。

此处用了不少库，功能都写在后面了，自行安装即可。

from bottle import *#服务器
from os import *#后面需要使用绝对路径
import socket#获取IP
import bottle
import random#生成随机数
import qrcode#生成二维码
import pyautogui#用于投屏
import threading#多线程

建议不要省略import bottle，因为可能会导致bottle库的run()和init中的run()重名而报错。

 下面是服务器的全部代码

服务器.py

from bottle import *#服务器
from os import *#后面需要使用绝对路径
import socket#获取IP
import bottle
import random#生成随机数
import qrcode#生成二维码
import pyautogui#用于投屏
import threading#多线程

hostname = socket.gethostname()
ip = socket.gethostbyname(hostname)

#这里是声明那几个文件夹
apath = path.abspath("./infile")
bpath = path.abspath("./网盘")
cpath = path.abspath("./背景图片")
dpath = path.abspath("./temp")

mainport = 8080   #上传下载功能的服务器端口
tpport = 8081     #投屏功能的服务器端口

#网盘密码的更改需要在infile文件夹下的index.html中更改
#投屏的帧数需要在infile文件夹下的tp.html中更改

@route("/")
def home():
    return static_file("index.html", apath)


@route("/infile/<name>")
def infiledown(name):
    return static_file(name, root=apath)


@route("/backimg")
def do_backimg():
    imgs = listdir(cpath)
    img = imgs[random.randrange(0, len(imgs))]
    return static_file(img, root=cpath)


@route("/file/<name>")
def do_download(name):
    return static_file(name, root=bpath, download=True)


@route("/up")
def uppage():
    return static_file("up.html", apath)


@route("/upload", method="POST")
def do_upload():
    upd = request.files.get("upload")
    upd.save(bpath, overwrite=True)
    return static_file("upend.html", root=apath)


@route("/down")
def downpage():
    files = listdir(bpath)
    result = ""
    for file in files:
        result += """                <form action="/file/{name}" method="get">
                    <input type="submit" id="{name}" class="hidd">
                </form><div class="show"><label for="{name}"><span class="spanshow">{name}</span></label></div>""".format(name=file)

    return """<!DOCTYPE html>
<html>

<head>
    <title>下载</title>
</head>

<body>
<div id='main'>"""+ result+ """
            </div>
            <a href="/other" style="position: absolute;bottom: 0%;right: 0%;">高级</a>
    <link rel="stylesheet" href="/infile/downpage.css">
    <script src="/infile/downpage.js"></script>
</body>

</html>"""

@route("/other")
def dootherret():
    return static_file("other.html", root=apath)

@route("/yanzheng",method='post')
def dootheryz():
    reyz=request.forms.get("pwd")
    if int(reyz) == 123456:           #此处为进入高级界面的密码（纯数字）
        return static_file('business.html',apath)
    else:
        return "Password error"

@route("/shut",method="post")
def doyxpy():
    system('shutdown -s')

@route("/tpbefore")
def tpbefore():
    return '<a href="{}">进入投屏界面</a>'.format(str(ip) + ":" + str(tpport) + "/tp")

def f1():
    @route("/tp")
    def dotp():
        return static_file('tp.html',apath)

    @route("/upimg/<>")
    def doupimg():
        im = pyautogui.screenshot()
        im.save(dpath + "/sss.png")
        return static_file('sss.png',dpath)
    
    bottle.run(host=ip, port=tpport, reloader=True)

t1=threading.Thread(target=f1,args=("apath","dpath"),daemon=True)
t1.start()

img = qrcode.make(str(f"http://"+str(ip)+':'+str(mainport)))
imgpath=dpath+"/1.png"
img.save(imgpath)
os.startfile(imgpath,"open")


bottle.run(host=ip, port=mainport, reloader=True, debug=True)

2.index.html

在这里，我尝试使用了一些动画，可能配色不是很好，如果想的话可以改为自己喜欢的颜色

<html>
<head>
    <title>网盘</title>
</head>

<body>
    <div id="main">
        <div id="login-back">
            <div id="login">
                <p>请输入登录密码：</p>
                <p><input type="password" id="loginpwd"></p>
                <p><label for="loginbut" id="loginward"><span>登录</span></label></p>
                <p id="out" style="text-align: center;color: red;"></p>
                <button onclick="opens()" style="display: none;" id="loginbut"></button>
            </div>
        </div>
        <div id="door-l"></div>
        <div id="door-r"></div>
        <div id="selectmask">
            <form action="/up" method="get">
                <input type="submit" id="ups" class="hidd">
            </form>
            <form action="/down" method="get" class="hidd">
                <input type="submit" id="downs">
            </form>
            <p class="pss"><label for="ups"><img src="infile/sel1.png" style="height: 20%;"></label></p>
            <p class="pss"><label for="downs"><img src="infile/sel2.png" style="height: 20%;"></label></p>
        </div>
    </div>


    <style type="text/css">
        html, body {
            width: 100%;
            height: 100%;
            margin: 0px;
            background-image: url('/backimg');
        }
        #main {
            background-color: rgba(0, 0, 0,0);
            height: 100%;
            width: 100%;
            z-index: -1;
            margin: 0px;
        }
        #door-l {
            background-color:skyblue;
            height: 100%;
            width: 50%;
            position: absolute;
            top: 0px;
            left: 0px;
            transition: all 1s;
            border: 0px;
            z-index: 9;
        }
        #door-r {
            background-color:skyblue;
;
            height: 100%;
            width: 50%;
            position: absolute;
            top: 0px;
            right: 0px;
            transition: all 1s;
            border: 0px;
            z-index: 9;
        }
        #login-back {
            height: 100%;
            width: 100%;
            margin: 0px;
            background-color:wheat;
            position: absolute;
            top: 0%;
            z-index: 10;
            transition: all 1s;
        }
        #login{
            height: 30%;
            width: 30%;
            background-color: white;
            position: absolute;
            top: 35%;
            left: 35%;
            z-index: 11;
            text-align: center;
        }
        #loginpwd{
            height: 15%;
            width: 70%;
            text-align: center;
            font-size: large;
        }
        #loginward{
            text-align: center;
            vertical-align: middle;
            position: absolute;
            top: 70%;
            left: 25%;
            width: 50%;
            height: 20%;
            background-color:deepskyblue;
            font-size: larger;
            color: white;
        }
        #selectmask{
            position: absolute;
            text-align: center;
            height: 100%;
            width: 100%;
            top: -100%;
            background-color: rgba(0, 0, 0, 0);
            z-index: 8;
            transition: all 1s;
            flex-direction: column;
        }
        #up{
            width: 60%;
            height: 30%;
            border-radius: 50%;
            border: 1px solid black;
            background-color: brown;
        }
        .hidd{
            display: none;
        }
    </style>

    <script>
        function opens(){
            let a = document.getElementById('loginpwd').value;
            if (a == 123456){                                     //在a==后面输入密码
                document.getElementById('out').style.color="green"
                document.getElementById('out').innerHTML="正在进入网盘..."
                setTimeout(()=>{openfont()},2000);
            }
            else{
                document.getElementById('out').innerHTML="密码错误"
            }
        }
        function openfont(){
            document.getElementById('login-back').style.top="-100%";
            setTimeout(()=>{opendoor()},1300);
        }
        function opendoor(){
            document.getElementById('door-l').style.width="0%";
            document.getElementById('door-r').style.width="0%";
            setTimeout(()=>{downselect()},1100);
        }
        function downselect(){
            document.getElementById('selectmask').style.top="0%";
        }
    </script>
</body>
</html>

3.上传界面（下载界面已经囊括在服务器主文件里了）

up.html

<html>

<body>
    <form method="post" action="/upload" enctype="multipart/form-data">
        <input type="file" name="upload" id="upload" style="display: none;">
        <input type="submit" id='sub' style="display: none;">
    </form>
    <label for="upload" id="lab1"><span><img style="height: 100%;" src="infile/up1.png"></span></label>
</body>

<style>
    html,
    body {
        background-image: url('/backimg');
    }

    #lab1 {
        background-color: white;
        position: absolute;
        top: -20%;
        height: 10%;
        transition: all 1s;
    }
</style>

<script src="/infile/jquery.min.js"></script>
<script>
    function LoadingStart(LoadText) {
        var loadingHidder = null;
        loadingHidder = "<div class='commLoading' style='background: rgba(0,0,0,0.1); width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100;'><div style='background: #fff;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 30px 50px 20px;border-radius: 5px;line-height: 20px;box-sizing: border-box;text-align: center;'><img src='https://www.buruyouni.com/static/upload/images/loading.gif' style='width: 35px;display: block;margin: 0 auto 15px;' /><span>" + LoadText + "<span></div></div>";
        $("body").css("overflow", "hidden").append(loadingHidder);
    }

    function LoadingEnd() {
        $("body").css("overflow", "");
        $(".commLoading").remove();
    }
    function commAlert(ALERTINNERHTML) {
        var alertHTML = "";
        alertHTML += "<div class='commAlertMask'><div class='commMaskBox'><div class='commMaskClose'><i style='font-size:22px;font-style:normal'>x</i></div><div className='commAlertCont'>" + ALERTINNERHTML + "</div></div></div>";

        $("body").append(alertHTML);

        $(".commAlertMask .commMaskClose").click(function () {
            $(".commAlertMask").remove();
        });
    }

    $('#upload').change(function () {
        LoadingStart("uploading...");
        document.getElementById('sub').click();
        document.getElementById('lab1').style.top="-20%"
    });
    window.onload = function () { document.getElementById('lab1').style.top = '0%' }
</script>

</html>

upend.html

<!DOCTYPE html>
<head>
    <style>
        p {
            font-size: 1.25rem;
        }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        .circle {
            stroke-dasharray: 1194;
            stroke-dashoffset: 1194;
            transition: 0.6s all 0s linear;
        }

        .tick {
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            transition: 1.5s all 0s linear;
        }
    </style>
</head>

<body>
    <svg width="400" height="400">
        <circle class="circle" fill="none" stroke="#68e534" stroke-width="20" cx="200" cy="200" r="190"
            stroke-linecap="round" transform="rotate(-90)" transform-origin="200 200"></circle>
        <polyline class="tick" fill="none" stroke="#68e534" stroke-width="24" points="88,214 173,284 304,138"
            stroke-linecap="round" stroke-linejoin="round"></polyline>
    </svg>
    <script>
        var p = document.getElementById('ui');
        var circle = document.getElementsByClassName('circle');
        var tick = document.getElementsByClassName('tick');
        console.log(circle);
        console.log(circle[0].strokeDashoffset);
        function starts_2() {
            tick[0].style.strokeDashoffset = 0;
        };
        function starts_1() {
            circle[0].style.strokeDashoffset = 0;
        };
        function changes(){
            window.location.href="/down"
        }
        function starts() {
            setTimeout(() => { starts_1() }, 1000);
            setTimeout(() => { starts_2() }, 1800);
            setTimeout(()=> {changes()},3000)
        };
        window.onload = starts();
    </script>
</body>

</html>

4.投屏界面

tp.html

<img id="imgs" style="width: 100%;">
<script>
    var imgs = document.getElementById('imgs');
    var i = 0;
    function fun2(){
        srcs = "/upimg/" + String(i) + ".png";
        imgs.src = srcs;
        i++;
    }
    function fun1(){
        setInterval('fun2()',1000); /*此处的1000即为每1000ms向服务器请求一帧*/
    }
    window.onload=fun1()
</script>

 5.进入高级设置

other.html

<p>高级版登录验证：</p>
<form action="/yanzheng" method="post">
<input type="password" name="pwd" id="pwd">
<input type="submit" value="登录">
</form>

 business.html

<html>

<head>
    <title></title>
</head>

<body>
    <p>关机</p>
    <form action="/shut" method="post">
        <input type="submit" id="shutdown" style="display: none;">

    </form>
        <button onclick="fun1()">关机</button>
        <hr>
        <a href="/tpbefore">启动投屏</a>
    <script>
        function fun1() {
            var result = confirm("确认关机？")
            if (result) {
                document.getElementById('shutdown').click;
            }
        }
    </script>
</body>

</html>

 6.css和js

downpage.css

html,
body {
    background-image: url('/backimg');
    margin: 0px;
}

#main {
    background-color: rgba(255, 255, 255, 30%);
    position: absolute;
    top: -100%;
    left: 0px;
    width: 100%;
    transition: all 1s;
    margin: 0px;
}

.hidd {
    display: none;
}

.spanshow {
    font-size:x-large;
}

.show {
    margin: 0px;
    width: 100%;
    height: 20%;
    color: black;
    transition: background-color 1s linear, color 1s linear;
    -webkit-transition: background-color 1s linear, color 1s linear;
    -moz-transition: background-color 1s linear, color 1s linear;
    -o-transition: background-color 1s linear, color 1s linear;
}

.show:hover {
    background-color: #FF3d67;
    color: blue;
}

downpage.js


function func0(){
    document.getElementById('main').style.top="0%";
}
function fun1(){
    setTimeout(()=>{func0()},500)
}

function fun3(){
    var te1=document.getElementById('te1');
    var te2=document.getElementById('te2');
    var sub=document.getElementById('sub');
    te1.value = te2.value;
    sub.click();
}

window.onload=fun1()
sraxc
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于python实现百度网盘文件下载
罗名扬的博客
05-14 4118
【代码】基于python实现百度网盘文件下载。
python登录百度网盘
weixin_50409347的博客
03-31 1059
下述代码中，需要手动输入账号、密码以及验证码。在获取验证码时，会返回一个验证码图片的链接，需要将其复制到浏览器中查看。本代码中，验证码仅仅是用一个输入框输入的，因此不能实时显示验证码，需要手动查看并输入。本文并没有对验证码识别进行分析。
【Python】自动化这么简单吗？——百度网盘自动上传文件教程
liaozp88的博客
04-17 1963
要使用Python自动上传文件到百度网盘，你可以使用bypy开源模块，它提供了丰富的功能，包括显示文件列表、同步目录、文件上传。仅支持 /apps/bypy 目录。有需要的同学快试试吧！我们的文章到此就结束啦，如果你喜欢今天的Python 实战教程，请持续关注徐浪老师大讲堂！
Python个人网盘源码、云盘系统源程序，基于Django+Mysql
Python代码大全
10-27 4236
Python个人网盘源码、云盘系统源程序，基于Django+Mysql。2、检查配置文件，修改邮箱和数据库配置。4、执行基础sql文件。
python3安装教程
最新发布
m0_73721944的博客
05-08 660
链接：https://pan.baidu.com/s/1MV3kvVdjCdS_G-_KgefwLw?百度网盘下载python-3.12.3-amd64.exe。双击python-3.12.3-amd64.exe。win+r输入cmd回车查看是否安装成功。有很多版本，选择需要的版本下载。1.下载python。2.安装python。3.检查python。
推荐一款轻量级的极简网盘源码程序（开源免费）
比特网络服务
04-27 516
喜欢收集资源，喜欢分享资源，网盘无疑是必不可少的工具。
python教学资源百度网盘,python教程百度网盘资源
小发猫
08-08 3496
易于维护：Python的成功在于它的源代码是相当容易维护的。一个广泛的标准库：Python的最大的优势之一是丰富的库，跨平台的，在UNIX，Windows和Macintosh兼容很好。这里有一份Python3.8教程，个人感觉主要还是偏基础，包括数据类型和结构、变量、函数、逻辑语句（判断、循环）、匿名函数、错误处理、遍历和迭代、进程和线程、库的使用。python可以用作爬虫、web开发、AI、脚本、测试、数据分析等各个领域，每个领域对python的学习要求和深度不一样，数据分析不要求掌握很深的编程知识。
PYTHON贪吃蛇极简版
11-18
极简代码，简单易学， python源文件（开源），注意需安装python环境，密码999 可自行魔改，或添加死亡和积分功能
基于python的百度网盘批量转存工具.zip
08-22
基于python的百度网盘批量转存工具.zip基于python的百度网盘批量转存工具.zip基于python的百度网盘批量转存工具.zip基于python的百度网盘批量转存工具.zip基于python的百度网盘批量转存工具.zip基于python的百度网盘...
《Python极简讲义》Jupyter实操笔记_lesson03.html
09-18
《Python极简讲义》Jupyter实操笔记_lesson03，是参照书籍知识点的个人实操，最基础入门的内容。
基于python的百度云网盘爬虫
01-30
【标题】"基于Python的百度云网盘爬虫"是一个项目，旨在教用户如何使用Python编程语言编写程序来抓取并下载百度云网盘上的公开资源。该项目涵盖了网络爬虫技术，结合了百度云盘的API接口，以及可能涉及的前端和后端...
python 上传百度网盘_python 实现百度网盘非会员上传超过500个文件的方法
weixin_39892481的博客
02-19 549
# python3.8# coding=utf-8import osimport sysfrom pathlib import Pathclass BaiduPanCutter(object):'''百度网盘500个文件分割器'''def __init__(self, root_path, count=500):self.root_path = root_pathself.count = coun...
自动备份B站Up主最新视频到百度网盘的Python脚本详解
jamenu的博客
12-28 741
次篇文章启发于某些大胆的UP主（老马）的多次被封，并被下架一些视频。有些人并不能及时观看到，故写一个脚本自动下载最新视频。🌀1.准备环境。
使用python备份博客数据并自动备份至百度网盘
枫夜
12-04 1647
最近买了华为云的云服务器，也搞了一个域名，使用halo开源建站工具搭建自己的个人博客。虽然访问量不大，但是毕竟是自己的博客，数据安全性还是需要好好考虑的，需要考虑数据备份。虽然可以直接脚本打包好相关的文件，然后下载到本地，再上传到百度网盘。不过感觉这种方式不够智能，也比较麻烦。刚好也开通了百度网盘超级会员，所以就构思打包好之后就直接上传到百度网盘。这样就基本不用自己做什么，只需要定时上去看看上传是否ok就行了。
用Python写了个网盘(附源码)
Python小二
10-09 1316
演示地址 https://cloudself.net/页面展示 本地运行 1、安装依赖pipinstall-rrequirements.txt2、检查配置文件，修改数据库配置#mycloud/settings.py DATABASES={ 'default':{ 'ENGINE':'django.db.backends.mysql', 'N...
python创建网盘_超简单！基于Python搭建个人“云盘”
weixin_34233539的博客
01-29 1493
1 简介当我们想要从本地向云服务器上传文件时，比较常用的有pscp等工具，但避免不了每次上传都要写若干重复的代码。而笔者最近发现的一个基于Python的工具updog，可以帮助我们在服务器上搭建类似云盘的服务，使得我们可以在web界面中完成文件的上传与下载，十分的方便。最重要的是，特别特别特别简单！下面就带大家学习一下updog的具体使用方法。2 使用updog笔者习惯使用putty来连接云服务器...
运维开发-python自动化-bottle库
stqer的博客
07-24 1155
实现通过bottle显示helloworld第一步如下命令保存为py文件并执行若py文件运行失败，出现如下问题原因是没有安装bottle库，window系统cmd输入pipinstallbottle即可第二步用浏览器访问http8080/hello/world即可看到效果。httpshttpshttps。...
基于Python3的OneDrive多网盘挂载程序，带会员/同步等功能，附带系统搭建教程
02-02 389
默认数据库文件是根目录下的install.sql 直接导入到数据库里，临时先这样；虚拟主机用户， Apache构架的配置如下，Nginx的我不知道。更新缓存点一下就好了，然后刷新页面，如果有缓存量就是正常更新；DB_DATABASE=cuteonep 数据库名。DB_HOST=127.0.0.1 数据库地址。DB_USERNAME=root 数据库账号。DB_PASSWORD=root 数据库密码。然后还是先添加网盘，更新缓存，设置首页。域名/admin/login。
python极简讲义pdf 下载
07-19
要下载《Python极简讲义》的PDF版本，可以按照以下步骤进行操作： 1. 打开浏览器，进入搜索引擎网站，如Google、百度等。 2. 在搜索栏中输入“Python极简讲义PDF下载”，点击搜索按钮。 3. 在搜索结果中，会出现多个网站提供Python极简讲义PDF下载的链接，选择一个可信的网站。 4. 点击所选网站的链接，进入该网站页面。 5. 在页面中找到Python极简讲义的下载链接或按钮，一般会以“下载”或“PDF下载”为标识。 6. 点击下载链接或按钮，弹出下载对话框。 7. 在对话框中选择保存位置，可以选择保存到电脑本地或云存储中。 8. 确定保存位置后，点击“保存”按钮，等待下载完成。 9. 下载完成后，可以在保存位置查找到Python极简讲义的PDF文件。 10. 打开PDF阅读软件（如Adobe Acrobat，Foxit Reader等），使用该软件打开下载的Python极简讲义PDF文件即可阅读。 希望以上步骤对您有所帮助，顺利下载Python极简讲义的PDF版本。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值