前言
阿里云上一个月9.5元的轻量级服务器总是要做点什么的,而且还有白嫖的域名,所以我决定做一个记录类型的网站
网站的一些想法
首先会有一个倒计时
网站主要有两个内容
一个是记录我的日常,另一个是我的一些经验分享
思路有了,就开始做吧!
所用技术
网站用python3.7编写,使用的框架是flask,数据库是mongodb
倒计时设计
咱也不是专业的,所以我直接在codepen上找了一个倒计时模板,用js设计的,如下
简单明了
网页的两个模块
一个是主要的每天记录,这是多个标签,里面有日期和内容,另外它还是个链接,点击之后可以查看详细内容。
其次是我的一些想法和经验,我把他们放在侧边。
这就是网页的初步设计,接下来就是连接数据库呈现内容了,大致思路就是在写入内容时遍历数据库,将数据库的全部内容读取并展示
mongodb
mongodb远程连接的时候要注意,在连接的url中的密码需要编译,否则会报错
from pymongo import MongoClient
from urllib import parse
passwd="xxxxx"
passwd = parse.quote(passwd)
mongourl="mongodb://zza:{}@ip:27017/zza".format(passwd)
client=MongoClient(mongourl)
首页
首页的显示内容通过for循环将所有数据库内的内容加载到标签中并显示
{% for daily in daily_list %}
<a href="链接">
<div class='project-column'>
<div class='task'>
<div class='task__tags'>
<span class='task__tag task__tag--copyright'>{{daily.date}}</span>
</div>
<p>{{daily.daily}}</p>
</div>
</div>
</a>
{% endfor %}
其中daily_list来自于mongodb的查询
def findall(self):
daily_all=self.daily.find({})
daily_list=[]
for daily in daily_all:
daily_list.append({'date':daily['date'],'daily':daily['daily']})
return daily_list
总结
这个网站我只做了几天,可以说是非常简单了,前端的很多东西我都是从codepen这个网站上找的,东拼西凑,还有一些我自己才能用的功能比如写入内容也都是比较简单的设计,后续还要进行完善,不管怎么说,迈出了第一步,用python写web也是一次全新的体验。
zhouzhouao.top