星云小窝项目1.0——项目介绍（一）

星云小窝项目1.0——项目介绍（一）

前言

这篇博客主要介绍一下我的一个练手的项目——星云小窝。这是一个用于学习交流的网站,

网站地址： http://www.whtuu.cn/

主要是以flask为后端，以bootstrap为前端框架。分为介绍页面、首页、笔记、交流、工具库、数据中心等这几个主要功能页面。

视频: https://www.bilibili.com/video/BV1nC41187dB/?spm_id_from=333.999.0.0&vd_source=709d452fc2b366c0679bdbc13f5e5db6

1. 介绍页面

支持用户使用QQ邮箱注册,同时可以进入"游客模式"，这个页面主要是对本网站的一个介绍。
分为“ 首页介绍、页面轮播、星云笔记、数据中心、交流评论、工具仓库、权限设置”。

PC端：

移动端：

2. 首页

2.1. 游客模式

游客模式： 仅开放星云笔记、网站数据面板、工具仓库。

2.2. 注册用户后

1. PC端
   

2. 移动端
   

支持全部功能（注：权限设置功能因为其它原因，暂未实现）

用户设置：

新建外链设置：

悬浮框功能（实现更方便快捷的跳转）：

3. 星云笔记

这是本网站的主要功能，我开始做这个网站本来只是想要做一个博客网站。用来管理我自己的一些文章，所以这个功能是我最开始做的，其余功能和页面都是后期添加的” （其实感觉开始做的这个页面并不太美观。）

另外我是看 B站上的视频 Python Flask全程实战-多功能博客系统开发开始做的。如有需要可以参考。

3.1. 星云笔记首页

1. PC端：
   

2. 移动端

3.2. 星云笔记 个人中心

这主要是管理一些用户自己的信息操作，包括收藏的文章、去新建文章、用户自己的文章管理、草稿管理、提交的工具管理、用户的个人数据信息。

1. PC端：

2. 移动端：
   

3.2. 星云笔记 系统管理

3.3. 星云笔记 文章展示

3.3. 星云笔记 新建文章

本网站支持使用markdown编辑器以及富文本编辑器两个文本编辑器写作。

Markdown编辑器：

富文本编辑器：

4. 数据中心

这个前端也是我找的一个模板，稍加修改后实现的，我主要实现的是后端代码以及图表的展示。

个人数据：

1. PC端：
   

2. 移动端：
   

管理员后台数据：

5. 交流评论

分为联系人、聊天室（多人聊天室、一对一聊天室）、私信板。

联系人

1. PC端
   
2. 移动端

聊天室：

1. 多人聊天室：

3. 一对一聊天室：
   

私信板：

6. 工具仓库

一个用于存放常用工具的网页。欢迎大家来提交你常用的工具，
该模块主要有工具仓库首页、工具分类页面、工具内容介绍页面、工具提交页面

工具仓库首页：

1. PC端

2. 移动端
   

工具内容介绍

工具分类页面

工具提交页面

7. 权限设置

对于这个功能，我原本是想实现用户自己的页面是否开放的。但没有时间，先放置在这吧，之后有时间再实现。

总结

大致的网站功能内容基本上就这样，这是一个练手的项目，如果有兴趣可以看看。源码已经发布在我的github主页，有需要自取。

年来肠断秣陵舟，梦绕秦淮水上楼

–2024-3-22