美文网首页javaVue开源项目
你想要的全平台全栈开源项目 - PC(Vue、React)、移动

你想要的全平台全栈开源项目 - PC(Vue、React)、移动

作者: solocoder | 来源:发表于2018-11-19 17:01 被阅读179次

    全平台全栈开源项目 coderiver 今天终于开始前后端联调了~

    首先感谢大家的支持,coderiver 在 GitHub 上开源两周,获得了 54 个 Star,9 个 Fork,5 个 Watch

    这些鼓励和认可也更加坚定了我继续写下去的决心~ 再次感谢各位大佬!

    项目地址: https://github.com/cachecats/coderiver

    靠业余时间从产品立项,到画原型图设计功能,到前端实现,再到后端实现,断断续续写了几个月,今天终于可以调试接口啦!一路走来,感谢大家的鼓励与陪伴~

    coderiver 是什么?

    致力于打造全平台全栈精品开源项目,计划做成包含 pc端(Vue、React)、移动H5(Vue、React)、ReactNative混合开发、Android原生、微信小程序、java后端的全平台型全栈项目。

    coderiver 中文名 河码,是一个为程序员和设计师提供项目协作的平台。无论你是前端、后端、移动端开发人员,或是设计师、产品经理,都可以在平台上发布项目,与志同道合的小伙伴一起协作完成项目。

    coderiver 河码 类似程序员客栈,但主要目的是方便各细分领域人才之间技术交流,共同成长,多人协作完成项目。暂不涉及金钱交易。

    技术架构

    目前只做了基于 Vue 的 PC 端,和基于 java 的后端。

    前端的技术架构是 Vue 家族,UI 框架用的是饿了么的 Element-ui .

    后端采用了基于 SpringCloud 的微服务架构。整个项目分为了五个服务:

    • 注册中心 eureka_server

    • 用户服务 user_service

    • 项目服务 project_service

    • 评论服务 comments_service

    • 服务网关 api_gateway

    服务网关用了 Zuul ,所有接口都经过网关访问,便于统一做用户鉴权、负载均衡等操作。

    各服务间通信用 Feign。多个场景都使用了 Redis ,主要是作为缓存容器使用。数据库操作暂时用的是 JPA,后期还会用 Mybatis 实现一版。消息队列暂时还没用到,后面会用 RabbitMQ。

    部署的时候应该还会用 Nginx 和 Docker。

    项目中用到的技术和关键的业务逻辑,都会总结出来写成博客方便大家学习参考,也希望各位大佬多多提意见,共同使项目更完善、优雅、质量更高。

    博客汇总

    博客主页:https://juejin.im/user/5b06d578f265da0de02f3b0c/posts

    已经发表的项目相关博客:

    java后端

    点赞模块设计 - Redis缓存 + 定时写入数据库实现高性能点赞功能

    评论模块 - 后端数据库设计及功能实现

    服务网关 Zuul 与 Redis 结合实现 Token 权限校验

    评论模块优化 - 数据表优化、添加缓存及用 Feign 与用户服务通信

    Vue pc端

    vue + element-ui + scss 仿简书评论模块

    element-ui 的Dialog被蒙板遮住原因及解决办法

    规划

    对项目的规划是做成包含 pc端(Vue、React)、移动H5(Vue、React)、ReactNative混合开发、Android原生、微信小程序、java后端的全平台型全栈项目,具体平台和技术实现方案、进度如下表:

    平台 实现方案 进度
    pc 端 Vue + Element 90%
    pc 端 React 技术栈 未开始
    移动端 H5 Vue 技术栈 未开始
    移动端 H5 React 技术栈 未开始
    小程序 Wepy 或 小程序原生 未开始
    混合开发 ReactNative 未开始
    Android 原生 安卓原生开发 未开始
    后端 java + SpringCloud 90%

    其中除了 React 技术栈,其他的我都可以做。

    但考虑到时间和项目周期,以后可能会邀请其他贡献者加入。如果遇到合适的小伙伴,也可能会追加实现,比如 IOS 原生应用,Flutter 混合开发等…

    所有平台,都会用当下最流行最热门的技术方案实现,代码的质量也会尽全力做到最优。

    结语

    路漫漫其修远兮,吾将上下而求索。

    再次感谢大家的鼓励与支持,我会继续努力,保持全速更新,争取早日实现全平台覆盖~


    如果觉得项目不错,GitHub 上顺手送个 Star ,或给文章点个赞呗~
    项目地址: https://github.com/cachecats/coderiver

    image

    相关文章

      网友评论

        本文标题:你想要的全平台全栈开源项目 - PC(Vue、React)、移动

        本文链接:https://www.haomeiwen.com/subject/sfyafqtx.html