最近搞了个小玩意儿,算是给这个夏天画个句号,所以就叫它《的夏季》了。
一开始的想法很简单,就是想做一个能记录夏天美好回忆的东西,比如拍的照片、录的视频、听的歌,都能放在一起,没事儿翻出来看看,感觉挺
第一步:定方向!我得确定用什么技术来实现。之前用 Python 比较多,就想着这回也用它。前端用什么?考虑到要放图片和视频,而且要美观一点,就选了 *。数据库的话,小项目用 SQLite 就足够了,简单方便。
- 后端:Python (Flask)
- 前端:*
- 数据库:SQLite
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
有了技术选型,就开始搭框架了。先用 Flask 写一个简单的 API,用来处理前端的请求。比如,上传图片、获取图片列表、删除图片等等。然后用 * 写前端页面,主要就是展示图片和视频,还有一些简单的交互功能。
这里遇到一个问题,就是图片上传。一开始直接用 Flask 接收文件,然后保存到本地。但是这样效率比较低,而且不太安全。后来改用 Flask-Uploads 这个库,可以更方便地处理文件上传,而且可以做一些安全检查。
第三步:搞界面!前端页面用 * 写的,主要就是用 v-for 循环展示图片列表,然后用 v-bind 动态绑定图片地址。为了让页面更好看,还加了一些 CSS 样式,比如用 flex 布局让图片自动排列,用 transition 实现一些动画效果。
这里花了不少时间,主要就是调整样式。一开始页面很丑,后来慢慢改,一点一点调整,才变成现在这个样子。感觉前端真是个体力活,需要耐心和细心。
把图片上传到服务器后,还需要把图片的信息保存到数据库里,比如文件名、上传时间、图片描述等等。用 SQLite 做数据库很简单,先创建一个表,然后用 Python 的 sqlite3 模块连接数据库,插入数据。
这里遇到一个问题,就是中文乱码。SQLite 默认不支持中文,需要在连接数据库的时候指定编码方式。后来在连接字符串里加上 `?charset=utf8` 就解决了。
第五步:加功能!除了基本的图片展示功能,还加了一些其他功能,比如:
- 搜索:可以根据文件名或描述搜索图片。
- 分类:可以把图片分成不同的类别。
- 评论:可以给图片写评论。
这些功能都比较简单,主要是用 Flask 处理请求,然后用 * 展示结果。但是加了这些功能后,感觉这个小玩意儿更有意思了。
第六步:搞定收工!经过一段时间的折腾,《的夏季》总算是完成了。虽然功能还比较简单,界面也比较粗糙,但是也算是我这个夏天的一个小小的成果。以后没事儿的时候,可以翻出来看看,回忆一下这个夏天的美好时光。