2023-YBox聚合收藏平台

logo

YBox v1.0.0

基于 Vue3/Element UI/Vant 和 Spring Boot/Spring Cloud & Alibaba 前后端分离的分布式微服务架构

平台简介

YBox是一个现代化书签收藏夹,帮助你高效收藏并管理有价值的网络信息。

YBox 专为新时代数字工作者打造,是你的私人网络信息助手。我们会时常在网络上浏览新闻、文章、资料、视频等内容,当你发现了自己在意的信息后,可以通过 YBox 提供的快捷收藏工具,将他们快速保存。在之后工作和生活中,当你需要它们时,能够随时在 YBox 中浏览或搜索,不必担心遗忘。

功能特点

  • 轻简设计,强大能力 – YBox 专为网络书签功能打造,直观而纯粹,可全方位满足收藏、阅读、管理、搜索等需求。
  • 随处皆可收藏 – 碎片资讯随时随地保存到 YBox,让你可以专注于学习和创造,不需要花费精力记忆它们。
  • 告别繁琐整理 – 只需简单地设置好规则, YBox 会帮你自动分类,方便你按照类别统一浏览和处理。
  • 无干扰阅读 – 自动识别是否是文章,预先提取正文并缓存,提供最佳的文章阅读体验。
  • 随时找到所需 – 多种系统级全局搜索入口,使用快捷键随时搜索并打开要用的书签。
  • 愉悦体验 – 不同于其它跨平台书签服务,YBox 使用原生技术开发,确保真正高效的使用体验。
  • 轻松创建工作流 – 灵活的管理工具,轻松搭建你的网络导航。

使用场景

  • 各行业专业工作者收集资料,为自己的工作项目提供素材和参考;
  • 设计师随时收藏看到的优秀案例,组建自己的灵感库,在工作中随时找回灵感;
  • 程序开发者收藏项目难题的解决方案,当之后再遇到类似问题可以从容不迫;
  • 学生收藏学习资料,借助互联网的海量信息提高自己的学习效率;
  • 收藏有价值的文章,定期回顾,养成深度阅读的习惯,提升自己;
  • 记录在网络上看到的有趣视频、社交动态等,等方便或有空闲时再仔细浏览;

系统模块

com.ybox     
├── ybox-ui              // 前端框架 [80]
│       └── ybox-ui-mobile                            // app
│       └── ybox-ui-vue3                              // 管理后台
├── ybox-gateway         // 网关模块 [8080]
├── ybox-auth            // 认证中心 [9200]
├── ybox-api             // 接口模块
│       └── ybox-api-app                             // app接口
│       └── ybox-api-crawler                         // 爬虫接口
│       └── ybox-api-system                          // 系统接口
├── ybox-common          // 通用模块
│       └── ybox-common-core                         // 核心模块
│       └── ybox-common-datascope                    // 权限范围
│       └── ybox-common-datasource                   // 多数据源
│       └── ybox-common-email                        // 邮件服务
│       └── ybox-common-log                          // 日志记录
│       └── ybox-common-redis                        // 缓存服务
│       └── ybox-common-seata                        // 分布式事务
│       └── ybox-common-security                     // 安全模块
│       └── ybox-common-swagger                      // 系统接口
├── ybox-modules         // 业务模块
│       └── ybox-system                              // 系统模块 [9201]
│       └── ybox-gen                                 // 代码生成 [9202]
│       └── ybox-job                                 // 定时任务 [9203]
│       └── ybox-app                                 // app模块  [9204]
│       └── ybox-crawler                             // 爬虫模块 [9205]
│       └── ybox-file                                // 文件服务 [9300]
├── ybox-visual          // 图形化管理模块
│       └── ybox-visual-monitor                      // 监控中心 [9100]
├──pom.xml               // 公共依赖

服务架构于安全

  • 采用前后端分离的模式,微服务版本前端(基于 RuoYi-Vue)。
  • 后端采用Spring Boot、Spring Cloud & Alibaba。
  • 注册中心、配置中心选型Nacos,权限认证使用Redis。
  • 流量控制框架选型Sentinel,分布式事务选型Seata。
  • 完全响应式布局(支持电脑、平板、手机等主流设备)
  • 强大的爬虫功能,可以获取用户收藏的网络资源
  • 支持多数据源,简单配置即可实现切换。
  • 支持按钮及数据权限,可自定义部门数据权限。
  • 对常用js插件进行二次封装,使js代码变得简洁,更加易维护
  • 完善的XSS防范及脚本过滤,彻底杜绝XSS攻击
  • api签名校验,接口安全性高。

架构图

内置功能

  1. 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
  2. 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
  3. 岗位管理:配置系统用户所属担任职务。
  4. 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
  5. 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  6. 字典管理:对系统中经常使用的一些较为固定的数据进行维护。
  7. 参数管理:对系统动态配置常用参数。
  8. 通知公告:系统通知公告信息发布维护。
  9. 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
  10. 登录日志:系统登录日志记录查询包含登录异常。
  11. 在线用户:当前系统中活跃用户状态监控。
  12. 定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。
  13. 代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。
  14. 系统接口:根据业务代码自动生成相关的api接口文档。
  15. 服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。
  16. 在线构建器:拖动表单元素生成相应的HTML代码。
  17. 连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。

在线体验

  • 后台试用账号:admin/admin123
  • app试用账号: 1655495937@qq.com/Aa@123456
  • 由于本平台采用微服务架构,对服务器内存要求过高,本人无法承担高额服务器费用,故采用内网穿透方式,

演示地址:ybox 已失效
文档地址:ybox 暂无

使用项目

测试环境启动

  1. 导入sql

     mysql -h localhost -u root -p ybox-cloud < ./sql/ybox-cloud.sql
    
  2. 导入nacos配置

     mysql -h localhost -u root -p ybox-nacos-config < ./sql/ybox-nacos-config.sql
    
  3. 打开Ybox项目,启动所有ybox-modules目录下的模块,他们分别是ybox-modules-app、ybox-modules-crawler、ybox-modules-file、ybox-modules-gen、ybox-modules-job、ybox-modules-system以及YBox目录下的ybox-auth、ybox-gateway模块
    其中ybox-modules-app、ybox-modules-crawler、ybox-modules-file、ybox-modules-system、ybox-auth、ybox-gateway必启,否则报错。
    在这里插入图片描述

  4. 打开YBox下的ybox-ui中的ybox-ui-mobile,在cmd中输入下面指令启动app项目

    npm run dev
    
  5. 打开YBox下的ybox-ui中的ybox-ui-vue3,在cmd中输入下面指令启动后台管理项目

    npm run dev
    

生产环境启动

  1. 依次点击maven中的clean、compile、package、install
  2. 依次找到必须启动的modules,找到target目录中的jar包,统一放到桌面
  3. 执行
    java -jar jar包名称
    
  4. 将ybox-ui中的两个项目打包,
    vite build
    
  5. 将打包后的文件上传到服务器,并使用用nginx代理,ybox-ui-mobile端口为80端口,ybox-ui-vue3端口为81端口.

图片太多,没按照顺序放,见谅!!!

app端

登录&注册
验证码验证码验证码验证码
首页
验证码验证码验证码验证码
百宝箱
验证码验证码验证码验证码
标签&标记
验证码验证码验证码验证码
设置
验证码验证码验证码验证码
验证码验证码验证码验证码
验证码验证码验证码验证码

banner图

  • banner转换网址 https://www.bootschool.net/ascii
  • 3d格式

致谢

EasyCaptcha
RuoYi

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
gmx xpm2ps -f dssp.xpm -o secondary-structure.eps -title none -di 1.m2p -rainbow red可以将xom文件转化成eps,请修改以下代码,使其只显示只显示alpha-helix与beta-sheet,使alpha-helix用蓝色表示,beta-sheet用黄色表示。; Command line options of xpm2ps override the parameters in this file black&white = no ; Obsolete titlefont = Times-Roman ; A PostScript Font titlefontsize = 20 ; Font size (pt) legend = yes ; Show the legend legendfont = Times-Roman ; A PostScript Font legendlabel = ; Used when there is none in the .xpm legend2label = ; Used when merging two xpm’s legendfontsize = 14 ; Font size (pt) xbox = 2.0 ; x-size of a matrix element ybox = 2.0 ; y-size of a matrix element matrixspacing = 20.0 ; Space between 2 matrices xoffset = 0.0 ; Between matrix and bounding box yoffset = 0.0 ; Between matrix and bounding box x-major = 20 ; Major ticks on x axis every … frames x-minor = 5 ; Id. Minor ticks x-firstmajor = 0 ; First frame for major tick x-majorat0 = no ; Major tick at first frame x-majorticklen = 8.0 ; x-majorticklength x-minorticklen = 4.0 ; x-minorticklength x-label = ; Used when there is none in the .xpm x-fontsize = 16 ; Font size (pt) x-font = Times-Roman ; A PostScript Font x-tickfontsize = 10 ; Font size (pt) x-tickfont = Helvetica ; A PostScript Font y-major = 20 y-minor = 5 y-firstmajor = 0 y-majorat0 = no y-majorticklen = 8.0 y-minorticklen = 4.0 y-label = y-fontsize = 16 y-font = Times-Roman y-tickfontsize = 10 y-tickfont = Helvetica
06-10

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值