预告——轻图床的诞生

如果你常来 Melody ,你会发现 Kayo 之前关于网站的研究都是偏向前端方面的,于是当 Kayo 做一些涉及后台,比如刚开始做 WordPress 主题时,尤其是使用自定义域时难免感到困难重重!经过了一段时间的自学,其实也就是看看别人做的作品,在使用 PHP 方面略有进步,在上星期做 WordPress 插件之前突发奇想在做好插件后用 PHP 写个程序!于是现在插件完成了,该写一个 PHP 程序了!本来打算用 PHP 框架建站,研究了几种有名的框架后,发现还是用原生 PHP 会更容易吧!

这个 PHP 程序是图床+图片查看评论的程序,利用了几天空余时间,程序现在基本完成了,还有缩略图模块、分页和注册模块没有做,这两天各种忙,又要推迟几天才能完成了!

接下来各种图文并茂!

一.首页

首页

暂时直接显示原图,没有分页,其实轻图床主要是用来存放 Kayo 上网时见到的各种趣图、浪漫图、炫图!一般都是小图,所本来打算不做缩略了,不过为了加快页面加载,还是做吧!

二.图片查看页面

图片查看页面

登陆前可看见评论列表(刚好截图这一页没有评论),但发表评论就需要是登陆用户噢!由于小站空间有限,所以轻图床定位为私人图床,只会让小众的几个人注册了噢!

三.图片查看页面(二)

图片查看页面(登录后)

登陆后就可以发表评论了!

四.上传界面

上次界面

就一个上传框!上传图片后会进入图片配字界面,可以给图片吐个槽!

五.管理界面

管理界面

六.关于“排行榜”

会显示点击率最高的15幅图片!

七.关于浏览器兼容

兼容ie7~9浏览器(没错,不包括万恶的ie6)以及主流现代浏览器。

八.开发

  • 用 HTML 写出整体框架
  • 导航模块,自动获取 PHP 文件显示在导航中
  • 图片上传模块;图片配字模块;
  • 首页显示图片模块;
  • 数据库连接,登陆与权限模块,修改为登陆用户才有上传图片的权限
  • 图片查看模块
  • 排行榜模块
  • 评论模块
  • 优化评论模块, jQuery 获取图片高度来制定评论模块高度,更多评论则产生滚动条
  • Ctrl+Enter 回复,图片生成缩略图等各种细节优化
  • 增强评论模块功能(前台删除评论)
  • 主页分页导航
  • 缩略图增加自动剪裁
  • 增加页内导航
  • 增加注册功能;管理页面增加修改密码功能
  • 注册和登陆验证改为AJAX验证
    ……

九.后记

因为第一次包办后台和前端,所以在写了轻图床后还是小激动了一会,另外最大的感受是四年的C编程没白学,即便是用不大熟悉的 PHP 写程序也有一种得心应手的感觉。接下来会有各种忙,但我还是会尽快完成轻图床。现在加上 Kayo 唠叨(虽然准备不要了),站点越来越多了,待 Ubuntu 熟悉后入手一个 VPS 安装 Ubuntu 玩玩。最后感谢各位使用 Lightslide 的童鞋,刚找到了一个小 bug ,会尽快修正的!

本文由 Kayo Lee 发表,本文链接:https://kayosite.com/the-birth-of-lighthumbs.html

评论列表

  • 评论者头像
    回复

    支持FTP后台上传吗?正想做个图床空间呢~
    求代码~

    • 评论者头像
      回复

      @贺昌
      FTP后台上传,应该是涉及到服务器管理权限,和这个程序没关~
      你的意思是FTP上传图片到服务器后,该程序扫描上传目录,添加目录中的图片到相册?应该实现起来不是很困难

      • 评论者头像
        回复

        @独自流浪 哇哦,我正是这个意思,自己网速很卡,如果Web上次每次点击就卡的要死,我还是习惯FTP上传图片O(∩_∩)O哈!

    • 评论者头像
      回复

      @贺昌 嗯嗯,独自流浪正解了!

  • 评论者头像
    回复

    哥们现在转作幕后了 都是在方便使用者 是好事
    话说现在做博客折腾的作者也累 没事能有个东西方便下大家 绝对是好事的说

    • 评论者头像
      回复

      @心淡若水 其实也不算是转到幕后了,只是后台也学习一下,现在最喜欢的还是前端!

  • 评论者头像
    回复

    看起来还不错

  • 评论者头像
    回复

    用SAE做的还是通用的PHP图床?
    建议加上几个功能~
    批量URL图片导入和批量图片下载

    • 评论者头像
      回复

      @独自流浪 本来打算做成SAE用的,后来发现SAE有自己的一套,所以还是做成通用图床,方便日后搬家!

      • 评论者头像
        回复

        @Kayo
        等你再完善一点,我来移植到SAE :mrgreen:

        • 评论者头像
          回复

          @独自流浪 估计得下个星期才能搞定了,然后弄个VPS玩玩!有什么推荐的? :mrgreen:

          • 评论者头像
            回复

            @Kayo
            VPS的话:virpus.com年付36美金,Burst年付300RMB,这些的稳定性都差不多,最近一段时间观察,觉得也就这样了,没有什么特别有性价比的在$5这个价位上冒出来

  • 评论者头像
    回复

    SAE主要用另外一个storage来存放数据,而不像原生的PHP和脚本是在同一个目录位置

    • 评论者头像
      回复

      @独自流浪 这样是更稳定还是没那么好呢?

      • 评论者头像
        回复

        @Kayo
        因为SAE后面是一个服务器集群在支持,而不是一台服务器,所以内存有内存池,硬盘有硬盘池,运算有运算池,集群必须要把分散的东西重新合起来,才能够使用,没什么好不好吧,不过SAE是通过集群方式运作,一般很少有down机现象,我对SAE进行了6个月的可用性检测,结果是99.97%,6个月总共只有28分钟的服务器down机,平均响应时间500多MS,这是国外主机VPS不可比拟的

        • 评论者头像
          回复

          @独自流浪 SAE有强大的新浪,应该会提供到更加稳定的服务。买个VPS只是想折腾一下,自己部署后台。

  • 评论者头像
    回复

    膜拜,我只会些CSS :cry:

    • 评论者头像
      回复

      @Ben 这个也是初学PHP的作品,还有很多要改进的地方噢!

  • 评论者头像
    回复

    看起来很不错啊。

  • 评论者头像
    回复

    真不错,我也要像你这样

  • 评论者头像
    回复

    貌似不是有很多这样的图片收藏网站吗 比如堆糖

    • 评论者头像
      回复

      @Louis Han 用自己做的图床管理更加方便,页面和图床的功能也能按自己的设计做!

  • 评论者头像
    回复

    我有点没看明白,是wordpress的一个主题还是单独设计的一个网站?
    好像看着不错

    • 评论者头像
      回复

      @漠北 单独设计的网站,做图床的话还是自己写后端比较好,用WordPress来做的话需要对核心文件进行很大改动!麻烦了!

  • 评论者头像
    回复

    我喜欢那小孩子的图片。 8-O

    • 评论者头像
      回复

      @Demon 每次看到这个小盆友,我马上就励志起来,他的拳头好坚定! :mrgreen:

  • 评论者头像
    回复

    搞定以后最好发布一下啊,也是PHP高手嘛~嘿嘿

  • 评论者头像
    回复

    最近网站备案,无法访问的说哦,估计半个月后才能看。

    • 评论者头像
      回复

      @雨帆 为什么备案呢 :?: 话说天朝建个独立博客都要备案,太。。了!

  • 评论者头像
    回复

    知你努力佐好耐了,见到你噶成功,好替你开心~~ :oops:

  • 评论者头像
    回复

    看完还有点不明白,不过表评论就需要是登陆用户在人气不高的小博上怕是不好用

    • 评论者头像
      回复

      @亲情博客 因为这个图床打算是用来给比较熟悉的几个人用的,当然围观的话所有人都可以,所以才设计成登陆了才能上传图片和评论!

1 2

回复

你正在以游客身份访问网站,请输入你的昵称和 E-mail
:wink: :roll: :oops: :mrgreen: :idea: :cry: :?: :-| :-o :-P :-? :) :( 8-O