https://github.com/zyqwst/daybookapp

记一笔——最简约的流水账应用
https://github.com/zyqwst/daybookapp

Last synced: 2 months ago
JSON representation

记一笔——最简约的流水账应用

• Host: GitHub
• URL: https://github.com/zyqwst/daybookapp
• Owner: zyqwst
• Created: 2017-04-04T16:36:26.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-02T10:05:06.000Z (about 7 years ago)
• Last Synced: 2024-10-11T12:12:39.124Z (3 months ago)
• Language: TypeScript
• Homepage: http://www.jianshu.com/p/095ca28a2ff0
• Size: 3.01 MB
• Stars: 57
• Watchers: 5
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## DayBookApp

    Ionic2构建的一款流水账记录App。

服务端 GitHub 请点击[DayBook](https://github.com/zyqwst/DayBook)

## 效果预览

![登录](http://upload-images.jianshu.io/upload_images/2287481-8e76339928cc64ee.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![home页](http://upload-images.jianshu.io/upload_images/2287481-05581a5407f2388b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![记账](http://upload-images.jianshu.io/upload_images/2287481-2f4e2d1c92fb4cb0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![记账](http://upload-images.jianshu.io/upload_images/2287481-e6bc7043a49d1a51.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![月账单](http://upload-images.jianshu.io/upload_images/2287481-5095423f4ab2beda.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![饼状图分析](http://upload-images.jianshu.io/upload_images/2287481-cd1936f4c4c49ef9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![饼状图分析](http://upload-images.jianshu.io/upload_images/2287481-7ccb38fb1fd83a14.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## 启动说明

DayBookApp运行需要API服务器资源支持，服务端代码请查看[DayBook](https://github.com/zyqwst/DayBook)。

- 服务器启动完成后，

需要修改App中服务起访问地址,src/providers/http-service.ts文件修改API服务器访问地址

` hostUrl:string = "http://192.168.1.1:9971"; `

修改成功后，运行命令 

`ionic serve`

浏览器打开`http://localhost:8100`即可打开浏览器看到效果。

`http://localhost:8100/ionic-lab`可以看到android、IOS、WP的效果 

## 构建Android App

```

ionic platform add android

ionic build android 

```

运行以上两条命令，提示成功后，在DayBookApp/platforms/android/build/outputs/apk目录下会生成android apk应用。然后可以安装到手机~