Bookmarkly可视化书
Bookmarkly 的源代码挺适合拿来学习或者二次开发的，尤其是你对前后端都有点熟的话。这项目前端用的是老牌的Backbone.js，结构清晰、代码还比较好追。操作书签的逻辑都写在了视图和模型里，页面响应也快，适合看下经典的 MV*实现。
后端用的Node.js，数据库是MySQL，逻辑分层比较清楚，增删改查写得挺规整。服务端主要书签的存取，和前端通过 Ajax 通信，没用什么花哨的库，逻辑比较朴实，适合参考。
书签添加功能做得比较实用，不管你是通过Chrome 扩展还是网页按钮都能同步更新，还能看到缩略图和，有点像早期的 Delicious 那味。页面布局也不复杂，用点 Bootstrap 就能改出一版新风格。
要注意的是前端虽然是 Backbone 写的，但代码里还是用了一些 jQuery 操作，比如$('.bookmark-item')，所以你如果想迁到更现代的框架得小心点。数据库部分也用到了基本的连接池，查询语句直给，适合入门的朋友看看。
如果你正好在搞Node + MySQL + Backbone这一套，不妨扒下来看看，自己跑一遍代码，或者直接拆模块用也挺香的。相关资料我也给你备好几个，有空可以点进去看看：
- Backbone.js 进阶语法
- JSBoilerPlateWebApp: Backbone.js+Express+MongoDB 样板
- Node.js 集成 MySQL
- Backbone.js 示例整合 Gulp 和 Webpack
嗯，如果你还在找一个能快速上手、同时又不太依赖新框架的项目，Bookmarkly可以说是比较合适的选择了。
文件大小：247.45KB
评论区