thinkphp后台管理系统+vue前端H5 app
众包接单型App
全部源码已发布,欢迎star,
移步码云

前言

1.帮朋友做的一个接单类型的后台管理系统(朋友的需求是淘宝好评刷管理)
2.目前利用空闲时间改造成了接单众包类型的后台管理系统并且利用vue做了个手机端H5App
3.目前没有服务器提供演示(具体我都会截图看效果)

业务场景介绍

当前十分火热的众包模式如美团众包,阿里众包等,国外已经火了很久了witkee模式
简单来讲就是用户可以在app中发布自己的需求让其他有能力的用户替自己办事并获得相应的佣金报酬

1.后管的功能:

—后管主要是通过对用户数据的详细分析从而精准的推广和营销

2.前端功能

—前端负责展示接单任务并在用户接单和完成之后将用户提交数据传给后台,既然涉及到前端,那良好的用户体验和友好的界面是必须的,这里我只是随意写了一个,ui的话见仁见智不喜勿喷,拿到后可以自行修改
原型图axure也一起提供,方便某些做产品的先行专业修改再进行开发

演示效果图

后台管理系统

1.登录界面(三主题选择)

2.首页界面

3.系统设置

—自定义变量(主要是给管理员动态设置一些前端App的场景值如:提现平台收取手续费, 发布任务平台收取手续费比例,网站显示名,网站标题等,高度自定义化,让客户使用起来更加便捷)


—菜单配置(后台view中新建菜单文件,在这边填入正确的路径地址即可展示)

—数据库备份还原(这个就不过多介绍了,知道后台代码有这功能就可以了)

4.用户及权限管理

—用户管理(简单的增删改查)

—权限分配(这也是每一个后管的核心功能,这里面详细的对每一个菜单事件的处理添加了权限可以自定义修改)

5.任务管理(管理员后台可以手动发布任务,也可以审核用户发布的任务)



6.信息管理

—首页轮播图管理(自行修改轮播图以及轮播图跳转连接)

—通知公告(添加公告可以实时下发到用户手机app端)

—客服信息(在这里可以添加客服信息)

—商务合作(添加邮箱等信息在前端App展示)
—会员动态(这里是实时监听前端App用户的一些重要信息展示给后台管理员如:接单,发布任务,充值会员,提现等一系列操作)

7.资金监控(这也是涉及到资金管理平台最核心的功能之一,清晰的资金流水能更好的帮助管理员分析和合理的推广自己的app)

—会员收益(用户的所有接单或者邀请新人的奖励都会显示在这里)
—资金监控:实时分析了用户的账户余额变动等信息
—用户提现:显示了用户提现的明细(管理员在这里对用户的提现进行审核和驳回)

—收款类型:设置用户的提现方式如支付宝微信或者银行卡

8.会员管理(这也是十分重要的功能,详细分析用户的数据都在这里)


—定向推送功能:我们可以针对某一个用户的活跃程度定向推送一些活动信息

—会员数据监控:可以实时监控用户的行为如登录次数,最近登录时间,充值按钮发布按钮等点击次数热力图,可以精准的把握用户的行为更有利于精准营销
—会员等级设置:后台可以直接自定义会员等级,会员卡图片已经会员等级徽章等信息

9.团队等级(指的是用户通过推广码邀请的新人自动编入一个团队,团队成员的活动都可以查看,并且可以设置团队的等级,有点类似战队或者帮会的功能)

10.后管通知功能(用户前端app的一些通知会发送到管理员后管,方便管理员实时处理如发布任务审核,接单审核,用户提现审核等)

前端手机H5App界面

(时间有限,截图繁琐,陆续更新!着急的话可以去原型图先行查看大概效果)

1.注册(验证码采用的是第三方平台获取的,直接接入第三方Api就行)

2.登录

3.首页

4.任务页面

5.附加板块(用户社区建设)


------聊天室功能(增加用户与平台的粘度)

------其他模块(待完善)

6.发布任务页面

7.个人中心页面

8.邀请新人奖励页面

9.推广页面

10.查看收益页面

11.接单页面

12.完成任务提交页面

13.消息页面

14.开通会员页面

15.定向推送弹窗页面

代码架构

1.前端vue H5页面(可直接封装H5版本的安卓&&ios App),主要用的vant组件
2.后台管理系统:thinkphp,数据库mysql
3.可以满足h5封装安卓苹果并分发给用户使用

安装教程(考虑到完全的新手也想用,我这里尽量详细,如果你有基础,请别嫌弃啰嗦)

1. 下载代码dianzan
2. 电脑安装php环境并配置,mysql数据库(这里推荐phpStudy一键部署环境:下载phpStudy–>安装php,mysql)

3. mysql新建数据库(用户名密码见代码config中的配置),然后导入sql文件(sql文件会放在项目的DB文件夹)

4. 配置nginx环境,直接代码放进去新建一个本地web网站就可以运行

结尾

1.php相对来说比较简单,如果部署运行有问题,可以随时联系(1760609433@qq.com)

thinkphp后台管理系统+vue前端H5 app相关推荐

  1. element ui 前台模板_SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示...

    前提: (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y ...

  2. 视频教程-vuecli实战商城后台管理系统-Vue

    vuecli实战商城后台管理系统 帝莎学院创始人&CEO,目前主要从事全栈开发.Python.PHP.小程序.App.Web等技术的研究和开发.专注于实战类教程,授课风趣幽默,讲解条理清晰.通 ...

  3. 从无到有构建Angular2 后台管理系统的前端架构

    该项目很久已不做维护,谢谢大家的支持 最近公司的项目需求,需要设计一套后台管理系统的前端框架,我使用了Angular-cli构建Angualr2的模板,并按照需求,添加了ng2-charts/ng2- ...

  4. 开发SpringBoot+Jwt+Vue的前后端分离后台管理系统VueAdmin - 前端笔记

    1. 前言 而接下来,我们即将开发一个前后端分离的后台管理系统VueAdmin.权限框架采用spring security,然后相对来说权限模块开发就多点代码,也仅此而已了.对了前端的系统界面也是我们 ...

  5. Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境 配置环境

    项目介绍 使用 vue 以及 element-ui 搭建一个 后台管理系统的模板. 纯属练手(写的比较糙 望指点) 基本环境搭建 初始化项目 使用 vue 以及 element-ui 搭建一个 后台管 ...

  6. 后台管理系统,前端框架

    1:vue-element-admin 推荐指数:star:55k Github 地址:https://github.com/PanJiaChen/vue-element-admin Demo体验:h ...

  7. 前端dashboard框架_后台管理系统,前端框架用什么最好?

    当你写项目的时候,如何快速的完成一个项目的搭建,这个时候就需要借助到一些模板了,前端开发的一个好处就是,各类UI模板都是相当的齐全的,直接拿来用就可以了,脱离了一行又一行垒代码的繁琐的工作,以下的开源 ...

  8. Vue + ElementUI 实现后台管理系统模板 -- 前端篇(四):定义主页面

    一.定义主页面 主页面 可以拆分成多个组件,每个组件负责一部分页面的显示. 拆分成 Header.Aside.Footer.Content 四个页面. 其中: Header          用于定义 ...

  9. nodejs个人健康信息管理系统Vue前端源码介绍

    越来越多的学生喜欢把前端Vue+nodejs技术组合当做自己的毕业设计项目.其实是非常新颖的毕设了.在众多毕设项目中也算是给老师眼前一亮.也给自己的加不少分.总比那些java图书管理.进销存系统等几十 ...

最新文章

  1. 【numpy学习笔记】矩阵操作
  2. android studio github 项目导入问题
  3. 简述java异常处理机制
  4. ORACLE网络连接配置与文件:listener.ora、sqlnet.ora、tnsnames.ora
  5. 逐鹿东南亚,Lazada增长飞轮再加速
  6. Windows Server 2016提供Docker原生运行的企业级支持
  7. 微信分享朋友圈固定缩略图 php,微信转发或分享朋友圈带缩略图、标题和描述的实现方法...
  8. Oracle char varchar varchar2 nvarchar2 的区别
  9. 搭建LINUX BIND实现DNS解析
  10. 410. 分割数组的最大值
  11. 基本采样算法及Python实现
  12. 自动刷新网页脚本_抢不到票?你离idol只差一个大麦抢票脚本。
  13. 鸿蒙系统手机能用几年,华为鸿蒙系统何时能用到手机上?任正非:短时间做不到 重建生态需要几年时间...
  14. java安装下载步骤_java下载安装教程
  15. 基于pytorch计算ssim和ms-ssim
  16. 沈阳农业大学计算机水平测试,沈阳农业大学(专业学位)计算机技术考研难吗
  17. 应届生如何快速提高职业竞争力
  18. 词向量与词向量拼接_如何拥抱 embedding ?从词向量到句向量的技术详解-阿里云开发者社区...
  19. Python基础:68 个 Python 内置函数详解
  20. 动态渲染页面的爬取(项目案例:爬取今日头条热点新闻)

热门文章

  1. 一键换发型软件有哪些?用AI一键换发型试想新造型吧
  2. JS实现下载xlsx格式文件--js-xlsx
  3. 哔哩哔哩看视频经常服务器连接中断,《哔哩哔哩》服务器无法正常播放解决办法...
  4. ad软件pcb中怎么绘制双面板_你的PCB设计在使用什么软件?
  5. 基金从业考试如何备考1108
  6. 慧荣SMI SM32X量产工具G1219 图文教程.恢复方法
  7. Python第三周Round2-字符串格式化
  8. 44.Django05
  9. 开放java平台允许访问_饿了么开放平台接入(2)——使用Java对接店铺
  10. 游戏菜单MenuList类