基于APICloud的020美甲APP

版权声明：如有雷同请告知我，我会第一时间下架。如有转载请标明出处。 https://blog.csdn.net/qq_40191093/article/details/81946142

系统简介:

本系统是为美甲店做的O2O电商+预约服务一体化的APP系统，该系统要完成系统管理这些功能。浏览者可以匿名浏览首页、商品、商品详情、匿名预约服务项目，如果要进入会员中心首先需要登录系统，登录系统需要身份认证，认证成功进入系统，否则停在登录页面并提示身份认证失败。认证成功之后，会员可以进行收藏、评论、购买、修改个人信息和密码等操作。本系统选用开发方法根据用户实际需要，最终决定采用目前最流行同时节省成本的第三方开发平台APICloud Html5开发，它主要应用到的技术包含html5+jquery 和第三方打包编译技术，同时一套代码可以编译安卓和苹果APP，数据库使用APICloud自带的云端数据库简洁高效，并且选择功能强大的APICloud stadio 2作为为开发工具进行开发，海马玩或真机作为调试客户端，采用第三方封装库HUI和H.js结构。

 

产品参数:

开发工具	APICloud studio
开发语言	Html5,jquery,css
数据库	APICloud 云平台数据库

功能结构图:

根据角色划分主要分为管理员即采用APICloud自带的Database数据库管理后台进行数据维护，游客和会员。

• 客户端游客功能结构图

• 客户端普通会员功能结构图

 

• 数据库表功能结构图

数据表结构:

class：user（用户信息表）

列名	类型	说明
xingbie	String	性别
weixin	String	微信号
qq	String	qq号码
remark	String	备注说明
touxiang	String	会员头像
mobile	String	手机号

Class: fabiao（笑话发表信息表）

列名	类型	说明
fenlei	String	分类：校园、幽默笑话
userid	String	会员ID
status	String	发表状态：审核中、已退回、已通过
neirong	String	发表内容
yuanyin	String	当被退回时输入原因

Class: fankui（用户反馈信息表）

列名	类型	说明
leixing	String	反馈类型：投诉、建议、意见和其他
neirong	String	留言反馈内容
username	String	会员账号
userid	String	会员ID

Class: pinglun（评论信息表）

列名	类型	说明
neirong	String	评论内容
userid	String	会员ID
shangpinid	String	商品ID
photourl	String	会员头像
username	String	会员账号

Class: shoucang（收藏信息表）

列名	类型	说明
shangpinid	String	商品ID
userid	String	会员ID

Class:shangpin（商品信息表）

列名	类型	说明
fenlei	String	分类：休面、美甲、美睫、纹绣、彩妆、饰品、工具、手护
mingcheng	String	商品名称
fengmian	File	封面图片
pics	String	详情图片多个用英文逗号隔开
tejia	Boolen	是否特价：true表示是；false表是否
jiage	Number	原来价格
xinjiage	Number	交易价格
jianjie	String	商品简介
xiangqing	String	商品详情

系统截图:

首页主要包含的功能模块如：头部轮播展示图、热销商品。效果图如下所示：

图  首页

• 商品

在商品页当中，浏览者或者用户可以根据商品关键字进行搜索查询，除此之外，还可以根据已有的商品分类类别选择进行过滤，同时点击商品之后可以进入商品详情页面（详情页面主要包括的功能有：立即购买、收藏、登录的会员可以进行评论和删除个人的评论信息）如下图所示：

  

图  商品页                 图  商品详情页

 

• 预约

游客和会员都可以对商品进行预约服务。能使更多的用户更加方便快捷的使用此款美甲APP。

 

图 预约

• 注册和登录

当浏览者没有注册时点击浏览者中心是可以查看的，当点击会员相关的功能会将其跳转到登录页面，然后通过登录页面可以跳转到注册页面，注册即可。如下图所示：

  

图 会员登录                   图  会员注册

• 会员中心

会员主要包含的功能模块有：账户余额、我的预约、我的收藏、我的评论和订单管理（购物车、未发货、待确认、已完成）等个人信息修改。

    

图  我的               图 账户余额

    

图  充值               图  提现

       

图 我的预约                  图 我的收藏

       

图 我的评论                  图 我的订单