app开发框架(ionic2_tabs)-README.md

github地址

目录结构

• 一个完整的app目录结构比较复杂，实际开发中以下四处最经常修改。如果只开发业务代码或开发移动端网页，基本只用关心src目录
  
  

src目录

• 如下图，src目录下src/app/app.component.ts是整个app的入口文件，对app逻辑了解可以先从这里开始看起
  
  

使用此项目作为你的开发模版你还需要做的事

• 修改config.xml中的id为你自己的id.命名一般为com.公司英文名.项目英文名

• 修改Constants.ts中的CODE_PUSH_DEPLOYMENT_KEY(热更新key).申请地址.参考

• Constants.ts中的其他常量以各自情况修改

• 使用高德javascript api,修改index.html中的web key.参考

• 使用高德定位插件和导航插件需要修改高德定位key和高德ioskey.参考

已实现如下常见功能点

• 处理android硬件返回按钮事件

• app后台运行,最小化app

• 添加拍照功能

• 图表-chart.js

• 图表-echarts

• 使用高德地图

• 高德定位,导航

• 代码按功能划分多module

• 封装angular http,异常处理,请求超时处理

• 自定义分页组件

• 自定义添加/预览图片组件

• 使用阿里巴巴矢量图标-Iconfont

• 热更新

• 表单

• javascript错误监控-fundebug

• 图片上传demo,图片缓存

• app自动升级功能

• 图片裁剪demo

• 省市区级联demo

• 其他cordova插件封装和常用功能,工具方法

关于"登录功能实现"的说明

• app启动,从storage缓存中获取token,没有获取到token就设置登录页为首页.app.component.ts

• 输入用户名密码,点登录按钮传用户名和密码到后台,后台验证正确,返回token,把token缓存起来.login.ts.

token是通过用户id,过期时间等有用字段加密而成,使用jwt密码,目前过期时间设置为30天.

• 使用token调用获取用户基本信息接口得到用户基本信息,把用户信息缓存在globalData.ts中

• 重启app,从storage缓存中获取到了token,用旧token换取新token，自动登录成功，并重新获取用户信息缓存在globalData.ts中