胶片 | 做了一个胶片笔记管理系统

前言

每次拍摄完一卷胶片、校色修图、得到若干张照片，都需要为其逐张标注照片信息，如时间、地点、拍摄设备等。

以往的方案，是在md文件的层面上进行编辑信息，再通过后端脚本统计至数据库。

当需求量变大，则希望能够在前端界面上通过交互、编辑的方式，更高效地标注信息。

整体功能由「前后端分离」的方式实现，前端（vue.js）负责交互、信息编辑，后端（flask）接口提供信息获取、数据库交互的功能。

效果

页面加载，在下拉框中选择需要编辑的笔记：

所有的照片以瀑布流的形式展示，点击照片：

点击 edit 编辑：

左框是下拉选择框，右框是文本输入框，编辑时可实现：

1. 点击 左框，可以选择同一篇笔记下其他照片的这一项信息
2. 点击 copy，左框的值会复制到右框，方便进一步的修改编辑
3. 点击 下一张，film、scanner、title、time这几项的右框会保留上一张的信息，因为这几项变化不大
4. 点击 confirm，只要右框有值，则取右框的值为最终信息

底部为画册的分类选项，用于标记相册分类，可实现：

1. 点击类目选项，即添加到画册，出现下划线
2. 点击有下划线的类目选项，即从画册中删除，下划线消失
3. 在输入框中填写，点击 add，即新增画册类目

画册页面 - https://gallery.chenxuefan.cn/

画廊页面 - https://gallery.chenxuefan.cn/album/gallery/

更多：

• 如何优雅地自动生成一篇菲林日记？
• 做一个胶片相册吧