# yuejianApp

**Repository Path**: LwpMaroon/yuejianApp

## Basic Information

- **Project Name**: yuejianApp
- **Description**: 约健App
- **Primary Language**: Android
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2017-09-27
- **Last Updated**: 2025-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# yuejianApp
### 约健app详情
##### 技术栈
* react-native
* react
* redux（状态管理组件库）
* react-redux
* react-router-native（路由组件库）
* antd-mobile（样式组件库）//弃用，对移动端兼容比较差
* native-base（样式组件库）
* react-intl（多语言使用库）
* intl（多语言使用库）
* loadsh(方便数据处理的库)
* moment（时间格式化库）
* react-native-splash-screen(app启动动画的库)
* react-native-nav(解决antd—mobile的NavBar组件不兼容问题)//弃用
* react-navigation(配合native-base的Drawer组件使用)
* react-native-viewpager(轮播图辅助库)
* react-native-modal-dropdown(实现下拉选项)
* react-native-vector-icons(补充native-base的icon库)
* react-native-elements(补充样式组件库)

##### 实现功能
1. 登录页：
    1. 启动页（进入App首先通过加载启动页进行）（完成）
    2. 手机号登录（完成）
    3. 忘记密码（通过注册的手机号发送短信验证码）
    4. 记住密码（完成）
    5. 跳转到注册(完成)
    6. 其他登录
2. 注册页
    1. 手机号，密码登录（完成）
    2. 验证手机号和密码的合理性（完成）
    3. 短信验证
3. 活动-首页
    1. 内容搜索 （完成）
    2. 首页轮播图（以及轮播图详情）（目前实现轮播图为实现详情）
    3. 精彩活动列表以及详情 (完成)
    4. 权威大师列表以及详情 （完成）
    5. 最近比赛列表以及详情 （完成）
4. 精选活动-详情页
    1. 详情页返回首页 （完成）
    2. 收藏/取消收藏该活动 
    3. 活动内容（活动名称,发布时间，地址，活动时间，活动收费，已报名人数，咨询热线，活动简介。。。）（完成）
    4. 第三方分享
    5. 跳转报名页（完成）
5. 精选活动-订单页
    1. 返回首页 (完成)
    2. 内容（活动名称，类型，价格，登录用户姓名，联系方式，购买数量，保险信息，支付方式，报名须知）（完成）
    3. 合计总价（完成）
    4. 更具付费方式结算（完成） 
6. 权威大师-详情
    1. 返回首页（完成）
    2. 关注/取消关注大师
    3. 第三方分享（弱）
    4. 内容（大师简介，以及所在俱乐部）(完成)
    5. 大师课堂信息（完成）
    6. 大师问答列表(完成)
    7. 对大师提问(完成)
7. 最近比赛-详情页
    1. 返回首页（完成）
    2. 关注/取消关注比赛
    3. 比赛内容（显示外链的比赛详情页）（完成）
8. 培训-首页
    1. 培训的轮播图（完成）
    2. 信息搜索
    3. 不同级别的培训进行过滤显示(完成)
    4. 点击查看详情（完成）
9. 培训-详情页
    1. 返回首页 (完成)
    2. 内容显示 （完成）
    3. 咨询意见电话（完成）
    4. 立即报名（跳转到报名页）（完成）
10. 培训-订单页
    1. 返回首页（完成）
    2. 收藏/取消收藏
    3. 报名显示内容（完成）
    4. 合计（完成）
    5. 结算（根据付费方式，进行价格结算）（完成）


##### 尚未实现的功能
1. 页面设置添加多语言功能（中文与英文切换）
2. 数据搜索
3. 关注或者搜藏功能

##### 遇到的问题
1. native-base文档的组件使用属性不全，例子没有代表性
2. react-native-elements使用的原生库版本低，与别的库兼容较差
3. 页面样式设计难以控制
4. 路由设计与页面设计不合理，导致页面布局问题
5. 组件设计不合理，与公共功能没有抽取公共组件
6. 路由状态管理没有合理使用
7. 数据请求没有抽取出来

##### 使用：
1. 使用
` git clone https://gitee.com/LwpMaroon/yuejianApp.git `   命令将项目克隆到本地
2.  `cd yuejianApp`命令进入项目，使用`npm install`安装开发过程中使用的库
3. 然后使用`npm run start`进入项目开发，或者使用`react-native run-android`进行android版编译，进入android模拟器查看效果【android版需要提前打开版本为23的模拟器，否则程序无法匹配到相应的模拟器】//暂时不考虑ios版本开发遇到的问题，