亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

使用React開發App管理平臺系統

標簽:
React.JS

简介

基于create-react-app手脚架创建的项目,使用React.js进行开发的App管理平台系统Web前端工程。

做了2年的Android开发,第一次使用react去折腾一个前端项目,如有做得不好的地方,还望纠正。

为什么做一个App管理平台系统?因为每次发布App的时候都是用公司N年前开发的一个发布系统,界面难看且落后。所以抽时间想自己也搞一个出来,折腾新的技术也是挺有趣的。

为什么选择React?因为之前我用过纯React Native和干货集中营开放的API开发过一个App应用GankAndPanyz,所以还算是熟悉React的语法。

第一次跨岗去尝试前后端分离,嗯!服务端代码也是自己来搞(使用的是Spring+SpringMVC+MyBatis)和MySQL数据库,虽然对一些原理还不是很深入,但是能把系统做了出来,收获还是挺大的。从移动端->前端->后端->全栈工程师,挺进!

项目源码Github地址

功能

  1. 登录功能

  2. 数据统计功能:App登录统计、App下载统计

  3. 项目管理功能:项目的添加、编辑、删除、整合了Android、iOS下载二维码

  4. App管理功能(Android、iOS):根据场景App分为正式环境和测试环境进行展示每个App的本地链接下载和二维码下载

  5. 版本发布功能:根据对应的手机系统上传安装包和相应的信息进行版本发布

使用到的第三方框架

  • ant design of react:UI框架

  • react-router:路由框架

  • fetch: 网络请求框架

  • moment:日期处理框架

  • rechart:图表框架

  • qrcode.react 二维码框架

  • crypto-js:加密解密框架

截图

webp

login

webp

datastatistics1

webp

datastatistics2

webp

projectlist

webp

appmanager

webp

version



作者:Panyz
链接:https://www.jianshu.com/p/b5b283574a31


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消