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

项目管理功能

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

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

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

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

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

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

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

审批功能

我审批的

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

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

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

前台显示如下

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

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

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

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

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

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

抄送我的

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

每条记录可以查看详情

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

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

签到功能

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

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

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

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

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

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

签到函数如下:

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

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