桂林

1小时编写一个支持七牛上传的 markdown 客户端1(技术实现篇)

摘要: 一个小时如何编写一个支持七牛上传的 markdown 编辑器的客户端。如何能从零快速学习 nodejs,并付诸实践。介绍说是一个小时,前前后后加上代码重构,优化代码,也用了一两天得时间,但在写第一版代码的时候,的确用了很短的时候。https://github.com/zhaopengme/ndpediter技术点在做这个的时候,出发点是因为 hexo 编辑的时候,我需要使用七牛的图片外链,但是没有一个好用的支持七牛图片外链的工具。就有了自己动手做一个念头,在技术选择的时候,我最熟悉的是后台 java,前端 javascript 的搭配,因为要写一个客户端,首先想到的时候用纯 java 来实现,之前我也用 java 写过一个支持 markdown 的笔记软件 jnote ,或者做一个 web 网站,再加一个浏览器的壳,在几年之前,我写过这样的一个 demo https://github.com/zhaopengme/jbrower-demo,就是用 Mozilla 内核的浏览器框架,嵌入 web 网站的方式。可目前已经有了 node-webkit 这样的技术,就不需要的我之前的想法。用了node-webkit,搭配最好的就是 nodejs 了,我就放弃了用 java 来实现的方式,虽然我不会 nodejs,但这也给了我一个学习的 nodejs 的机会了。那就开始上手了。在内嵌 web 系统和纯 nodejs 的选择在开始设计的时候,依照我原来的想法,是采用内嵌一个 web 系统,通过 node-webkit 来打开内嵌的 web 系统来实现的,所有我开始学习 express 的文档。看了 http://www.expressjs.com.cn/ 文档后,我尝试着使用纯 nodejs 的方式来实现我的需要,读写文件,图片保存,图片上传,发现也是可以的,其实开头想想也是可以的,只是自己一个惯性思维导致的。技术干货列表nodejsnode-webkitqiniu-nodejs-sdkyeomangenerator-node-webkitlayereditormd1. nodejs主要用来实现文件的读写,图片的上传。2. node-webkit基于node.js和chromium的应用程序实时运行环境,可运行通过HTML(5)、CSS(3)、Javascript来编写的本地应用程序。从网上扒的介绍,为了占位。3. qiniu-nodejs-sdkhttps://github.com/qiniu/nodejs-sdk.v6七牛的 nodejs 的 api。4. yeomanhttp://yeoman.io/Yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。Yeoman 的目的不仅是要为新项目建立工作流,同时还是为了解决前端开发所面临的诸多严重问题,例如零散的依赖关系。也是从网上扒的介绍,也是为了占位。Yeoman 可以说是对已经成为体系的流程工具的封装,更简单说是”一键开发,一键部署”等等。是 generator-node-webkit 使用的前提。5. generator-node-webkithttps://github.com/Dica-Developer/generator-node-webkitgenerator-node-webkit 是基于 Yeoman 的工具,可以”一键”创建 node-webkit 的开发环境,”一键”打包环境。6. layerhttp://layer.layui.com/一个 jquery 的弹出框插件,我觉得它好用,就单独拉出来了,好东西,值得推荐。比如我得图片上传 配置 关于 保存提醒等都是使用它的。7. editormdhttps://github.com/pandao/editor.md编辑器实现的核心,实现编辑器最为主要的组成部分,在各种 markdown 实现的各种版本中,最优秀的编辑器之一,10分推荐。在开始实现之前,最好先看一下以上的几种技术的说明,方便我们理解。技术实现篇环境准备nodejs 环境作为 hexo 的使用者,nodejs 肯定会有的,即使没有,那自己安装吧,这个很容易。https://nodejs.org/。我装得 mac 版,不会告诉你用 mac 装很多东西都是用 brew 可以一键安装的。yeoman 安装npm install -g yo 这是官方的安装,有可能安装成功了,之后 node-webkit 安装会出现问题,最好用这个 npm i -g yo generator-karma。generator-node-webkit 安装npm install generator-node-webkit -g 用 npm 都是一行命令搞定,很容易吧!用 mac 的童鞋,有没有装 brew 呢?装个 brew 吧!无论是装13还是为了自己开发方便。生成开发环境以上 yeoman 和 generator-node-webkit 我们采用的都是安装全局的办法。1. 自动创建目录结构yo node-webkit 就能生成好我们需要的环境目录了,好吧!这里录个 gif 给大家看看。注意mac 现在基本都是64位的了,不要选择32位的。这个要下载 对应平台的资源,比较慢,我就停止录了。当前创建完成后,就会有下面这样的界面了。2. 下载依赖npm install & bower install 按照提醒,就可以把相关的依赖全部安装了。如果提醒没有 bower,那就 npm install bower -g,bower 也是个常用工具,也作为全局安装吧。3. 下载项目依赖前几个步骤,可以叫做工程依赖,就是每一个这样的工程,都需要这样的步骤的,这个步骤是说,我们项目需要的依赖。比如 qiniu-nodejs-sdk 就是我们项目需要的,可以通过 npm install qiniu来安装,如果我们需要 bootstrap,那么就可以用 bower install bootstrap或者npm install bootstrap…

通用系统需要的基础功能

作为一个通用的框架,不仅仅需要最小可用,还需要一些完整的功能,这篇文章说了一些常用的通用功能,我建议再补充一些。a、权限控制 作为系统,就有人去用,有人的地方就需要进行控制,能用什么,该用什么,都要进行管理,这就是权限控制。权限是个很复杂的东西,场景不一样,权限控制也就不一样,我一直赞成使用的是RBAC,使用资源、角色、用户做最小角色控制,以后需要其他功能,RBAC也容易进行扩展。b、日志记录安全是现在系统必须注意的问题,而系统很作的操作,都很敏感,你做了,我就得记住。其他的功能,看看下面的文章!公司的JAVA框架应具备的通用功能以前在学校的时候自己以为是不是每个做JAVA开发的公司每次做项目的时候都要搭建一个SSH框架呢,工作之后才发现每个公司都有自己的一套框架,要不是在SSH基础上,要不是在SSI基础上进行了符合自己公司需求的封装,并且随着自己公司的框架被应用到各个实际系统的过程中,这个框架会越来越成熟,会使该公司的开发效率越来越高。 根据笔者接触过的几个公司的框架,笔者发现要想实现高效的开发,每个公司的Java框架应该具备如下的特点:1.具有灵活的分页功能。 分页功能是每个项目中必须要实现的功能,而恰恰这个功能是比较费时费力的,如果在框架中实现这一功能,将在每个项目中大大减少分页的重复性工作。2.可以方便的实现文件的上传与下载、数据的导入和导出的功能。 文件的上传于下载、数据的导入和导出在大部门项目中也会遇到,但是这两个功能可能会因为项目的不同导致实现上有一点区别,我们框架中要做的就是应该抽出其中共有的东西,定义为抽象的东西,以便不同的项目、不同的需求都能很容易的实现该功能。3.方便的事务管理功能。 事务管理一般来说都定义在业务逻辑层。我们框架中应该实现对业务逻辑对象事务的简单配置甚至是零配置。笔者接触过的两个框架中,一个需要在配置完一个业务逻辑对象时,在事务管理的配置文件中加上一句简单的配置即可,另一个是框架中实现了几个基本的业务逻辑对象,并对这几个对象实现了事务管理的配置,开发的时候定义的业务逻辑对象都是继承自这几个基本对象,也就省去了事务管理的配置。4.具有异常处理框架。 基本上每个项目的异常处理都应该可以使用公司的框架定义的异常处理框架,并不会因为项目的不同而要求的异常处理也不一样。5.具有自己的一套页面组件。 项目开发都是团队的开发,要想保证每个开发人员的界面风格统一,最好的办法就是定义一套公司自己的页面组建。这样既能保证开发效率,也能做到界面的统一。freemark就是不错的选择,其支持自定义宏,公司框架中可以定义一套自己的页面组建宏,供开发人员调用即可。6.具有数据校验框架。 每个项目在数据校验时都可能会用到大量的正则表达式,那么在公司的框架中将这些正则表达式封装起来,提供统一的调用接口将是不错的选择。7.简单的实现菜单的配置。 一个好的框架应该提供对菜单、二级菜单等的简单配置、管理。还是上文提到的两个框架,一个是通过XML配置文件实现了对系统中一级菜单、二级菜单、三级菜单的管理,而另个框架要实现相同的需求却要在数据库中进行繁琐的配置,显然第一个框架的实现方案更可取、更高效。原文网址:http://hp.dewen.org/?p=974 

遍历MAP

jsp页面遍历map<c:forEach var="person" items="${personMap}" varStatus="status" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index:${status.index } Name:${person.value.name&nbsp;&nbsp;<br /></c:forEach>

5月6月牢骚一大把

5月6月牢骚一大把&nbsp;5月过了就像把这个牢骚发发的,没找着机会,这次5月6月的牢骚一起发了。4月末项目中的短信发送出了问题,负责这块的哥们回家了,我跟了这块的问题,算是有人在处理,可也没处理个啥结果,心急啊,我也没个实质性的好办法。系统升级失败,回退到升级前的状态,还出问题,真是叫人无法理解,没法查啊!还是硬着头皮看代码,又不是这块的熟手,没办法改这个东西。最后为了过个安稳点的5.1,有了一个版本出来了,算是解决了正常使用,也遗留了一大块的问题,放到5.1后再处理了。5.1前的问题就这么过去了。原想是5.1休息休息,前两天我姐到武汉了,5.1就去了趟武汉,去那边了,没看见过太阳,我姐身体不太好,还带着小外甥,没出去转过哪里。回南京时,去火车站,半路公交车给坏了,下了一车人,还赶巧了,下车的那地方,就是黄鹤楼,进去一张门票是30还是60的,忘记了,没去,都6点多了吧!我还得找地方住呢,不然晚上要在雨下面待着了。5月份一上班,稀里糊涂的就去另外个项目做支援去了,当时没弄明白,事后才知道的,也不给人说清楚些。5月份基本都在这项目组里面,要给领导们做演示,加班加点的,没休息几天,休息了一次,还在搬家。今年的5月份,最倒霉了,啥倒霉事情还都赶到一起了。事情做完了,没落个是什么好,我认了,这真是我个人的问题。另外就是,演示的前一天中午,在领导要看系统的面前,电脑打不开了,最后的结论是硬盘坏了,项目代码都在我电脑上面,这个运气,真是赶上时间了啊!幸好代码曾经给一朋友发过一份,不然真就是完蛋了。硬盘坏了,这天灾,我也认了。后面接着还有,领导对我今年来的状况做了教育,今年来杂七杂八的事情,心一直静不下来,被教育是应该的。后面有的是,被别人在我后面说三道四了,o(︶︿︶)o 唉!这个我就有点伤心了,一个战壕里面都1年的兄弟了,不需要这样吧!说我做的不对的,我不介意,说一些乱扣帽子的,就不好了吧!这么久了,谁做什么,谁说什么,都知道,真不需要这样的。6月,我是打算好好干起来的,可就是没压住,事情还是有遗漏,这个遗漏啊,把这次升级弄的一团糟,o(︶︿︶)o 唉!现在也不知道咋办了,又乱起来了,比之前更加的乱。NND!!!!!

继续前进

这段时间以来,一直在思考如何更好的去生活、去工作。要想着自己想过什么样的生活,想过那种陶渊明的田园生活,悠哉悠哉的!生活是需要点波浪的,悠哉悠哉的生活还不是现在我要过的。继续前进,努力的生活!

食难下咽的饭

sql的强大

我知道sql的查询很复杂,也是很强大,但就没有见过如果强大的,让大家看一句我最近刚写的,就一句sql语句将总数,百分比都出来了!select t.*,round(decode(nvl(all_count,0),0,0,send_count/all_count),3)*100 send_count_rate,round(decode(nvl(all_count,0),0,0,distribute_count/all_count),3)*100 distribute_count_rate,round(decode(nvl(all_count,0),0,0,success_count/all_count),3)*100 success_count_rate,round(decode(nvl(all_count,0),0,0,resend_count/all_count),3)*100 resend_count_rate,round(decode(nvl(all_count,0),0,0,failure_count/all_count),3)*100 failure_count_ratefrom(select company_name,sum(case when process_state=1 or process_state=2 or process_state=3 or process_state=4 or process_state=5 then 1 else 0 end) all_count,sum(case when process_state=1 then 1 else 0 end) send_count,sum(case when process_state=2 then 1 else 0 end) distribute_count,sum(case when process_state=3 then 1 else 0 end) success_count,sum(case when process_state=4 then 1 else 0 end) resend_count,sum(case when process_state=5 then 1 else 0 end) failure_countfrom t_pbb_open_task group by company_name) t

jremind启程

  一直想做一个每隔一段时间给自己一个提醒的工具,在选取语言的时候,一直考虑着跨平台,想使用java或者python或者其他语言来做,但java需要虚拟机,很麻烦的,而python想很好的做出来,对我来说很有困难!而且我一直是在windows平台下工作的,最后选取了C#,不仅因为他容易上手,运行速度高,而且我相信,在以后的将来c#,也一定能实现款平台的!  使用C#来做jremind的时候,我还不会C#,但我把他当作VB来使用了,边学边做,还一边和朋友海聊,一共用了5个小时左右吧!现在实现的功能是,每隔30秒提醒一次,停留5秒,这些都是固定死的,以后在改吧!唯一可以修改的就是文字了!  暂时先这样了,以后看自己有兴趣了没,再添加其他功能。反正这个东西仅仅是为了给自己做个提醒而已。  开发用的是vs2008,运行这个还需要.net3以上的平台,如果为了用这个,还需要装个.net3,好像有点得不偿失了啊!呵呵!  今天又修改了一下,更新一下版本。

沉沦

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 沉沦&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我无法选择我的出生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拥有显赫的家世&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 可供挥霍的万贯家财&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 虽然如此&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我仍然沉沦着&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 无聊的整天装出一副诗人的样子&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我知道我没有诗人的潜质&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 更没有其浪漫的情调&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 只是不知廉耻的附庸风雅而已&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我不曾苛求能如一位真正的诗人&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 只是聊以慰藉空虚的灵魂&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 沉沦过后的浮华&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 是我只能永远沉沦的申诉&nbsp;