YouRanSNS 个性化、场景化的社交解决方案从这里开始

需要一款个性化、场景化社交解决方案？来吧！一切，从这里开始。

简介

YouRanSNS 是一整套的可扩展社交解决方案，着重于个性化、定制化、场景化。

YouRanSNS 是悠然技术团队独立开发、维护。

YouRanSNS 技术架构

经多方位、多方面的考察，YouRanSNS 后端选用了知名开源产品 Fresns ，它自身的定位就是通用型、多场景、灵活多样、免费开源，非常适合 YouRanSNS 的自身定位，YouRanSNS 全称也可以叫做 YouRanSNS for Fresns。

为了全端兼容，前端开发框架我们采用了国内很火的 uni-app ，YouRanSNS 兼容 App、小程序、H5。

YouRanSNS 在设计之初，采用了 DIY 模块化，所以 YouRanSNS 很多页面都可以根据自己的需求进行个性化 DIY。

有利有弊，利，在于自由程度高、适合行业多，弊，在于使用起来稍微复杂一点，但是我们保证，不会很复杂。

YouRanSNS 使用帮助

从这里开始，我们开始一步一步的学习、搭建我们自己的社交平台。

如果您需要付费搭建，请访问付费搭建。

一、后端安装与配置

二、前端安装与配置

三、其他相关资料

四、二开相关

目录结构

common 文件夹 > 全局css与js工具

font.css ------ 全局字体文件
style.css ----- 全局公用css
tool.js ------- 全局公用方法

components 文件夹 > 组件

block-filmstrip ------------------- 块，幻灯片组件
block-html ------------------------ 块，万能HTML解析模块
block-live-chat ------------------- 块，即时聊天小组展示按钮
block-quick-publish --------------- 块，快速发布
block-record ---------------------- 块，打卡展示按钮
list-ask -------------------------- 列表，问答样式
list-comment ---------------------- 列表，评论列表
list-concise ---------------------- 列表，简单排序样式
list-conversation ----------------- 列表，即时聊天样式，不可参与DIY
list-record ----------------------- 列表，打卡，不可参与DIY
list-interact --------------------- 列表，朋友圈样式
list-news ------------------------- 列表，新闻样式
list-public ----------------------- 列表，通用微博样式
list-roll ------------------------- 列表，一行上下翻滚公告样式
public-audio ---------------------- 公用，语音播放组件，不可参与DIY
public-comment-box ---------------- 公用，尾部回贴浮动栏，不可参与DIY
public-empty ---------------------- 公用，无数据组件，不可参与DIY
public-list-follow ---------------- 公用，我的关注，不可参与DIY
public-list-user ------------------ 公用，用户列表，不可参与DIY
public-loading -------------------- 公用，加载中组件，不可参与DIY
public-nearby-content ------------- 公用，附近帖子列表组件，不可参与DIY
public-not-logged-in -------------- 公用，未登录，请登录提示，不可参与DIY
public-publish-and-draft-buttons -- 公用，侧边栏草稿与发布的浮动按钮，可参与DIY
youran-diy ------------------------ 主，YouranDIY主要引用模块

pages 文件夹 > 页面

index ----------------------------- 主导航，首页
category -------------------------- 主导航，分类页面
find ------------------------------ 主导航，发现页面
notification ---------------------- 主导航，通知页面
my -------------------------------- 主导航，我的页面
comment --------------------------- 评论详情页面
editor [文件夹] -------------------- 编辑器
- draft.vue --------------------- 草稿列表
- editor.vue -------------------- 编辑器主文件
- editorAceTex.vue -------------- 艾特用户选择页面
- editorEmoji.vue --------------- 表情选择页面
- editorHashtag.vue ------------- 话题选择页面
- editorQuotePost.vue ----------- 引用帖子选择页面
- editorRecord.vue -------------- 打卡编辑器
extensionsPlugin [文件夹] ---------- 扩展插件
- AdminMenu.vue ----------------- 管理菜单插件
- TitleIcons.vue ---------------- 标题图标插件
group ----------------------------- 内容小组列表
hashtag --------------------------- 话题列表
login [文件夹] --------------------- 登录
- login.vue --------------------- 登录页面
- userSelection.vue ------------- 用户选择页面
my [文件夹] ------------------------ 主导航，我的
- accountCookies.vue ------------ Cookies 使用条款
- accountPrivacy.vue ------------ 隐私政策页面
- accountTerms.vue -------------- 用户条款页面
- applyDelete.vue --------------- 账号注销页面
- appVersion.vue ---------------- App端更新页面
- comment.vue ------------------- 我的评论页面
- follow.vue -------------------- 我的关注页面
- my.vue ------------------------ 我的页面
- post.vue ---------------------- 我的发帖
- poweredBy.vue ----------------- 技术支持页面
- userEditing.vue --------------- 用户资料修改页面
notification [文件夹] -------------- 主导航，通知
- commentsAndEt.vue ------------- 评论和艾特通知页面
- conversationDetail.vue -------- 私聊对话详情页面
- notification.vue -------------- 主导航，通知页面
page [文件夹] ---------------------- 自定义DIY页面
post ------------------------------ 帖子详情页面
public [文件夹] -------------------- 公用
- image.vue --------------------- 图片预览页面
- public.vue -------------------- 公用版权页面
- video.vue --------------------- 视频预览页面
register -------------------------- 注册页面
user ------------------------------ 用户详情页面