基于ionic2 的移动app开发过程《5》

来源:互联网 发布:javascript 页面加载 编辑:程序博客网 时间:2024/05/22 02:00

项目管理功能

项目管理,产品管理,产品市场,项目市场基本逻辑一样,这里以项目管理功能为例
首先跳转到项目视图

这里写图片描述

这里写图片描述

通过函数名就可以知道这个界面可以进行添加和修改操作
进行操作前会跳转到相关界面,添加和修改唯一的区别是修改界面需要传入当前待修改记录的信息

这里写图片描述

添加界面就是一个简单的表单,获取信息后提交到后台,和前面登录界面原理一样,这里不再赘述;对于修改界面,需要传入当前记录的详细信息,然后在修改视图的class中获取传递的参数,可以这样使用参数

这里写图片描述

审批功能

我审批的

这两个函数是从后台获取数据,然后绑定到前台

这里写图片描述

这里写图片描述

前台显示如下

这里写图片描述

每一条记录都可以产看详情并对其进行处理

这里写图片描述

这里写图片描述

这里写图片描述

将结果(同意还是拒绝)传送到后台,这样就实现了审批功能

抄送我的

这里写图片描述

每条记录可以查看详情

这里写图片描述

这个主要从后台查询信息然后通过数据绑定回显到前台。

签到功能

这里写图片描述

如果用户还没有签到,点击按钮就会执行相应的签到功能,本程序强制在wifi下签到

这里写图片描述

要判断网络状态就需要用到cordova插件了,详细使用方法可以查看API
http://ionicframework.com/docs/native/network/
签退函数如下:

这里写图片描述

向后台发出签退请求,修改用户状态。

签到函数如下:

这里写图片描述

这里使用cordova-plugin-networkinterface插件获取了本机的ip地址和mac地址,然后将其传送到后台。同时通过数据绑定改变界面的状态

原创粉丝点击