基于ionic2 的移动app开发过程《5》
项目管理功能
项目管理,产品管理,产品市场,项目市场基本逻辑一样,这里以项目管理功能为例
首先跳转到项目视图
通过函数名就可以知道这个界面可以进行添加和修改操作
进行操作前会跳转到相关界面,添加和修改唯一的区别是修改界面需要传入当前待修改记录的信息
添加界面就是一个简单的表单,获取信息后提交到后台,和前面登录界面原理一样,这里不再赘述;对于修改界面,需要传入当前记录的详细信息,然后在修改视图的class中获取传递的参数,可以这样使用参数
审批功能
我审批的
这两个函数是从后台获取数据,然后绑定到前台
前台显示如下
每一条记录都可以产看详情并对其进行处理
将结果(同意还是拒绝)传送到后台,这样就实现了审批功能
抄送我的
每条记录可以查看详情
这个主要从后台查询信息然后通过数据绑定回显到前台。
签到功能
如果用户还没有签到,点击按钮就会执行相应的签到功能,本程序强制在wifi下签到
要判断网络状态就需要用到cordova插件了,详细使用方法可以查看API
http://ionicframework.com/docs/native/network/
签退函数如下:
向后台发出签退请求,修改用户状态。
签到函数如下:
这里使用cordova-plugin-networkinterface插件获取了本机的ip地址和mac地址,然后将其传送到后台。同时通过数据绑定改变界面的状态