V圈

作者:文渝鑫 时间:4/29/2016 阅读:5184 次

   v圈是一款地区性App生活分类信息app,包括消费端和商家端,功能强大。主要运用的技术包括:.NET MVC4.5多层服务端架构,web主体混合开发,Ajax异步请求数据,能够兼容IOS、Android多端,Node.js即时消息推送,服务器生成二维码,调用摄像头扫描二维码,echart显示数据图表,canvas制作抽奖盘和手势绘图界面,极光推送,GPS定位等。

技术简介

服务器配置

一、引导及登陆

    1、引导.......................................................................................................................................................

    2、登陆.......................................................................................................................................................

二、 消费端

    1、 获取地理坐标........................................................................................................................................

    2、 付积分和收积分....................................................................................................................................

    3、 推荐分享...............................................................................................................................................

    4、 查看积分...............................................................................................................................................

    5、 积分购入...............................................................................................................................................

    6、 优惠券..................................................................................................................................................

    7、 商家列表...............................................................................................................................................

    8、 商家详细页面........................................................................................................................................

    9、 抽奖......................................................................................................................................................

    10、账户.....................................................................................................................................................

    11、意见反馈..............................................................................................................................................

三、商家端

    1、获取位置.................................................................................................................................................

    2、扫描功能.................................................................................................................................................

    3、手动付分功能..........................................................................................................................................

    4、店铺管理.................................................................................................................................................

        4.1 地图标记............................................................................................................................................

    5、查看积分.................................................................................................................................................

    6、会员管理.................................................................................................................................................

    7、积分兑现.................................................................................................................................................

    8、购入积分.................................................................................................................................................

    9、优惠劵统计.............................................................................................................................................

    10、预定管理...............................................................................................................................................

    11、优惠劵发布...........................................................................................................................................

    12、账户......................................................................................................................................................

四、app的注册和重置密码

    1、注册........................................................................................................................................................

    2、重置密码.................................................................................................................................................


技术简介:

类型:v圈是一款地区性App生活分类信息app

技术索引移动端分为IOSAndroid,分别采用javaobjective-cPC服务端采用C#

1.NET MVC4.5多层服务端架构。

2web主体性混合app开发,H5css3嵌入,Ajax异步请求数据,兼容IOSAndroid多端。

3Node.js即时消息推送。

4服务器生成二维码,用于扫描收支积分。

5、摄像头调用扫描二维码功能,解析二维码信息完成相关业务。

6echart显示数据图表。

7canvas制作抽奖盘和手势绘图界面。

9、极光推送。

10GPS定位,计算与商家的距离。

11、第三方地图调用,获取路线。

12、支付宝,微信支付接入。

13、短信通知,邮件推送。

服务器配置

        1、 1000+并发线程,最高10000人同时在线,2秒以内响应

        2、 服务器最低4CPU8G内存,1T硬盘

        3、 10MB独立带宽,CDN图片加速

        4、 Windows Server2016

        5、 IIS10.0

        6、 .NET Framework 4.5

        7、 Sql Server2014

        8、 80端口


一、引导及登陆:

1、引导,下载并安装好APP后,会出现“引导页”,点击下面两个按钮:“我是消费者”,“我是商家”,分别进入“登陆界面”;如图1-1);

 Image 49.png

1-1

 

2、登陆,进入登陆界面,输入账号和密码,进入如对应的界面(如图1-2);


Image2.png

 

 

1-2

 

二、消费端:

1、获取地理坐标,首页登陆后获取当前用户的地理坐标,方便后面的计算到到商家的地理位置;点击相应的图标进入相关栏目(如图2-1);

Image3.png


2-1

 

2、付积分和收积分,点击图标,显示相关的二维码(如图2-22-3),商家端扫描后可以做对应处理:


Image4.pngImage5.png

2-22-3

 

3、推荐分享,点击推荐分享后(如图2-4

 

Image10.pngScreenshot_2016-05-05-22-25-44.png



如图
2-4


 

4、查看积分,能查看‘总积分’,‘消费积分’,‘收获积分’,‘积分详情’;(如图:2-5)

Image11.pngImage12.pngImage13.png



如图:2-5

 

5、积分购入,将支持‘支付宝’和‘微信支付’方式购入积分(如图:2-6):


Image14.pngScreenshot_2016-05-05-22-50-50.png

:2-6




   6、
优惠券,查看自己获得的优惠(分:可用和失效),使用优惠券时,点击‘立即使用’(如图:2-7),同时该商户会接收到一条优惠券使用的信息推送(如图:2-7);使用后优惠进入失效状态(如图:2-7); 

 Image16.pngImage15.pngImage17.png


:2-7

 

 

7、商家列表,商家展现列表,可进行分类筛选(如图2-8)和排序,根据关键字搜索(如图2-8);点进具体商家,打开具体商家,看到商家详情;

 Image18.pngImage19.pngImage20.pngImage21.png

 

2-8

 

 

8、商家详细页面,点击电话可以直接拨打,点击图片,可看到图片,‘到这里去’显示2条路线,驾车和步行;如果有可以预定消费者可以提交一个预定申请,等待商家确认,商家会收到1条推送提醒;(如图2-9

 Image23.pngImage24.pngImage22.pngImage25.png


2-9

 

 

 

9、抽奖,点击转转盘可以获得优惠券或者积分,每日可以使用一次,获得的优惠券将直接在‘优惠券’中看见(如图:2-10):


Image26.pngImage27.pngImage28.png

:2-10




 
10、账户,及设置账户,查看自己的积分,积分总记录,设置,及其他帮助类信息;进入账号设置,可更换头像,及其他一些基本信息修改;进入设置,可设置开启或关闭收付积分时候的声效以及密码修改(如图:2-11:


 Image29.pngImage30.pngImage31.png

  :2-11

 

 11、意见反馈,将使用者的意见提交给平台(如图:2-12:

Image32.png

图:2-12

 

 

三、商家端:

1、获取位置,商家端首页登陆后,获取商家登陆位置,点击图标进入相关栏目(如图3-1:

Image 19.png

如图3-1

 

 

2、扫描功能,点击‘扫一扫’可扫描消费者对提供的首付积分二维码,,当收积分时候,扫描用户的收取积分二维码,弹出输入框,输入要收取的积分数量,点击确定后用户会收到,是否同意支付用户积分的请求,如果点击确定则同意支付,否则取消支付;如果是送积分,则商家扫描后弹出输入积分的输入框,确定后完成积分支付(如图3-2);

Image38.pngScreenshot_2016-05-06-12-12-02.pngImage40.pngImage36.png

 

3-2

 

3、手动付分功能,点击手动付分按钮,进入界面,手动付分输入要支付的消费者手机号码,验证正确后,输入需要支付的积分,支付成功后,商家失去积分,该消费者受到一条信息推送并得到积分(如图3-3)



 Image33.pngImage34.pngImage35.png

3-3

4、店铺管理,点击‘我的店铺’进入店铺信息设置(如图3-4);可修改店铺设置;

Image41.png

3-4

 

   4.1 地图标记,点击‘地图标记’进入地图页面,选择标记当前店铺坐标点,坐标点可拖到调整位置,调整好后,点击保存设置即可;建议到店铺当前位置设置坐标点以获得店铺准确的定位(如图3-4-1):

Image42.png

3-4-1

 

5、查看积分,点击“查看积分后”进入界面可查看,商家总积分以及积分明细列表,点击积分明细列表可看到比较详细的单条记录,客户联系方式可直接电话拨打反馈客户意见(与消费者端查看积分类似);


6、会员管理,点击“会员管理”对到店使用过v圈的消费者进行统计,可查看用户手机号码,对消费者赠送优惠劵(如图3-6);

Image43.pngImage44.png

3-6

 

 

7、积分兑现,点击“积分兑现”进入界面,可选择支付宝或者微信兑现,提交后平台将在一定时间内处理(如图3-7);

Image45.png

如图3-7

 

8、购入积分,可选择支付宝或者微信购入积分(同消费者端);

 

 

9、优惠劵统计,点击“优惠券统计”对商家发布的优惠卷批次统计,总发行量和使用量;(如图3-9):

Image46.png

3-9

 

 

10、预定管理,点击预定管理,可对预定过的列表进行处理,添加备注;和电话确认(如图:3-10):

Image47.png

图:3-10

 

11、优惠劵发布,点击“优惠劵发布”,可以选择发布到奖池和发布给某个会员,优惠内容自行填写,单次创建优惠劵张数最大不超过1000张(图:3-11);


 Image48.png

图:3-11

 

12、账户,及账号信息基本(如同消费者端);

 

 

四、app的注册和重置密码

 

1、注册,输入手机号,等待接收短信验证码,验证码收到后输入验证码,完成填写相应必填信息,提交后及注册成功(如图4-1):


Image49.pngImage50.pngImage51.png

4-1

 

注意:用户注册后直接可直接登录使用,商家注册后,需继续上传营业执照照片等待审核通后能正常登录使用(如图4-1-2):

Image52.pngImage53.png

4-1-2

 

2、重置密码:输入注册手机号,获取验证码,通过验证后,重新设置密码(如图 4-2

 Image54.pngImage55.png

图 4-2



APP下载地址:http://www.goldflow.cn/ueditor/net/upload/mobile/MerchantAlliance.apk

下载二维码:

       qr.png

成功案例

最新发布

大数据集成平台 阅读:245
知识竞答比赛 阅读:525
向日葵启蒙 阅读:1797
181-0809-6654