• 做一个幸福的人,读书,旅行,努力工作,关心身体和心情。
  • 不管有没有人爱,也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁,阳光下灿烂,风雨中奔跑,做自己的梦,走自己的路。

我的便签

分享 lcq 5年前 (2013-10-26) 485次浏览 0个评论

一直以来,有时候在网上看到一段话想记下来,发博文的话,又觉得麻烦而且没必要,当然用笔和纸记录下来就更不想了。还有时候别人在RTX发一段信息想记录下来,如果复制到txt里面,如果多的话就比较乱,而且在公司里面记录的,有时候在寝室又看不到。当然,有人说发到微博里面啊,这总感觉不合适。总之有的时候想做点“笔记”之类的东西,没有一个合适的“工具”。之前一直用Chrome浏览器的一个插件在线记事本(Online NoteBook),这个插件给我解决了同步的问题,但是经常同步失败,而且用起来甚是不方便。最近在网上看到一个瀑布流的主题,觉得这个瀑布流的主题非常适合来做便签,于是我就打算开始用瀑布流这个主题来做便签,然后嵌入到我的WordPress博客里面,然后在菜单项里面加一个菜单。从开始有这个想法,到初步实现,大概花了一周时间左右。由于白天上班,我记得大概花了两个晚上加一个周六初步做好了吧。先废话不多说,来一张效果图。(点菜单项的“便签”即可进入)。

在做这个便签的过程中,遇到了很多问题。记录几个吧:

1、Mysql不熟悉了,在写mysql语句的时候百度了相关方面的知识,好在凭着做毕业设计时候学的一点东西,算是搞定了。

2、JavaScript没学过,只能连蒙带猜的改。

3、提交一个便签之后,应该马上刷新界面,这样就可以看到最新发表的便签。这个我为了一条语句我几乎折腾了一个晚上。我首先百度网上的强制刷新网页的JavaScript的知识。百度到的大概就是javascript 强制刷新页面的实现代码 。我用OnClick事件提交之后就刷新网页,但是很不幸的是,显示便签界面是刷新了,可惜我写的便签没有提交到数据库里面,最终使用setTimeout(“location.href=’http://lcqlcq.sinaapp.com/notes/'”, 500);解决了我的问题。因为如果一点击的话就刷新,他不会将数据POST出去,所以我就在数据POST出去之后,0.5之后再强制刷新。反正0.5S我们一般也不会感觉到延迟。

其他的基本就是改改CSS吧。

虽然便签基本可以使用了,但还是有很多功能需要去实现,先记录下来吧,以后闲的蛋疼的时候再来逐一解决。

1、增加分页功能。现在我是直接把数据库里面的所有数据显示在一个界面。如果便签过多之后,加载起来可能会很慢。

2、增加删除、修改功能。呵呵,现在要是想删除或修改只能进mysql数据库进行了。

3、增加查询功能。这个也很明显是很必要的,便签一多,需要进行查找我想找的东西,现在只能经过浏览器的查找功能进行查找。

4、增加分类功能。这个功能有待考虑,因为便签就是便签,如果在写便签的时候还要输入分类,可能有点麻烦。

5、根据时间段来显示便签。比如我只记得某个便签是在某周写的,我只要设置一下日期,就把那周的便签给显示出来。

6、增加便签的背景颜色选择。这个功能属于美化的了。加颜色一来可以很直观的区别便签的类别(比如:非常紧急的需要在某个时间完成的可以用红色的背景),二来也不会看起来这么多便签在一起单调乏味。

7、增加安全机制。现在的便签的添加是不需要登陆就可以写的。我记得以前我做ACMore的时候是使用session来解决的。没做安全机制,是因为首先这个博客基本只是我做点笔记(记录寂寞罢了),还有就是我想没有人闲的蛋疼来攻击我的博客。当然,肯定不要一定登陆才能做便签,因为我自己有时候没登陆我的博客就要做点便签,所以我现在的初步想法是如果没有登陆的话一天只能在增加10条便签,我登陆了就无限制了。

最后,这个便签的实现我主要是做了一些移植工作跟“合并”工作而已。因为我本身没专业做过Web开发(只在毕业设计用PHP+Mysql在SAE上开发过ACMore系统),所以很多东西都是拿来修修改改就用的。所以,我要感谢那些提供资料给我的童鞋们,向你们致我最诚意的感谢!

以下是我拿来的资料:

1、 AJAX-enabled Sticky Notes With PHP & jQuery 。网址:http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/。这是一位外国的大牛写的,这个网站上也有很多很酷的东西。我的输入框就是原封不动的拿他的在用。

2、瀑布流主题。这个也是我在网上找到,我找了几个瀑布流的主题的代码,然后综合了一下,我也不知道那些主题的出处了,不好意思了。

最后,如果有需要的童鞋,我可以提供这个便签的所有源代码,希望拿去改的更好一些,呵呵。

【shit,最后发现在IE9上添加便签的时候居然出错了,不管了,老纸反正只用Chrome!】


乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明我的便签
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址