An open API service indexing awesome lists of open source software.

https://github.com/phalapi/okayapi-demo

小白接口的H5开源示例,使用Amaze UI+VUE+JQuery+小白接口实现。
https://github.com/phalapi/okayapi-demo

Last synced: 9 months ago
JSON representation

小白接口的H5开源示例,使用Amaze UI+VUE+JQuery+小白接口实现。

Awesome Lists containing this project

README

          

# 小程序接入示例

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180325000649_bb40b3f79cdbc7d768f1a09c406d41a9)

# 小白接口H5示例集合

> 新技能:成功开通[小白接口](http://www.okayapi.com/?f=gitee)后,将okayapi.php中的app_key和app_secrect换成自己的,即可马上使用这些示例应用啦~~

## 1、H5迷你日志

使用Amaze UI+VUE+JQuery+小白接口实现开发一个迷你版的日记,用于纪录私人生活感想。 

### 在线示例和源代码
最终实现效果,请访问:[http://demo.okayapi.com/mininote/](http://demo.okayapi.com/mininote/)

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230124_4c57a29141c1ef195ee63701e6cd1d76)

### 运行效果截图

首页 - 1
![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230605_21185126e99bfaa8aa0c4375823e367f)

首页 - 2
![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230658_47ad0d2025190ea6e58c7a5688f8a56e)

登录页
![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230731_1833115588e96de0152421019417e60a)

## 2、发票小助手(H5+PC)

基于Amaze UI + Vue + OkayApi 开发,构建一个可用于纪录公司发票信息的小助手。

### 在线示例

最终实现效果,请访问:[http://demo.okayapi.com/fabiao/](http://demo.okayapi.com/fabiao/)

### 运行效果截图

H5首页 - 1

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125508_82c180c815fbadeb27b182513cd39914)

H5首页(发票信息展示) - 2

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125546_25cd39da2ff2d190174a625acbf02529)

H5首页(添加发票信息) - 3

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125644_c56059320cf3068522c49ba7ba724dc4)

PC版本效果

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125738_3a984bea27b0e3986638ca11e1b712c7)

## 3、签到吧

使用Amaze UI+VUE+JQuery+小白接口,开发的签到吧,可用于活动签到、会议签到等 。

签到首页:

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180226184445_487e0966f838cb5835f28e52ad04e886)

## 4、更多其他示例

更多示例,包括有:在线留言、二维码、条形码、验证码等。

### 在线示例

最终实现效果,请访问:[http://demo.okayapi.com/soeasy/#verifyCode](http://demo.okayapi.com/soeasy/#verifyCode)

### 运行效果截图

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180214234053_d68954e8ca750b68f331f38735374faa)