FlashPicViewer v5 的后台管理经过几代发展,这次抛开之前笨重的组件,抱着图形化管理的宗旨,重新设计的界面及管理方式.
立即下载体验: http://www.swfpv.com
方便的安装,只要上传文件并访问,根据提示填写相关的参数就可以完成安装过程
后台也支持皮肤,所看到的元件都是皮肤内的
进入后会列出一些常用任务,顶部可以选择不同的项目来管理内容或程序设置.新版采用任务列表式与后台程序交互,比如修改了图片信息,修改了设置,都会被加入到任务列表,按重要性逐个传给后台文件来处理文件或读写数据库,当有任务时,任务按钮上会显示任务进度.
这次增加了远程检查更新及自动下载更新文件来升级程序到最新,直接在程序里点击按钮就可以升级程序,当然你可以按照传统的方式下载更新文件并手动用FTP上传.
更好的支持批量上传,自动生成缩略图,在上传的基础上增加了上传到分类,上传到服务器文件夹及上传到临时的图片库.
图片管理更加方便了,修改标题,介绍直接编辑即可,程序会自动保存.
这次增加了一个新概念 图片库 ,图片库不会在前台显示,只用于后台存放管理图片,你可以将图片先上传到这里,再按照以后的需要编辑图片,移动图片等等.
支持批量管理,通过拉选择框或按CTRL选择多张图片后,左下角会出现多张图片操作选项,设置标签,移动图片等都可以在此实现.
支持设置图片标签,可以设置在前台显示标签分类,大图小图界面都可以在后台设置显示图片相关的标签,标签使图片更容易管理,例如某一张图片属于 动物,但同时又属于 猫,同时也属于摄影师 Alan,那么设置图片标签为 动物,猫,Alan ,使用者就很容易的找出相同标签的图片,例如找出摄影师Alan照的所有图片只需在前台点击 Alan 标签即可.
标签可以在现有分类的基础上对图片进行更细的无序分类,可以使用图片内容,颜色甚至产品的型号,类型作为标签归类.
.jpg)
增加了分类设置向导,无需在理会分类设置各项复杂的参数,按照你的需要,直接选择对应的选项即可,支持分类密码.
这里要提一下标签聚合及搜索关键字分类类型,例如你设定了分类标签聚合为 动物 那么所有标有 动物 标签的图片都会在此分类内显示,无需去理会图片在哪个分类.
搜索关键字分类类似标签聚合分类,例如设置搜索关键字为 小王,那么所有标题或图片说明含有 小王 的图片都会在此分类内显示,并且前台无需多余的操作,看起来与普通分类一样.
丰富的设置选项,这里会不断增加新的功能设置选项
FlashPicViewer v5 beta 4 (2010.12.14)
- 增加用户功能
- 增加邮件发送设置
- 可设置用户级别权限
- 增加用户管理后台
- 增加分类拖动排序
- 改进大图载入机制,速度更快更流畅
- 优化缩略图及下方预览图的载入机制
- 修复大量bug以及安装环境错误
FlashPicViewer v5 beta 3 (2010.06.21)
- 可用标签聚合作为分类图片来源
- 后台增加小图显示标题说明及标签的设置
- 增加只升级数据库功能
- 增加搜索结果及标签聚合的分类选项
- 即使版本相同也可以强制升级
- 增加了部分分类设置选项
- 修正中文字符搜索错误
- 修正相册封面显示
- 修正某些情况下会搜索出无效图片
- 修正一个验证错误
FlashPicViewer v5 beta 2
- 增加搜索图片及标签功能
- 增加快捷评论及显示标签列表
- 后台增加了部分细节设置
- 改进远程更新功能
- 修正验证及一些其他bug
FlashPicViewer v5 beta 1
- 增加安装时检查目录权限
- 增加自动更新版本
- 增加管理员帐号修改
- 增加点击大图的操作设置
- 增加大图相关部分功能
- 增加按原比例显示缩略图
- 修正载入队列方式
- 改进大图预载
- 修正其他Bug
FlashPicViewer v5 alpha 4
- 增加分类密码功能
- 增加小图分页
- 增加大图鼠标滚轮放大缩小
- 大图超出屏幕后自动随鼠标滑动位置
- 改了默认的皮肤
- 改进预载下一张及上一张图
- 更改了会员验证方法
- 修Bug
-end
首先,保证你的服务器支持PHP5,PHP GD组件和MySQL数据库
到 此地址 下载最新版本的FlashPicViewer v5.
Download latest FlashPicVeiwer here.
http://www.swfpv.com/download/
1.
解压压缩包得到 fpv5 文件夹以及 readme.txt 说明文档. 将 fpv5 文件夹上传到你的空间,比如
http://yourdomain/fpv5/
Unzip the file to get fpv5 folder and readme.txt. upload fpv5 folder to your web hosting,such as
http://yourdomain/fpv5/
2.
打开首页自动安装,如果你的空间默认首页不是index.html,可手动直接浏览此文件,例如
http://yourdomain/fpv5/index.html
Visit http://yourdomain/fpv5/ or http://yourdomain/fpv5/index.html to start install auto.
*如果此步有问题,请看文章结尾的 说明#1 . *If you have any problem trouble on this step,please visit FAQ#1 end of this post.
3.
填入你的数据库和管理员信息,并点击 保存 按钮在弹出的窗口中进行操作. 如果有些数据不清楚请咨询你的网站空间提供商
Enter your SQL login data and administrator information,click the save button start next step in the popup window.
4.
当程序提示安装完成,即可进入 admin.html 后台管理,安装完成后,为了安全你可以删除这些文件:
When install complete,you can visit admin.html to login the admin center,for safe,you can delete these files when install complete:
install.html
install.swf
fpv_php/fpv_start_install.php
5.
安装完成,如果需要再次安装请删除上传目录的 fpv_install.lock ,并清空数据库重新运行第3步.
Install completed,if you want to reinstall,you must delete fpv_install.lock file in the folder just you uploaded,and delete your SQL tables,then run Step 3.
–
说明#1 FAQ#1 如果弹出 fpv_php/fpv_get_language_list.php ,表明获取语言文件错误,你可以根据此页面的提示来解决问题,这通常是服务器的配置问题.
If popup fpv_php/fpv_get_language_list.php ,indicate some error on your server,you can fix it with the error information.
-
介绍就不再说了,这次终于感觉到是个样子了,离我心目中的完美FPV越来越近了.
后台管理也用了skin结构
后台登录
分类管理
分类设置
(这些都是服务器上的文件夹目录,支持任何中文以及各国文字)
图片信息设置 (即改即生效,新版有任务管理)
上传图片
前台 – 新的分类选择菜单
小图界面
大图界面
进入正题前,描述一下为什么会有这篇文章.
首先,我觉得,不管任何人,总有一天都会觉得时间宝贵,尤其是年轻时候的时间.
写代码的目的是为了实现你先前策划的效果,实现某种功能,经过不断的编写调试,达到目的.学习编程,懂得语法关键字是基本,更重要的是你的思路,你对结果的追求.而过程所要技术成分的重要性应该略低.所以,编写过程的时间越短越好,把时间花在更应该花的前期策划,设计模式,功能设计等等上面.另外,我觉得编写代码花更多的时间会影响思路的连续性,尤其是独立完成某项目时.
如果你对时间十分珍惜,分享我的经验,希望对你有帮助.
1.你需要更快的打字速度
外人看来,我们写程序只是在屏幕上不断输入字符,这也是从抽象的概念到真实的程序使用最频繁的动作,所以你在学习编程前,有良好的打字速度很多时会让你省下不少时间.
变量名定义有两大派,一种是使用下划线,例如 dog_name ,另一种是单词首字母大写,例如 dogName ,我更偏向第二种,因为按大小写切换比输入下划线速度更快.并且对某些环境,双击没有下划线的单词,更容易被选中.
无需输入行尾的分号 ; ,直接按回车写下一行吧,积少成多,或许能为你省下冲杯咖啡的时间.
把你临时最常用的字符放到剪贴板,ctrl+v要比再输入一次省时的多.
2.选择一个有提示的编辑器
有语言提示的编辑器会非常有效的减短录入代码的时间,例如 FlashDevelop,就连自定义变量都会提示,我的几点经验:
如果你要访问定义变量的属性或方法,定义时加上类型,例如 var myXML:XML = new XML() 就比 var myXML = new XML() 在 FlashDevelop 里会让你更方便快速的选择到 myXML.ignoreWhite.
把你不熟悉或不好记的却经常用到的代码片段或属性或函数都放进snippet里,按ctrl+B可以很方便的调用到.比如我会放:
1 2 | onMotionFinished = function(){ } |
1 | import mx.utils.Delegate |
1 | new Tween (mc , "_alpha", mx.transitions.easing.Regular.easeOut, 0 , 100, 0.3, true) |
这些经常用到,但又不好打的片段.
FlashDevelop 的 Outline 功能很棒,在 Outline 小窗口里可以看到正在编写的类的变量及方法列表,点击某个方法就可以跳到相应的位置编辑,再不用滚动条拖上拖下的找函数了.
把你经常用到的位置加入到收藏,快捷键 ctrl+F2 ,如果你的代码有上下翻看的需要或者改别人的代码要经常跳到注释行,把位置加入到收藏,可以很放方便到跳到相应的位置.
关键字快速输入,在 FlashDevelop 里 public private function 都可以打开头字母完成输入
3.花更少的时间除错
调试不可避免,IDE输出的错误可用ctrl+H方便的跳到想去的行号.
一次写下所有可能出错的调试trace,如果你的项目较为庞大,或需要网络交互,每次调试等的时间很长,就一次调试trace出所以可能出错的位置,这样1,2次便能找到错误所在.
自己的代码错误可用这些方法避免:
- 选个自己看的顺眼的等宽字体,这样一眼就可以通过长度看出拼写错误,相关的字体可以参考这里: http://www.lowing.org/fonts/ 我自己是用 Bitstream Vera Sans Mono.
- 一个好的编辑器可以帮助你快速找到 大括号 小括号 的问题,光标放到其中一个括号旁边,就可以看到对应的括号位置.
- 把做到一定进度的工作备份,每天或每个礼拜,即使因为方法改进或误删代码产生的错误也可以很快恢复,不影响进度.
如果是复杂的数学计算,建议每2,3个算式就赋值给一个变量,不少人喜欢将所有算式写在同一行,用N多的括号,这样非常难找到错误.
如果有关XML交互,先检查对方XML格式是否正确,如果是Error opening URL的错误,马上在浏览器里输入地址,看HTTP错误再做下一步.
4.重复利用你写过的代码
不要把主要代码写在时间轴上,把一些非限定性的方法做成自己的工具类,方便管理也减少重复编写的时间.例如我的工具类里有 数值加逗号分隔,replace,遍历XML,loading等等.
还有一些公用元件也应归类整理,方便以后快捷使用,比如自己写的滚动条,按钮类,tip提示,播放控制,错误警告框等等.
这些都可以大大减少以后做项目所花的时间,所以在你初工作时就应把你经常用到的元件或方法脱离出来,统一管理,并尽量大的提供它的可扩展性,会让你以后的工作轻松不少.闲暇之余升级一下自己的工具,也是很有乐趣的.
未完待续…
希望大家都能用更少的时间完成代码编写的工作,用更多的时间去设计,构思你的作品.
