星云小窝项目-项目介绍一
这篇博客主要介绍一下我的一个练手的项目——星云小窝。这是一个用于学习交流的网站,
# 前言
这篇博客主要介绍一下我的一个练手的项目——星云小窝。这是一个用于学习交流的网站,
网站地址: http://www.whtuu.cn/ (opens new window)
主要是以flask为后端,以bootstrap为前端框架。分为介绍页面、首页、笔记、交流、工具库、数据中心等这几个主要功能页面。
# 1. 介绍页面
支持用户使用QQ邮箱注册,同时可以进入"游客模式",这个页面主要是对本网站的一个介绍。 分为“ 首页介绍、页面轮播、星云笔记、数据中心、交流评论、工具仓库、权限设置”。
PC端:
移动端:
# 2. 首页
# 2.1. 游客模式
游客模式: 仅开放星云笔记、网站数据面板、工具仓库。
# 2.2. 注册用户后
PC端
移动端
支持全部功能(注:权限设置功能因为其它原因,暂未实现)
用户设置:
新建外链设置:
悬浮框功能(实现更方便快捷的跳转):
# 3. 星云笔记
这是本网站的主要功能,我开始做这个网站本来只是想要做一个博客网站。用来管理我自己的一些文章,所以这个功能是我最开始做的,其余功能和页面都是后期添加的” (其实感觉开始做的这个页面并不太美观。)
另外我是看 B站上的视频 Python Flask全程实战-多功能博客系统开发 (opens new window)开始做的。如有需要可以参考。
# 3.1. 星云笔记首页
PC端:
移动端
# 3.2. 星云笔记 个人中心
这主要是管理一些用户自己的信息操作,包括收藏的文章、去新建文章、用户自己的文章管理、草稿管理、提交的工具管理、用户的个人数据信息。
- PC端:
- 移动端:
# 3.2. 星云笔记 系统管理
# 3.3. 星云笔记 文章展示
# 3.3. 星云笔记 新建文章
本网站支持使用markdown编辑器以及富文本编辑器两个文本编辑器写作。
Markdown编辑器:
富文本编辑器:
# 4. 数据中心
这个前端也是我找的一个模板,稍加修改后实现的,我主要实现的是后端代码以及图表的展示。
个人数据:
PC端:
移动端:
管理员后台数据:
# 5. 交流评论
分为联系人、聊天室(多人聊天室、一对一聊天室)、私信板。
联系人
- PC端
- 移动端
聊天室:
- 多人聊天室:
- 一对一聊天室:
私信板:
# 6. 工具仓库
一个用于存放常用工具的网页。欢迎大家来提交你常用的工具, 该模块主要有工具仓库首页、工具分类页面、工具内容介绍页面、工具提交页面
工具仓库首页:
- PC端
- 移动端
工具内容介绍
工具分类页面
工具提交页面
# 7. 权限设置
对于这个功能,我原本是想实现用户自己的页面是否开放的。但没有时间,先放置在这吧,之后有时间再实现。
# 总结
大致的网站功能内容基本上就这样,这是一个练手的项目,如果有兴趣可以看看。源码已经发布在我的github主页,有需要自取。
年来肠断秣陵舟,梦绕秦淮水上楼
--2024-3-22