前不久，我在哔哩哔哩上学了一个教写了云日志web项目，但讲的不全。我自己学习过程中，做个笔记，也分享给大家，源码链接在最后面。

目录

1 数据库设计：

2 登录模块：

 3 个人中心模块：

 4 类别模块：

5 日志模块:

6 数据报表模块：

7 主页模块：

1 数据库设计：

数据库是在postgresql中设计的。

 tb_user,用户表 ：

tb_note_type, 日志类型表：

tb_note,日志表：

表的ER图和列名的数据类型：

2 登录模块：

1.  根据用户表数据进行登陆，如果用户没有登录，则无法访问除登录页面以外的页面 ：

2. 提交时，输入的用户名和密码都要和数据库内相同；否则会出现提示信息。勾选“记住我”框，下次不需要登陆，直接进入主页。

 3 个人中心模块：

1. 个人中心，可以修改自己用户的头像，昵称，心情。其中昵称加了唯一性检验，不能使用别人用户已经使用的昵称。
2. 保存成功后，右侧的个人中心，会相应的改变。
3. 点击右侧个人中心的退出按钮，会清除登陆信息，重回登陆界面。

 4 类别模块：

1. 类别名称可以添加、修改和删除。我加了类别名称唯一性检验，既在一个登陆用户上，不能有重复的类别名称。
2. 删除类别时如果该类别下有日志记录，则删除失败。
3. 修改、添加和删除时，右侧日志类别也会随之改变。
4. 修改、添加和删除操作只在本用户上，不影响别的用户。

5 日志模块:

1. 写日志，选择已经有的类别，保存成功后，右侧相应类别的日志数会加1。
2. 日志保存成功后，会记录当时保存的日期，右侧日志日期会发生相应变化，日志数会加1。
3. 日志保存成功后，会记录当时的经纬度和地址。由于我的服务器是http协议，定位服务只能在Edge上使用，别的浏览器好像都不支持http协议定位。

6 数据报表模块：

    本模块，我原本想的是根据保存的日志提供的位置。在地图上记录每个日志提交时的地点。但由于http协议和定位不太准的问题。在此模块我只做了个大概，写死了一个日志提交时的地点，定位服务；如果有需要，可以自己改进。

7 主页模块：

1. 按时间先后展示所有的日志。
2. 分页查询。
3. 日志查看、修改、删除。
4. 日志标题模糊搜索、类别搜索、日期搜索。

参考资料：https://www.bilibili.com/video/BV1cu411f7Rf?spm_id_from=333.1007.top_right_bar_window_custom_collection.content.click&vd_source=371199f86b7f3544054712021d901d67

项目源码：https://gitee.com/ya-lin/cloud-log