close

网站前端

Windows站前端

搭建个人云盘seafile服务器(Windows篇)

seafile

个人云盘各位肯定都不会陌生、记得小编用的最好用的就是360云盘、搁浅360杀毒全家桶这些东西、但是人家云盘还是很良心、国内的BD云盘速度我是实在不忍吐槽、还好现在有破解版的!(自行搜索破解版的哟)。下面我们来介绍一个私人云盘、这样拥有个人云盘、不用担心网盘丢失数据啥的!

Windows搭建

1. 下载python2.7.11 32位版本的、注意这里一定要32版本的2.7.11!否则无法进行下一步工作了!

2. 安装好python
python安装-GD-sec
3.配置好python环境变量(在电脑-属性-高级系统设置找到系统变量)python默认安装在c:\python27路径下、那么就将这个路径添加到环境变量中。
系统变量
环境变量
环境变量
4.在你的Windows盘符下创建一个SeafileProgram的文件夹、并且把[seafile下载](https://www.seafile.com/download/ "seafile下载")下载下来
解压后的目录一个是seafile-server-6.0.7

5.启动seafile服务器
我是放置在c盘文件下面C:\SeafileProgram\seafile-server-6.0.7\文件夹下,找到run.bat文件并双击,以启动 Seafile 服务器。此时,您应该注意到 Seafile 服务器的图标已经出现在您的系统托盘中。
启动run.bat后会弹出seafile安装的界面、请自行选择一个盘符作为你的存储位置、这里的存储位置相当于你的网盘容量一样!注意哦!
盘符大小-GD-sec
盘符大小-GD-sec
6.点击确认按钮后、seafile会在刚刚选择的磁盘下创建一个为seafile-server的文件夹、
这个文件夹就是seafile服务器的数据文件夹、点击seafile服务器的系统托盘图标、选择添加
管理员账号选项、在弹出的对话框中输入你的管理员用户和密码、操作成功后、
seafile会弹出气泡提示你添加成功!
添加管理员-GD-sec
添加管理员-GD-sec
7.配置seafile服务器、访问地址为http://你的ip地址:8080 访问、如果无法访问检查防火墙

点击自己的头像选择系统管理、然后选择设置、里面更改IP为你自己的本地IP 若要外网访问就要直接将内网端口对应映射到外网端口上去!
SERVICE_URL和FILE_SERVER_ROOT设置为:http://外网IP:8000和http://外网IP:8002
外网设置

至此Windows端就配置完成了、你的个人云盘也可以访问使用了!和BD云盘差别不大、挺舒服的也!并且也可以支持加密分享给别人!

下期分享LINUX制作个人云盘!

转载51CTO博客作者D杀手D的原创作品地址:http://blog.51cto.com/rescue/1983561

read more
站前端

新手简易jquery轮播思路与代码讲解(对于新手、老手勿喷谢谢!)

Jquery

最近身边几位朋友问我js与jquery的问题、其实这个东西很简单不能这么说、只能说做一些小东西很简单、但是很多特效混淆的时候就比较尴尬了。但是今天不讲很难、咱们就做一个每一个网站肯定要用的轮播效果、文章如果有错误欢迎反馈、如果你是一位WEB大佬就别看了、免得看着恶心!谢了。这是给新手入门看看玩玩罢了、真实有千万种写法!勿当真!

首先打开软件、我个人用HBuilder这款软件写WEB、还是挺不错的!

新建项目-名字自取-包含三个文件(js)、(css)、(img)、当然你也可以在html里面直接写内链css和js都是没问题!

项目样式

然后HTML页面写入内容:代码如下

<html>
<head>
    <title>js轮播</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/js.css" />
    <script type="text/javascript" src="js/jquery.min.js" ></script> --这里是需要一个jQuery的包的
    <script type="text/javascript" src="js/lb.js" ></script>--这是咱们js文件夹里面的自己写的js
</head>
<body>
    <div id="lb">--定义一个框
        <a class="lb1" href="https://www.6r6.cc"><img src="img/4.png" style="width: 1000px;height:500px ;"></a>--定义图片
        <a class="lb1" href="https://www.6r6.cc""><img src="img/xinbanner00.jpg" style="width: 1000px;height:500px ;"></a>--定义图片
        <a class="lb1" href="https://www.6r6.cc""><img src="img/xinbanner02.jpg" style="width: 1000px;height:500px ;"></a>--定义图片
        <div class="btn btn1"><</div>--定义左右按钮(left)
        <div class="btn btn2">></div>--定义左右按钮(right)
        <ul id="tabs">--定义底部 1-2-3的按钮样式
            <li class="tab">1</li>
            <li class="tab">2</li>
            <li class="tab">3</li>
        </ul>
    </div>
</body>
</html>

上面是一个完整的HTML页面 并且也做了注释!如果你需要直接复制的话请删除掉–xxxx这些东西 因为在HTML页面中注释不是这样的哦!小编在网站上用markdown编辑就懒得写标准了!

然后在css页面新建一个css文件 代码如下:

*{
margin: 0 auto;
padding: 0;
text-decoration: none;
list-style: none;
}
.bg{
background-color: #fff;
}
#lb{
width: 1000px;
height: 500px;
border: 1px solid #000;
position: relative;
}
.lb1{
position: absolute;
}
#tabs{
position: absolute;
float: left;
left: 500px;
bottom: 10px;
border-radius: 10px;
padding: 5px 0 5px 0px;
}
.tab{
height: 20px;
float: left;
width: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;
overflow: hidden;
border-radius: 100%;
background-color:#0077e6;
margin-right: 10px;
}
.btn{
position: absolute;
color: #f3f3f3;
top: 200px;
width: 40px;
height: 100px;
font-size: 80px;
font-weight: bolder;
border-radius: 5px;
line-height: 100px;
}
.btn2{
position: absolute;
right: 0px;
}
.btn:hover{
background-color: #F3F3F3;
color: #000;
opacity: 0.8;
}

现在来Js部分

//定义全局变量和定时器
var i = 0;
var timer;
  //用jquery方法设置第一张图片显示,其余隐藏
$(document).ready(function(){
$('#lb').eq(0).show().siblings('#lb').hide();
 //调用showTime()函数(轮播函数)
showTime();
//当鼠标经过下面的数字时,触发两个事件(鼠标悬停和鼠标离开)
$('.tab').hover(function(){
 //获取当前i的值,并显示,同时还要清除定时器
    i = $(this).index();
    Show();
    clearInterval(timer);
},function(){
    showTime();
});
 //鼠标点击左侧的箭头
$('.btn1').click(function(){
    clearInterval(timer);
    if(i == 0 ){
        i = 3
    }
    i--;
    Show();
    showTime();
});
//鼠标点击右侧的箭头
$('.btn2').click(function(){
    clearInterval(timer);
    if(i == 2){
        i = -1;
    }
    i++;
    Show();
    showTime();
});
});
//创建一个showTime函数

function showTime(){
timer = setInterval(function(){
//调用一个Show()函数
    show();
    i++;
     //当图片是最后一张的后面时,设置图片为第一张
    if(i==3){
        i=0;
    }
},2000);
}
//创建一个Show函数
function Show(){
$('.lb1').eq(i).fadeIn(300).siblings('.lb1').fadeOut(300);
$('.tab').eq(i).addClass('bg').siblings('.tab').removeClass('bg');

}

至此代码完成 运行一下(HTML是可以直接运行的哦)

若有不详细的地方欢迎加群讨论哟 487163638 也欢迎web前端爱好者加入我们

read more