如果你常来 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空間裏的 ~
以後等我做圖片站的時候,直接套用啦。 哇哈哈。。
對了。 你QQ多少,我加下你。有事找~
回覆到我現在這個郵箱就可以啦。
@Leyar 谢谢,图床完成后会开放小众注册,Leyar有兴趣可以注册一个上传你滴珍藏噢!不过最近各种忙,所以很杯具的一直拖着,QQ发到你邮箱!
恩~用着 SAE 的说~~嘿嘿i~~
@MurphyL 现在图床做好了,用一段时间就移植到SAE!
自己写的,不错哦~~
可以把这个PHP的源码发给我学习一下吗?如果可以,请发到15888756@qq.com,感谢。