星云小窝项目-项目介绍一

2024/3/22 flask

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

网站地址: http://www.whtuu.cn/ (opens new window)



# 前言

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

网站地址: http://www.whtuu.cn/ (opens new window)

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


# 1. 介绍页面

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

PC端: 在这里插入图片描述

移动端: 在这里插入图片描述

# 2. 首页

# 2.1. 游客模式

在这里插入图片描述

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

# 2.2. 注册用户后

  1. PC端 在这里插入图片描述

  2. 移动端 在这里插入图片描述

支持全部功能(注:权限设置功能因为其它原因,暂未实现)

用户设置:

在这里插入图片描述

新建外链设置: 在这里插入图片描述

悬浮框功能(实现更方便快捷的跳转):

在这里插入图片描述

# 3. 星云笔记

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

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

# 3.1. 星云笔记首页

  1. PC端: 在这里插入图片描述

  2. 移动端

在这里插入图片描述

# 3.2. 星云笔记 个人中心

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

  1. PC端:

在这里插入图片描述

  1. 移动端: 在这里插入图片描述

# 3.2. 星云笔记 系统管理

在这里插入图片描述

# 3.3. 星云笔记 文章展示

在这里插入图片描述

# 3.3. 星云笔记 新建文章

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

Markdown编辑器:

在这里插入图片描述

富文本编辑器:

在这里插入图片描述

# 4. 数据中心

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

个人数据:

  1. PC端: 在这里插入图片描述

  2. 移动端: 在这里插入图片描述

管理员后台数据:

在这里插入图片描述

# 5. 交流评论

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

联系人

  1. PC端 在这里插入图片描述
  2. 移动端

在这里插入图片描述

聊天室:

  1. 多人聊天室:

在这里插入图片描述

  1. 一对一聊天室: 在这里插入图片描述

私信板:

在这里插入图片描述

# 6. 工具仓库

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

工具仓库首页:

  1. PC端

在这里插入图片描述

  1. 移动端 在这里插入图片描述

工具内容介绍 在这里插入图片描述

工具分类页面

在这里插入图片描述

工具提交页面

在这里插入图片描述

# 7. 权限设置

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


# 总结

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

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

--2024-3-22

评 论:

冬眠
司南