YouRanSNS PC

简介

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

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

YouRanSNS 技术架构

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

为了减少小白用户的编译困难，我们没有使用原生的 vue，而使用了 uniapp 写的PC端，省去了自己在本地安装、配置 nodejs 的步骤，直接下载 HBuilderX 导入、编译即可。

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

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

YouRanSNS 使用帮助

YouRanSNS PC 与 移动端几乎一样的使用方式、编译方式，请查看源码根目录的 YrMoveConfig 。

这里值得说的一点是，在源码根目录，有一个 tj.html 的文件，最尾部的两个 script 标签是 51.la 的统计代码，您可以换成您自己的。

二开相关

目录结构

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

• font.css -------- 全局字体文件
• HTML5Parser.js -- HTML转JSON
• style.css ------- 全局公用css
• tool.js --------- 全局公用方法

components 文件夹 > 组件

• all-empty ------------------------------------- 通用 | 空内容显示
• all-footer ------------------------------------ 通用 | 全局尾部
• all-friendship-link --------------------------- 通用 | 友情链接
• all-header ------------------------------------ 通用 | 全局头部
• all-lazy-load-image --------------------------- 通用 | 图片懒加载
• all-loading ----------------------------------- 通用 | 加载中显示
• all-loading-skeleton-screen ------------------- 通用 | 全屏骨架屏
• c --------------------------------------------- 通用 | 中间组件
• c-breadcrumbs --------------------------------- 左中右 | 面包屑导航
• c-comment ------------------------------------- 左中右 | 评论列表
• c-post-list-ask ------------------------------- 中间 | 问答列表
• c-post-list-general --------------------------- 中间 | 通用帖子列表
• c-post-list-moments --------------------------- 中间 | 朋友圈列表
• c-simple-sorting-of-multiple-lines ------------ 中间 | 多行简单排序
• c-single-line-scrolling ----------------------- 中间 | 一行滚动
• l --------------------------------------------- 通用 | 左侧组件
• l-group-tree ---------------------------------- 左右 | 树形导航菜单
• page-post-comment-box ------------------------- 私有 | 帖子页面的评论框子
• r --------------------------------------------- 通用 | 右侧组件
• r-ranking ------------------------------------- 左右 | 文章简单排序
• r-user-ranking -------------------------------- 左右 | 用户排行榜

pages 文件夹 > 页面

• comment --------------------------- 评论详情
• draft ----------------------------- 草稿列表
• dynamic --------------------------- 动态频道
• editor ---------------------------- 编辑器
• group ----------------------------- 小组列表
• hashtag --------------------------- 话题列表
• index ----------------------------- 首页
• login ----------------------------- 登录
• my -------------------------------- 我的设置中心
• myFollowed ------------------------ 我关注的
• notification ---------------------- 通知中心
• post ------------------------------ 帖子详情页
• user ------------------------------ 用户详情

本地储存（同步）

fresnsClientDeviceInfo

• 交互设备信息，用于请求标头

JSON_Config

• config.json 配置

演示

http://www.0313.co

关于版权

免费、开源、可商用，MIT 开源协议，不限形式二开、不限形式传播，但是一定要遵纪守法不得将 YouRanSNS 用于任何违反法律的事情上。

想来想去，还是开源吧。

联系我们

网址：悠然创业社区

QQ群：592713454

QQ：97028048

鸣谢

• Fresns 一款免费开源的社交网络服务软件
• uni-app 是一个使用 Vue.js 开发所有前端应用的框架
• mp-html 一个强大的富文本组件

YouRanSNS 是采用 MIT 许可的开源项目，使用完全免费。

维护这样一个高质量的、长久性的开源项目是需要巨大的努力，只有在我们的赞助者慷慨的财务支持下才得以持续。

如何赞助

赞助后...

请联系QQ：97028048，悠然创业社区 “赞助用户组”，加入 VIP 聊天室，等等等...