星云小窝项目1.0——项目介绍(一)

星云小窝项目1.0——项目介绍(一)

文章目录

  • 前言
  • 1. 介绍页面
  • 2. 首页
    • 2.1. 游客模式
    • 2.2. 注册用户后
  • 3. 星云笔记
    • 3.1. 星云笔记首页
    • 3.2. 星云笔记 个人中心
    • 3.2. 星云笔记 系统管理
    • 3.3. 星云笔记 文章展示
    • 3.3. 星云笔记 新建文章
  • 4. 数据中心
  • 5. 交流评论
  • 6. 工具仓库
  • 7. 权限设置
  • 总结


前言

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

网站地址: 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端:

在这里插入图片描述

  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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/289472.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PMP考试的时间有多长?

PMP考试时长为230分钟,即3小时50分钟,这3小时50分钟的时间里,考生需要全神贯注,充分展现自己的专业水平和能力,既是一个考验,也是一个挑战,对于每一位参加PMP考试的考生来说,都是一次…

浏览器导出excel

做java web项目时&#xff0c;经常遇到需要在页面上点击导出按钮&#xff0c;然后直浏览器接下载下来一个excel文档。 比如一个List<Person>的集合&#xff0c;需要将每个Person当做一行&#xff0c;输出到excel中去。其中Person实体类如下&#xff1a; import lombok.…

智驾芯片“独角兽”地平线流血冲刺上市,三年累计亏损47亿元

3月26日&#xff0c;Horizon Robotics&#xff08;下称“地平线”&#xff09;向港交所递交招股书&#xff0c;高盛、摩根士丹利、中信建投国际为其联席保荐人。 据介绍&#xff0c;成立于2015年的地平线是一家人工智能计算平台公司&#xff0c;专注于为智能汽车提供高级辅助驾…

Vivado使用(2)——综合运行与OOC

目录 一、综合运行 二、OOC 2.1 如何设置 OOC 模块 2.2 存根文件和黑盒属性 2.3 使用限制 2.4 另一种设置方法 一、综合运行 一个“运行&#xff08;run&#xff09;”是指定义和配置设计在综合过程中的各方面&#xff0c;包括&#xff1a;使用到约束&#xff0c;针对的…

蓝桥杯算法赛(二进制王国)

问题描述 二进制王国是一个非常特殊的国家&#xff0c;因为该国家的居民仅由 0 和 1 组成。 在这个国家中&#xff0c;每个家庭都可以用一个由 0 和 1 组成的字符串 S 来表示&#xff0c;例如 101、 000、 111 等。 现在&#xff0c;国王选了出 N 户家庭参加邻国的庆典…

【unity】如何汉化unity Hub

相信大家下载安装unity后看着满操作栏的英文&#xff0c;英文不好的小伙伴们会一头雾水。但是没关系你要记住你要怎么高速运转的机器进入中国&#xff0c;请记住我给出的原理&#xff0c;不懂不代表不会用啊。现在我们就来把编译器给进行汉化。 第一步&#xff1a;我们打开Uni…

Qt如何直接处理系统事件(比如鼠标事件),而不是post事件

#include <QtGui/5.15.2/QtGui/qpa/qwindowsysteminterface.h> // 方便调试事件 QWindowSystemInterface::setSynchronousWindowSystemEvents(true); 直接再 qWindowsWndProc函数中处理 通常情况: 事件被放到一个队列中

JavaEE之网络初识(网络中的一些基本概念)详解

&#x1f63d;博主CSDN主页: 小源_&#x1f63d; &#x1f58b;️个人专栏: JavaEE &#x1f600;努力追逐大佬们的步伐~ 目录 1. 前言 2. 网络中的一些基本概念 2.1 IP地址 2.2 端口号 2.3 网络协议 2.4 协议分层 2.5 封装 2.6 分用 (封装的逆向过程) 2.7 客户端 vs …

韩顺平Java | C21网络编程

1 网络的相关概念 ip地址的组成&#xff1a;网络地址 主机地址 A类&#xff1a;0 ~ 2^7-1 0 ~ 127 B类&#xff1a;128 ~ 1282^6-1 128 ~ 191 C类&#xff1a;192 ~ 1922^5-1 192 ~ 223 D类&#xff1a;224 ~ 2242^4-1 224 ~ 239 E类&#xff1a;240 ~ 2402^3-1 240 ~ 2…

正弦实时数据库(SinRTDB)的使用(5)-历史数据查询(一)

前文已经将正弦实时数据库的使用进行了介绍&#xff0c;需要了解的可以先看下面的博客&#xff1a; 正弦实时数据库(SinRTDB)的安装 正弦实时数据库(SinRTDB)的使用(1)-使用数据发生器写入数据 正弦实时数据库(SinRTDB)的使用(2)-接入OPC DA的数据 正弦实时数据库(SinRTDB)…

20240321-1-AB测试面试题

AB测试面试题 1. 介绍一下ABTest的步骤 ABtest就是为了测试和验证模型/项目的效果&#xff0c;在app/pc端设计出多个版本&#xff0c;在同一时间维度下&#xff0c;分别用组成相同/相似的群组去随机访问这些版本&#xff0c;记录下群组的用户体验数据和业务数据&#xff0c;最…

力扣题库88题:合并两个有序数组(c语言)

解法&#xff1a; void merge(int* nums1, int nums1Size, int m, int* nums2, int nums2Size, int n) {int l1m-1;int l2n-1;int l3mn-1;while(l1>0&&l2>0){if(nums1[l1]>nums2[l2]){nums1[l3--]nums1[l1--];}else{nums1[l3--]nums2[l2--];}}while(l2>0)…

化工企业能源在线监测管理系统,智能节能助力生产

化工企业能源消耗量极大&#xff0c;其节能的空间也相对较大&#xff0c;所以需要控制能耗强度&#xff0c;保持更高的能源利用率。 化工企业能源消耗现状 1、能源管理方面 计量能源消耗时&#xff0c;计量器具存在问题&#xff0c;未能对能耗情况实施完全计量&#xff0c;有…

uniapp-Form示例(uviewPlus)

示例说明 Vue版本&#xff1a;vue3 组件&#xff1a;uviewPlus&#xff08;Form 表单 | uview-plus 3.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架&#xff09; 说明&#xff1a;表单组建、表单验证、提交验证等&#xff1b; 截图&#xff1a; 示例代码 <templat…

阎淑萍:老母猪戴口罩还挺重视这张老脸啊,赵本山:我也相当副科级呀!

阎淑萍&#xff1a;老母猪戴口罩还挺重视这张老脸啊&#xff0c;赵本山&#xff1a;我也相当副科级呀&#xff01; ——小品《老拜年》&#xff08;上&#xff09;的台词 《老拜年》 是赵本山、阎淑萍、王中青、苏杰在《1993年中央电视台春节联欢晚会》上表演的小品&#xff0…

支付系列——从支付宝与银联的多年恩怨说起

备注&#xff1a;本文纯属个人观点&#xff0c;可能会有错误&#xff0c;但不接受反驳&#xff0c;哈哈&#xff01;同时&#xff0c;本文没写太多专业术语&#xff0c;只是科普和胡侃&#xff01; 2003年&#xff0c;马云刚创立淘宝网不久&#xff0c;为了能够提供更便捷的线上…

GEE实践应用|热岛效应(一)地表温度计算

目录 1.学习目标 2.理论介绍 3.从MODIS获得地表温度 4.从Landsat卫星获得地表温度 1.学习目标 ①了解如何使用GEE计算地表温度 2.理论介绍 城市化涉及用建筑物、道路和停车场等建筑结构取代自然景观。这种土地覆盖的改变也改变了土地表面的特性。这些变化的范围从表面反射和…

【JavaWeb】Day20.Vue组件库Element——常见组件

常见组件-对话框 Dialog 对话框&#xff1a;在保留当前页面状态的情况下&#xff0c;告知用户并承载相关操作。 首先打开官网&#xff08;Element - The worlds most popular Vue UI framework&#xff09;找到使用的对话框组件。 以自定义内容为例&#xff1a; 常见组件-表…

【实战】springboot整合swagger及knife4j

文章目录 前言技术积累何为swagger何为knife4jSwagger2与Swagger3注解的主要区别 springboot整合swagger及knife4j导入maven依赖yaml配置编写配置类编写实体和接口 效果展示 前言 对于一个有着资深后端搬砖经验的人来说&#xff0c;最重要的事情就是写API文档了。一个好的API文…

批量删除 rabbitmq中随机队列

批量删除 amq.gen–* 随机队列 操作错误产生了无效随机队列&#xff0c;需要批量删除 过滤列出指定amq.gen–队列 # 列出 指定 vhost/qq 以amq.gen开头的所有队列 rabbitmqctl list_queues --vhost / | grep ^amq.gen-# 批量删除队列 #由于list_queues会列出队列名称以及对应…