项目

这里有一些我业余时间做的项目,按照时间先后顺序排列。

《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仓库。

GhostPage

一个Chrome扩展,可以将HTML页面去样式化处理,以便检查页面元素的边界分布是否正确,常用来解决页面元素超出边界问题。具体可以参考这篇《页面右侧出现空白?试试这个CSS调试器!》

使用了Ghost CSS后的页面

使用了GhostPage后的页面

翻相册

user page

用户主页

photo page

图片浏览页

一个相册网站,具体见介绍文章

注意 这个项目目前已不再维护,Flask新书中提供的Albumy程序将用来替代它,Albumy的源码将在9月前放到https://github.com/greyli/albumy

照片墙生成器

翻相册的子项目,就是你可以上传一堆图片,然后它帮你生成一个3D照片墙(借助你impress.js实现),效果类似Cooliris。

照片墙

Pomodoro Clock(番茄时钟)

pomodoro clock

使用JavaScript实现的番茄时钟。

计算器

calculator

使用JavaScript实现的计算器。

待办事项(To-Do List)

程序界面

一个使用Flask实现的待办事项应用。

TimerTimer

计时界面

一个用Flask和JavaScript实现的计时器,具体介绍见《Flask实践:计时器》

某培训机构官网

一个培训机构的网站,使用Flask编写。

网址:cssykjy.com

100words

100Words v1,1

100Words v1,1

一个英语写作软件(Windows),它的特点是你要写满一百个单词才能保存……支持的功能有实时字数统计,单词和句子翻译,计时器。而且可以对你的数据进行分析(写作数量)。具体介绍在《100Words》

SimpleWords

impress.js式幻灯片生成工具,可以将写在文本文档中的文字转换成幻灯片(使用浏览器打开),支持markdown和html,可以设置背景颜色。支持图片和视频。具体介绍在《SimpleWords》

GitHub地址:https://github.com/greyli/SimpleWords

typing.js

打字机动画效果(animates typing),具体介绍在《typing.js——打字机效果》

源码仓库:https://github.com/greyli/typing.js