预告——轻图床的诞生

如果你常来 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

评论列表

  • 评论者头像
    回复

    嘿嘿。 收藏!~
    我電腦也收藏了好多唯美可愛的圖片來着。 
    不過一直都是放到QQ空間裏的 ~ 
    以後等我做圖片站的時候,直接套用啦。 哇哈哈。。 
    :wink: :wink: :wink: :wink:
    對了。 你QQ多少,我加下你。有事找~
    回覆到我現在這個郵箱就可以啦。 

    • 评论者头像
      回复

      @Leyar 谢谢,图床完成后会开放小众注册,Leyar有兴趣可以注册一个上传你滴珍藏噢!不过最近各种忙,所以很杯具的一直拖着,QQ发到你邮箱!

  • 评论者头像
    回复

    恩~用着 SAE 的说~~嘿嘿i~~

    • 评论者头像
      回复

      @MurphyL 现在图床做好了,用一段时间就移植到SAE! :mrgreen:

  • 评论者头像
    回复

    自己写的,不错哦~~

  • 评论者头像
    回复

    可以把这个PHP的源码发给我学习一下吗?如果可以,请发到15888756@qq.com,感谢。

1 2

回复

你正在以游客身份访问网站,请输入你的昵称和 E-mail