这里有一些我业余时间做的项目,按照时间先后顺序排列。
《Flask Web开发实战》中的实战项目
《Flask Web开发实战》带来了几个侧重与不同知识点的Flask程序。你可以访问这篇《Flask Web开发实战带来的几个示例程序》查看这些示例程序的截图和详细介绍。
- SayHello:一个简单的留言板程序。
- Bluelog:包含后台管理的个人博客。
- Albumy:功能完善的多人社交图片网站。
- Todoism:实现了国际化和本地化并提供Web API的待办事项单页程序。
- CatChat:基于WebSocket实现的聊天室。
这几个项目的源码和在线Demo链接均可以在helloflask.com看到。
HelloFlask
Flask基础示例程序集合,包含《Flask Web开发实战》中的8个示例程序。
几个Flask扩展
扩展名称链接的地址为项目的GitHub仓库。
- Flask-Dropzone:集成Dropzone.js,在Flask程序中实现文件上传。具体用法可以参考这篇《Flask-Dropzone:为你的Flask程序添加文件上传功能》。
- Flask-CKEditor:集成CKEditor,让你更方便的在Flask程序中集成富文本编辑器CKEditor。具体用法可以参考这篇《Flask-CKEditor:为Flask项目集成富文本编辑器》。
- Bootstrap-Flask:集成Bootstrap,提供了各类辅助宏。
- Flask-Avatars:提供各类头像处理方式。
- Flask-Share:集成share.js,在模板中快速创建自定义的社交分享组件。
GhostPage
一个Chrome扩展,可以将HTML页面去样式化处理,以便检查页面元素的边界分布是否正确,常用来解决页面元素超出边界问题。具体可以参考这篇《页面右侧出现空白?试试这个CSS调试器!》。

使用了GhostPage后的页面
翻相册

用户主页

图片浏览页
一个相册网站,具体见介绍文章。
注意 这个项目目前已不再维护,Flask新书中提供的Albumy程序将用来替代它,Albumy的源码将在9月前放到https://github.com/greyli/albumy。
照片墙生成器
翻相册的子项目,就是你可以上传一堆图片,然后它帮你生成一个3D照片墙(借助你impress.js实现),效果类似Cooliris。
Pomodoro Clock(番茄时钟)
使用JavaScript实现的番茄时钟。
计算器
使用JavaScript实现的计算器。
待办事项(To-Do List)
一个使用Flask实现的待办事项应用。
TimerTimer
一个用Flask和JavaScript实现的计时器,具体介绍见《Flask实践:计时器》。
某培训机构官网
一个培训机构的网站,使用Flask编写。
网址:cssykjy.com
100words

100Words v1,1
一个英语写作软件(Windows),它的特点是你要写满一百个单词才能保存……支持的功能有实时字数统计,单词和句子翻译,计时器。而且可以对你的数据进行分析(写作数量)。具体介绍在《100Words》。
- GitHub地址:https://github.com/greyli/100Words
- 下载地址:https://github.com/greyli/100Words/archive/master.zip
SimpleWords
impress.js式幻灯片生成工具,可以将写在文本文档中的文字转换成幻灯片(使用浏览器打开),支持markdown和html,可以设置背景颜色。支持图片和视频。具体介绍在《SimpleWords》。
GitHub地址:https://github.com/greyli/SimpleWords
typing.js
打字机动画效果(animates typing),具体介绍在《typing.js——打字机效果》。