# okayapi-demo

**Repository Path**: dogstar/okayapi-demo

## Basic Information

- **Project Name**: okayapi-demo
- **Description**: 小白接口的各种客户端示例。小白开放平台官网：https://www.yesapi.cn
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 23
- **Forks**: 3
- **Created**: 2018-01-16
- **Last Updated**: 2023-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小程序接入示例

![](http://cdn7.phalapi.net/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://cdn7.phalapi.net/20180117230124_4c57a29141c1ef195ee63701e6cd1d76)

### 运行效果截图

首页 - 1  
![](http://cdn7.phalapi.net/20180117230605_21185126e99bfaa8aa0c4375823e367f)

首页 - 2  
![](http://cdn7.phalapi.net/20180117230658_47ad0d2025190ea6e58c7a5688f8a56e)

登录页  
![](http://cdn7.phalapi.net/20180117230731_1833115588e96de0152421019417e60a)

## 2、发票小助手（H5+PC）

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

### 在线示例

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

### 运行效果截图

H5首页 - 1  

![](http://cdn7.phalapi.net/20180127125508_82c180c815fbadeb27b182513cd39914)

H5首页（发票信息展示） - 2  

![](http://cdn7.phalapi.net/20180127125546_25cd39da2ff2d190174a625acbf02529)

H5首页（添加发票信息） - 3  

![](http://cdn7.phalapi.net/20180127125644_c56059320cf3068522c49ba7ba724dc4)

PC版本效果  

![](http://cdn7.phalapi.net/20180127125738_3a984bea27b0e3986638ca11e1b712c7)

## 3、签到吧

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

签到首页：  

![](http://cdn7.phalapi.net/20180226184445_487e0966f838cb5835f28e52ad04e886)

## 4、更多其他示例

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

### 在线示例

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

### 运行效果截图

![](http://cdn7.phalapi.net/20180214234053_d68954e8ca750b68f331f38735374faa)