琴行微信小程序上线,琴行管理“好帮手”!
琴行微信小程序上线,琴行管理“好帮手”!
小程序开发优势
2021-12-24 10:52:42
667次阅读

琴行微信小程序最新上线啦!小程序上线订单500+,金额高达320000+,涵盖了活动报名、成绩查询、课程视频点播、在线商城等功能,解决了艺考学生在线考试报名、查询成绩以及在线学习等问题,适用于艺术教育行业的报名、线上售课等行为。


活动报名-首页

1. 左图从底部导航【活动报名】点击进入。

2. 顶部5张带链接轮播图,链接为小程序内部链接。后台至少上传一张,仅上传一张时不滚动。

3. 点击【成绩查询】,需微信授权头像昵称,授权成功后,进入【2.1.3成绩查询】页。

4. 后台可添加活动,活动分类有4个:线上考级、线下考级、比赛报名、师资培训,可修改分类名称,限制4个字符。可针对每个类别添加活动,字段有:活动图片1张、活动标题、活动简介(纯文字)、活动起止日期,可推荐。

5. 4个分类固定,文字根据后台设置展示。点击跳转【2.1.5活动列表】,并筛选出对应的数据。

6. 推荐活动列表,展示后台设置为推荐的活动,字段有:活动图片、活动标题(两行打点)、活动分类、截止日期。

7. 列表按活动截止日期最近排序,点击跳转【2.1.6活动详情】页。若无推荐,则展示最新添加的活动最多展示5个。

8. 增加“证书邮寄”,点击跳转“证书邮寄”


图片1.png



证书邮寄

1. 均为必填项

2. 姓名:文本框,至少输入2个字

3. 手机号:11位纯数字,需正则表达式验证

4. 考生身份证号:需正则表达式验证身份证号格式

5. 邮寄地址:单行文本输入框

6. 点击“立即支付”,调支付接口(支付x元后台写活),支付成功后跳转“2.4证书邮寄列表”,状态为“待发货”;填写错误给出相应提示


图片2.png



微信授权

1. 此页为需要 授权头像昵称和授权手机号 时进入。

2. 点击“立即授权”弹出微信授权,允许授权则进入【对应逻辑跳转】页,拒绝授权则取消当前浮层返回上一页。

3. 点击“暂不授权”取消当前浮层返回上一页。

授权成功后,下次进入则无需授权。


图片3.png



成绩查询

1. 后台可导入学生成绩excel表,字段有:姓名、性别、证件号、专业、级别、成绩,可针对每条成绩上传考生照片。

2. 姓名和证件号必填,两条关联查询成绩。

3. 输入框默认隐藏“x”号,输入内容时显示,点击实现清空输入内容功能。

4. 点击【查询】验证输入框,给出对应提示,验证成功,调起后台接口,查询成功,跳转【2.1.4查询结果】。


图片4.png



查询结果

展示查询的成绩信息。


图片5.png

活动列表

1. 展示对应分类的活动列表。

2. 列表按活动截止日期最近排序,点击跳转【2.1.6活动详情】页。

3. 无数据时展示共性无数据样式。

图片6.png




活动详情

1. 展示活动详情信息,所有信息均换行展示全。

2. 活动时间展示开始到截止日期。

3. 【立即报名】按钮固定悬浮在底部,点击需微信授权头像昵称,授权成功后,根据 活动类型 跳转 对应的活动报名表单页。

4. 活动报名表单页以下一一描述。


图片7.png



线上考级报名

1. 统一说明报名表单页:

2. 选择选项处,均弹出滚轮插件。

3. 上传图片处,点击后调取手机相册或相机,最多可上传x张图片,上传x张时,无再展示添加图片按钮,点击图片叉号(自带)可删除图片,点击图片其他部分可查看大图。

4. 底部按钮均固定悬浮,点击均需授权手机号。

5. 此页为【线上考级】报名表单页。

6. 左图信息均为必填。

7. 报考专业,后台可录入选项名称。

8. 报考级别,后台固定写死,级别为:1级、2级、3级……9级、演奏文凭级,共10级,可设置每个级别的价格。

9. 报考教材,可针对报考专业和报考级别录入报考教材。

10. 报考曲目,可针对报考专业、报考级别、报考教材录入报考曲目。

11. 前台选择关联依次为报考专业、报考级别、报考教材、报考曲目,单独点击某一项,提示“请先选择xxx”。

12. 报考曲目可多选,选择后每条曲目占一行展示,一行打点,可删除。

13. 音基证书,无默认选项。

14. 音基证书号,默认隐藏。

15. 音基证书,选择【有证书】时,显示【音基证书号】,选择【无证书】时,隐藏【音基证书号】。

16. 后台可录入考试地区一级选项。

17. 上传考生身份证或户口本页,最多2张.

18. 上传考生一寸免冠照,最多1张.

19. 底部悬浮固定在底部:

20. “需支付¥x(含y服务费)”前台写死,x=报名级别对应价格+服务费,y为服务费,后台可统一设置服务费

21. 点击【立即报名】,需微信授权手机号,授权成功验证表单信息,验证通过,调起微信支付,支付成功即报名成功,浮层提示“您已报名成功,前往查看”,点击【确定】跳转【2.1.11我的报名】页,点击【取消】浮层消失。

22. 支付失败/取消支付,后台不记录订单。


图片8.png



线下考级报名

1. 此页为【线下考级】报名表单页。

2. 左图信息均为必填,无默认选项。

3. 相同字段功能同【2.1.7】页。

4. 底部操作逻辑同【2.1.7】页。


图片9.png



比赛报名

1. 此页为【比赛报名】报名表单页。

2. 左图信息均为必填。

3. 后台可录入参赛组别一级选项名称,价格。

4. 【是否参加过中央音乐学院考级】,无默认选项。

5. 【上传考生一寸免冠照】最多1张。

6. “需支付¥x”,x根据所选参赛组别不同。

7. 【立即报名】逻辑同【2.1.7线上考级报名】页。


图片10.png



师资培训

1. 此页为【师资培训】报名表单页。

2. 左图信息均为必填。

3. 【上传考生蓝底免冠一寸照】最多1张。

4. “需支付¥x(含y服务费)”前台写死,x=报名级别对应价格+服务费,y为服务费,后台可统一设置服务费

5. 【立即报名】逻辑同【2.1.7】页。


图片11.png



我的报名

1. 顶部标签5个固定,文字根据后台设置展示。

2. 切换顶部标签,筛选处对应数据。

3. 左图展示我的报名记录,列表按报名时间倒序排序,展示字段有:图片、活动标题(换行展示全)、报名价格、截止日期、已报名。

4. 列表点击无详情,无数据时展示共性无数据样式。

5. 线上考级/线下考级,可预览下载准考证。

6. 比赛报名,可预览下载参赛证书。

7. 点击【预览准考证】/【预览参赛证书】,跳转【2.1.12准考证预览】。

8. 点击【下载准考证】/【下载参赛证书】,跳转【2.1.13准考证下载】。

9. 师资培训,只展示报名信息,无操作按钮。


图片12.png



准考证预览

1. 后台可设置广告图1张。

2. 前台提交报名信息后,后台可针对每个报名录入考场和考试时间,并将信息填充到模板中,生成图片。

3. 线上/线下考级,展示准考证模板。

4. 比赛报名,展示参赛证书模板。


图片13.png



准考证下载

1. 点击复制链接,实现复制当前证书下载链接。

2. 点击阴影处,浮层消失。


图片14.png




课时学习

1. 左图从底部导航【课程】点击进入。

2. 顶部5张带链接轮播图,链接为小程序内部链接。后台至少上传一张,仅上传一张时不滚动。

3. 顶部标签两个【课时学习】和【教学视频】写死。首次进入默认选中【课时学习】,切换标签后,返回该页,需记录当前选择标签。

4. 后台可录入课时,前台购买。字段有:课时标题、简介(纯文本)、课时、价格。

5. 列表按后台录入倒序排序,展示字段有:标题(两行打点)、课时(一行打点)、价格,点击列表项弹出【课时详情】浮层。

6. 列表无数据时,展示共性无数据样式。

7. 点击【立即购买】需授权头像昵称,授权成功后,再次点击需授权手机号,授权成功后,调起微信支付,支付成功,浮层提示“课时购买成功,请线下与管理员确认”点击确定关闭浮层。


图片15.png



课时详情

1. 展示后台录入课时的详情,所有内容换行展示全。

2. 点击“x”关闭浮层。

3. 内容多时,在设计图高度内滑动。

4. 【立即购买】固定悬浮在底部,点击需授权头像昵称,授权成功后,再次点击需授权手机号,授权成功后,调起微信支付,支付成功,浮层提示“课时购买成功,请线下与管理员确认”点击确定关闭浮层,同时关闭当前页,返回上一页。

图片15.png

教学视频

1. 后台可录入教学视频一级分类,字段有名称、图片,两行四列,数据多时可左右滑动。

2. 点击分类列表项跳转【2.2.4】视频列表。

3. 可针对分类添加视频,字段有:视频oss链接、标题、封面图、可设置为推荐。

4. 推荐视频列表,按录入时间倒序排序,若无推荐,展示最新录入的视频,最多5条。若无数据展示共性无数据样式。

5. 视频标题换行展示全,视频可拖进度播放,可全屏播放。当前列表未刷新时,需记录视频播放进度。

6. 点击列表任意项需授权头像昵称,授权成功后,可播放查看视频。


图片17.png



视频列表

1. 展示对应分类的视频数据,无数据时,展示共性无数据样式。

2. 点击顶部【视频分类】,弹出滚轮插件,可切换分类,筛选对应数据。

3. 列表页支持下拉刷新上滑加载更多,数据按录入顺序倒序排序。

4. 视频标题换行展示全,视频可拖进度播放,可全屏播放。当前列表未刷新时,需记录视频播放进度。

5. 点击列表任意项需授权头像昵称,授权成功后,可播放查看视频。


图片18.png




商城-首页

1. 左图描述共性商城首页需求,所有需求从上往下描述。

2. 顶部“搜索框”点击跳转“搜索页”,具体搜索功能在搜索页内描述,“请输入关键字搜索”字样写死。

3. 5张带链接轮播图写活。

4. 分类处显示后台添加的商品一级分类,字段有:分类图标、名称,分类数量添加超过两行可左右滑动,点击分类图标跳转“分类页”筛选出该一级分类下的所有商品列表。

5. “广告图1”单张带链接广告图写活,未添加则不显示此模块。

6. “3个广告图”处会显示3种样式:

6.1 后台仅上传1张图时,显示一个横图,效果见PSD图(图片带链接)

6.2 后台上传2张图时,显示两图并排样式,效果见PSD图。(图片带链接)

6.3  后台上传3张图时,样式如左图。(图片带链接)

7. “精选商品”显示设为推荐的商品列表,点击可跳转详情。

8. 底部导航条图标、名称、跳转链接写死,点击切换对应页面。


图片19.png



搜索

1. 左图从“首页”顶部搜索框、“分类”页顶部搜索框点击进入。

2. 搜索框内未输入内容时,不出现“叉号”。

3. 输入搜索内容后,出现叉号,点击叉号实现清空所填内容功能。

4. 可按商品标题关键字进行模糊搜索。

5. 搜索完成跳转搜索结果页即“列表页”。

6. 显示用户历史搜索的前三排(最多10个)内容,可点击实现快速搜索功能。

7. 可清空历史搜索数据。

8. “热门搜索”处显示后台设置的热门搜索标签,前台全显示,前台用户可点击标签进行快速搜索。

9. 历史搜索及热门搜索的字样过多,超过一行打点。

10. 可清空历史搜索数据。

11. 无历史搜索时显示“暂无搜索内容”字样提示。


图片20.png



分类

1. 左图通过点击商城首页“分类”图标进入。

2. 顶部“搜索框”点击跳转【2.3.2搜索页】,具体搜索功能在搜索页内描述,“请输入关键字搜索”字样写死。

3. 左侧显示商品一级分类列表(无二级分类的不显示),点击后在右侧显示一级分类广告图及对应一级分类下的二级分类列表及全部。

4. 一级分类后台所需字段(一级分类名称、广告图(不带链接)、图标(此图标不在左图页显示,显示到首页分类图标处))

5. 二级分类后台所需字段(二级分类名称、图片(即左图显示的图标))

6. 点击二级分类跳转“列表”页,筛选出该二级分类下的所有商品列表。

7. 点击一级分类切换对应二级内容。

8. 所有一级分类下“全部”选项图标写活,文字写死,功能实现筛选出该一级分类下的所有商品。

图片20.png

列表

1. 顶部搜索框执行按标题关键字进行模糊搜索功能,搜索空内容表明刷新当前页,回到初始进入页面状态,记录上页搜索内容。

2. 从“分类页”点击二级分类进入,此页展示该二级分类下的所有商品列表,搜索时仅能搜索该二级分类下的内容。

3. 从“搜索页”搜索结果进入此页,可搜索全局内容。

4. 筛选功能

4.1  “价格排序”,点击一级下拉,内容包含“默认排序、价格降序、价格升序”进入页面默认“默认排序”。(默认排序是按上架时间先后)

4.2  “销量优先”,点击实现按销量从高到低排序,点击此筛选后,价格排序筛选条件清空,收货后销量增加。

4.3  “筛选”,点击弹出筛选浮层。

5. “切换列表样式”按钮点击实现一行两个与一行一个列表样式转换。

6. 页面中部显示商品列表,可点击跳转详情。

7. 左图为样式切换为“列表”展示样式,功能同上页描述。


图片21.png

图片22.png



筛选浮层

1. 从“分类页”点击二级分类进入,此浮层默认选择二级分类选项。2. 从搜索结果页进入,此浮层不做默认选择。

3. 分类支持多选,选中后再次点击实现取消选择,分类默认展开样式。4. 点击左侧浮层灰色部份,关闭浮层。

5. 点击“重置”取消所有选中分类,点击“确定”实现筛选功能。


图片23.png



商品详情

1. 左图展示添加商品时设置的字段信息。

2. 后台添加商品字段包含(封面图、商品名称、隶属分类(可隶属多个分类)、展示价格、原价、展示图(5张轮播)、销量(默认销量+实际销量)、属性(多属性,每个属性对应商品下单价格)、设为精选、服务保障(勾选)、商品详情(富文本),商品可上下架及删除。

3. 左图服务保障,点击弹出“服务保障”浮层。

4. “商品评价”显示最新1条评价,统计总评价数,无评价显示“暂无评价”提示,点击“查看全部评论”跳转“全部评价”页。

5. 底部按钮点击时,均需授权头像和昵称,授权成功后,需授权手机号。

6. 商品支持收藏和取消收藏。

7. 可点击“购物车”图标跳转购物车页。

8. 可点击“加入购物车”弹出“属性”浮层,选择属性后将商品加入购物车,同商品同属性可重复加入。

9. 点击“立即购买”弹出“属性”浮层,选择属性后跳转下单页。

10. 页面超过一页滑动时,出现“返回顶部”按钮,点击实现跳转顶部功能。

11. “返回首页”按钮始终悬浮页面右侧,点击跳转“首页”。


图片24.png



服务保障

1. 此浮层从“商品详情页”点击“服务保障”处弹出。

2. 点击“关闭”按钮和浮层灰色部份关闭浮层。

3. 服务保障图标、保障名称、简介写活,不限制个数。


图片25.png




全部评价

1. 左图从“商品详情”页的评论处点击“查看更多”进入。

2. 顶部可按状态筛选评价,按状态统计评价总数,“有图”实现筛选出带图评价,单选,状态如左图所示。

3. 此页显示当前商品的所有评价。

4. 评价图可点击查看大图。

5. 后台可回复评价,仅可回复一条。


图片26.png



属性

1. 点击浮层灰色部份及×号浮层消失。

2. 后台添加商品时有属性的商品需添加属性,属性多规格,无属性的商品下单及加入购物车时也需弹出此浮层可加减数量。

3. 后台添加属性时可上传属性图片,前台实现选择该属性时,图片切换。

4. “已选规格”显示当前用户选择的商品属性,多个以逗号隔开,两行打点。

5. 可点击“加、减”按钮加减商品数量。

6. 后台可根据商品属性设置库存,下单减库存。

7. 属性字数过长时要全部展示

8. 选中属性后可再次点击实现取消选中,属性单选。

9. 进入此浮层无默认选中规格,库存显示总库存,图片显示商品封面图,价格显示“展示价格”。

10. 从“加入购物车”操作而来,点击“确定”按钮实现将商品加入购物车并弹出系统提示“加入成功”,加入后关闭浮层保留在商品详情页。

11. 从“立即下单”操作而来,点击“确定”跳转下单页。

无库存时“确定”按钮呈灰色不可点。

图片27.png

购物车

1. 左图从“商品详情”页点击“购物车”进入,或从底部导航“购物车”进入。

2. 用户可在商品详情将商品加入购物车。

3. 加入进购物车的商品可点击“编辑”按钮对商品执行删除操作。

4. 编辑后,点击“完成”回到结算状态。

5. 结算状态时,可对“购物车”中的商品进行全选及结算操作。

6. 失效(即下架和删除的宝贝)带失效标识,不可点击,可点击“清空失效宝贝”一键清空所有失效商品。

7. 购物车内未下架和删除的商品可点击跳转“商品详情”页。

8. 操作加减数量时,商品价格不变动,仅底部“合计”价格变。

9. 库存不足的商品不判断为失效,结算时提示“XXX商品库存不足啦”!

10. “结算”按钮上的2,统计已勾选商品种类数。

11. 点击“结算”跳转“下单页”。


图片28.png



下单

1. 顶部调取共性地址功能。

2. 地址下方调取需要购买的商品信息,此处不可点击跳转商品详情。

3. 前台可给商家备注。

4. 后台可设置满X元免运费。

5. 后台可针对商品设置运费模板,可按件及地区设置。

6. 支付方式为微信支付。

7. 点击“去付款”调支付功能,实现支付成功后跳转“我的订单”页。


图片29.png



我的订单

1. 订单状态分为“全部、待支付、待发货、待收货、待评价”

2. 所有状态订单均可点击跳转订单详情。

3. 下单未付款订单成“待支付”状态,可操作取消订单及支付操作,后台可设置超过多少小时未付款订单自动取消。

4. 支付完成后订单状态更改为“待发货”,此时可操作“提醒发货”、“退款”功能。

4.1  点击“提醒发货”按钮,提示“提醒成功”,可重复点击,后台标红显示。

4.2  点击“申请退款”,记录进后台,后台审核通过,钱原路返还,状态更改为“已退款”,审核不通过,状态从“退款中”变回“待发货”。

5. 后台发货后订单状态更改为“待收货”,前台用户可操作“确认收货”“查看物流”功能,调取快递鸟物流接口。

6. 后台可设置发货后超过X天不收货自动确认收货。

7. “确认收货”后,订单状态更改为“待评价”此时可操作“评价、查看物流、删除订单”功能,点击“评价”跳转评价页。

7.1  “删除订单”仅前台不显示。

8. 评价完成后,订单状态变为“已完成”。

9. “退款中”状态无可操作按钮。

10. “已退款”状态可操作“删除”按钮。

11. “已完成”“退款中”“已取消”订单均放在全部中。


图片30.png



订单详情

1. 左图展示订单详情。

2. 订单详情内展示与列表相同的操作按钮。





查看物流

调用快递鸟接口。

图片34.png



申请退款

1. 后台可录入退款原因,点击弹出滚轮,选择退款原因。

2. 展示退款金额。

3. 可上传截图,最多9张。

4. 后台可设置商家电话,点击实现拨号功能。

5. 点击【确定】提交退款,后台审核。


图片35.png



评价

1. 若一个订单有多个商品可在一个页给所有商品评价,如左图。

2. 用户评价可上传图片,可输入文字(最大200字)、可进行打星。

3. 图片最多上传9张(默认5星好评,星级必填,内容、图片非必填)4. 评价后直接显示,后台有权删除不良评价。

5. 评价成功,订单状态更改为已完成。

6. 2星及以下为差评,3星为中评,4-5星为好评。

7. 评价成功后返回上页。


图片36.png


会员中心-个人中心

1. 左图从底部导航点击【我的】进入。

2. 所有功能处均需授权头像昵称,授权后可进入。

3. 未授权,展示左图样式,授权后展示头像和昵称。

4. 点击“我的报名”跳转【2.1.11我的报名】。

5. 点击“我的订单”跳转【2.3.12我的订单】。

6. 其余功能点击一下一一描述。

7. 增加“证书邮寄”,点击跳转“证书邮寄列表”


图片37.png



证书邮寄列表

1. 可按状态筛选

2. 提交时间:用户提交表单时间;姓名、手机号、身份证号、地址,显示提交表单时填写的信息

3. 待发货:可操作“取消邮寄”“提醒发货”,点击“取消邮寄”提示“确定取消邮寄吗?”可操作“是和否”,点击“是”,状态变为“已取消”,支付金额原路退回;点击“提醒发货”按钮,提示“提醒成功”,可重复点击,后台标红显示。

4. 待收货:后台发货后订单状态更改为“待收货”,前台用户可操作“确认收货”,“查看物流”功能,调取快递鸟物流接口。顺丰需额外购买查询次数。

5. 已完成:操作完“确认收货”的,状态变为“已完成”,可操作删除(仅删除前台显示)

6. 已取消:可操作删除(仅删除前台显示)

7. 后台可设置发货后超过X天不收货自动确认收货。


图片38.png



我的地址

1. 左图描述地址需求,展示用户设置的地址列表。

2. 未设置地址时,显示共性无内容样式。

3. 点击“新增收货地址”跳转“新增地址”页。

4. 可从列表上直接设为默认地址,设置后该地址置顶显示,只能设置一个默认地址。

5. 可从列表上点击“编辑”,跳转“编辑地址”页,可进行编辑操作后再提交。

6. 可从列表上点击“删除”按钮,点击后弹出是否确认删除提示,确认后,实现删除功能。


图片39.png



编辑地址

1. 编辑地址需填写如左图展示的字段。

2. “所在地区”点击弹出省市区选择插件。

3. “请填写详细地址”可点击定位图标,定位用户当前位置。

4. 点击“保存”按钮后,提交操作。

图片39.png

我的评价

1. 此页显示我评价的商品记录。

2. 评价图片可点击查看大图。

3. 可点击商品信息跳转“商品详情页”。

4. 后台删除评价后,此页不显示。


图片41.png



我的收藏

1. 顶部搜索框执行按商品标题关键字进行模糊搜索,在当前页展示搜索结果。

2. 点击“编辑”出现编辑中样式。

3. 可点击列表跳转详情,进入详情可取消收藏。

4. 失效宝贝点击后跳转“商品不存在”页。

5. 下架及删除判断为失效。


图片42.png


后台页面

1. 可批量导出,导出的列表增加字段“考/赛场”“时间”

2. 可导入,用户填写赛场和考试时间导入后,相当于后台填写了学员的考场和时间

3. 需增加导入导出的页面:线上报名、线下报名、比赛报名

4. 培训页面只有导出

5. 均可批量导出

6. 重复导入做数据覆盖处理

7. 增加修改考场和考试时间功能

图片45.png

后台-地区列表

地区可添加下一级,前台2级联动展示

图片46.png

前台线上考级报名页面

考试地区,点击做二级联动,展示后台添加的地区列表


图片47.png



证书邮寄页面

1. 增加“专业选择”字段,一级下拉,必填,后台可设置多可专业供前台选择,提交表单后,后台列表增加专业字段

2. 证书邮寄列表页也需要增加“专业选择”字段


图片48.png



成绩页面更改

1.  展示:姓名、级别、证件号、成绩、专业,excel表上传(表里传的文字显示在本页面)

2.  图片最多5张无连接轮播图,1张时不滚动,超过1张显示轮播点自动滚动,点击可放大图片

非本页内容:

对接电子面单,查看物流


图片49.png

图片50.png



琴行微信小程序方便了家长学生教师即时使用,无需下载,用科技取替重复繁琐的工作,小程序功能包含线上预约比赛报名,视频学习、证书邮寄以及商城下单等,高效管理和智能服务,实现管理和服务快速提升。想轻松获取售后专属服务,那就“点击上方蓝字,关注我”吧。

相关推荐