你想要的全平台全栈开源项目-Vue、React、小程序、安卓、ReactNative、java后端
全平台全栈开源项目 coderiver
今天终于开始前后端联调了~
首先感谢大家的支持,coderiver 在 GitHub 上开源两周,获得了 54 个 Star
,9 个 Fork
,5 个 Watch
。
这些鼓励和认可也更加坚定了我继续写下去的决心~ 再次感谢各位大佬!
项目地址: https://github.com/cachecats/...
靠业余时间从产品立项,到画原型图设计功能,到前端实现,再到后端实现,断断续续写了几个月,今天终于可以调试接口啦!一路走来,感谢大家的鼓励与陪伴~
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/5b06d5...
已经发表的项目相关博客:
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/...
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hi22cbk02jb
原文地址:https://www.cnblogs.com/baimeishaoxia/p/12687467.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 有赞订单导出的配置化实践
- k2路由器刷系统
- 使用Seq搭建免费的日志服务
- html可伸缩侧边栏
- Dubbo 压测插件的实现——基于 Gatling
- html自定义checkbox样式
- 宝塔面板7.4.2及Windows面板6.8数据库鉴权漏洞 – 官方发布紧急安全更新
- ESP32刷入Ruff Lite固件
- Angularjs1.x ES6接入Chart图表
- 搭建Blynk开源物联网服务端(1)---基本搭建
- 搭建Blynk开源物联网服务端(2)---开始使用
- NPM安装模块报错:Error: sha1-W+8rAcUcgURBLVhzyvg+IvHsa4Q= integrity checksum failed when using sha1: wanted
- OPA Gatekeeper 策略入门
- 给Linux命令行加个问候语
- RaspberryPi接入HomeKit