Skip to content

weifuchuan/JFinalAPP

Repository files navigation

A React Native APP for JFinal(www.jfinal.com)

基本实现思路:通过与浏览器相同的HTTP请求1)获取HTML并解析(基于cheerio,类JQuery的HTML解析库)为可用数据,在APP上相应地显示;2)执行如创建分享、回复、私信、登录、注册等等操作。

基础框架

React Native 0.57

开发语言

TypeScript。

状态管理

  • Mobx

导航库

  • react-native-router-flux

使用到的UI库

  • react-native-material-ui:Toolbar、Navigation Bar、Card、Button、ActionButton
  • react-native-elements:Button、Input
  • antd-mobile-rn:Drawer、Modal、Toast
  • react-native-render-html:(将HTML渲染为RN组件)
  • react-native-tab-view:TabView
  • teaset:Overlay、SearchInput

HTML解析器

  • cheerio(react-native-cheerio)

网络请求库

  • axios
  • rn-fetch-blob(原生请求,可更改HTTP Headers)

全文搜索

使用bing.com搜索site:www.jfinal.com 关键字的结果。(使用rn-fetch-blob模拟PC端请求)

IOS

没有MAC为IOS构建APP。幸好,RN是跨平台的,此外本程序所有原生库的安装都使用自动link,应该能轻易的为IOS构建。此外还需要Xcode更改图标。

预览

首页/项目

image

首页/分享

image

首页/搜索

image

首页/我

image

首页/我/抽屉

image

首页/我/操作

image

文档

image

文档目录

image

项目页

image

分享页

image

创建分享

image

用户

image

用户/抽屉

image

私信列表

image

发送私信

image

我的收藏

image

我的关注

image

我的项目

image

上传头像

image

推送通知

image

更新日志

1.0.0-beta18

License

Apache License 2.0