thinkphp后台管理系统+vue前端H5 app

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)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/251401.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

设置服务器ssh远程连接时超时关闭的时间

我们通过ssh远程连接服务器时,如果一段时间客户端没有使用,就会与服务器断开连接。这个断开的时间我们是可以自己的设置的。 以linux centos系统为例, 具体设置方法如下: 1、通过下面的命令编译sshd配置文件 vim /etc/ssh/sshd_…

cesium获取OSM城市建筑物的字段与内容(cesium篇.21)

听老人家说:多看美女会长寿 地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可“私信”博主。 效果如下所示: 下面献上完整代码,代码重要位置会做相应解释 <html lang=&#

西安建筑科技大学计算机类专业怎么样,西安建筑科技大学优势专业排名,2021年西安建筑科技大学最好的专业排名...

西安建筑科技大学优势专业由西安建筑科技大学历届学长学姐实名推荐&#xff1a; 1、建筑学 推荐指数: 4.9(560人推荐) 2、土木工程 推荐指数: 4.7(502人推荐) 3、城乡规划 推荐指数: 4.8(330人推荐) 4、给水排水工程 推荐指数: 4.7(330人推荐) 5、建筑环境与设备工程 推荐指数:…

建筑物轮廓(含楼层或者高度)

效果图&#xff1a; 第一步&#xff1a;打开BIGEMAP软件&#xff0c;为了和你下载的数据信息一致&#xff0c;请选择左上角图源&#xff1a;【矢量建筑】 然后选择最上面的【矩形框】&#xff0c;框选需要下载的范围&#xff0c;如下图所示&#xff1a; 第二步&#xff1a;选择…

建筑行业拓客的10个经典方法

建筑行业拓客的10个经典方法 建筑行业精准拓客、拓客方法、客源线索获取、客源信息抓取、拓客软件、流同行的客户、截取竞争对手客户、渠道裂变方式、如何找到对建筑行业有需求的精准客源是每个老板每天思考要解决的问题&#xff0c;我教大家如何利用搜索引擎爬虫技术大数据自…

Cesium矢量建筑加载

Cesium矢量建筑数据下载、转换与使用 &#xff08;网上下载了&#xff0c;bigmap下载器&#xff0c;矢量地图下载器&#xff0c;还有一些忘记了&#xff0c;都需要购买会员才能下载&#xff0c;本&#xff0c;经过寻找终于找到了相对于数据还算全面的下载网站&#xff09; 一、…

概述—基于机载LiDAR点云数据的建筑物轮廓提取

一、机载LiDAR系统介绍 机载激光雷达测量技术的英文名称是LiDAR, LiDAR是英文Light Detection And Ranging&#xff08;光探测与光测距&#xff09;的缩写&#xff0c;是融合了 GPS、INS、激光测距和计算机等多种技术为一体的对地探测技术。 机载LiDAR的基本原理是利用激光器…

百度地图如何去除路网图,建筑物,建筑物名称

2019.6.17更新 由于我的项目突然出现了白屏的问题&#xff0c;定位bug到设置样式的函数&#xff0c;一旦设置样式就会报跨域请求阻塞的问题&#xff0c;花了一个中午的时间给解决了&#xff0c;百度真坑.. 目前想要设置百度地图的样式需要作出以下调整 需要将原有的2.0版本修…

遥感技术手段提取城乡建筑用地

数据源介绍 使用的数据是GF1&#xff1a; 高分一号卫星&#xff08;GF-1&#xff09;是国家高分辨率对地观测系统重大专项天基系统中的首发星&#xff0c;“高分专项”于2010年5月全面启动&#xff0c;计划到2020年建成我国自主的陆地、大气和海洋观测系统。该星于2013年4月2…

Spring:什么是Spring框架?①

一、Spring简介由来 技术创新就是为了简化技术开发&#xff0c;无数大师耗费心力目的只有一个&#xff0c;如何让开发更为简洁&#xff1f; Spring应运而生&#xff0c;Spring&#xff1a;泉水&#xff0c;春天。意味让技术开发如春天的泉水那般流畅自然。 二、Spring是什么&am…

95后阿里P7架构师晒出工资单:狠补了这个,真香...

最近一哥们跟我聊天装逼&#xff0c;说他最近从阿里跳槽了&#xff0c;我问他跳出来拿了多少&#xff1f;哥们表示很得意&#xff0c;说跳槽到新公司一个月后发了工资&#xff0c;月入5万多&#xff0c;表示很满足&#xff01;这样的高薪资着实让人羡慕&#xff0c;我猜这是税后…

【WPS】设置修改批注用户名

文件——选项——常规与保存——用户名

新浪微博html怎么设置,如何切换新浪微博的账户

我们要换着登陆新浪微博的账号&#xff0c;我们就要先退出了.下面是学习啦小编收集整理的如何切换新浪微博的账户&#xff0c;希望对大家有帮助~~ 切换新浪微博的账户的方法 方法/步骤 首先&#xff0c;我们在百度上搜索新浪微博&#xff0c;进入到微博的主页中去。搜索之后&am…

多个新浪微博怎么批量管理?

新浪微博可谓是很早就出名的一个自媒体平台&#xff0c;运营至今天十几年&#xff0c;积累了大量的流量。因此微博的创作者一般后来的比较少&#xff0c;基本都是一些老人。但是随着发展&#xff0c;他们的微博账号也同样变得多了起来&#xff0c;这就导致管理出现大问题&#…

html微博换头像,手机新浪微博头像怎么设置 手机新浪微博更换头像教程

手机新浪微博头像怎么设置&#xff1f;伴随着新浪微博红包来袭&#xff0c;不少用户开始在手机上安装了新浪微博&#xff0c;而对于第一次使用新浪微博的朋友来说&#xff0c;给微博设置一个自己喜欢的头像是必需做的一件事情&#xff0c;下面百事网小编给大家带来详细的手机新…

新浪微博登陆页面html代码,新浪微博登陆页面 找到我的位置,选择编辑;

准备工具&#xff1a;浏览器&#xff0c;电脑 1.打开浏览器&#xff0c;在浏览器进入微博主页面中&#xff0c;在微博主页面中找到右上方设置选项&#xff0c;点击该选项进入至设置主页面中。 2.在设置主页面中找到右上方退出选项&#xff0c;点击该选项进入退出当前登陆账号等…

微博小尾巴自定义名字中的Android,新浪微博自定义来自XX小尾巴怎么改 新浪微博显示来自XX小尾巴设置教程...

新浪微博小尾巴是验证你手机型号的标志&#xff0c;最近新浪微博更新了能够任意修改小尾巴的功能&#xff0c;那么该如何修改呢?小编将为大家带来修改新浪微博小尾巴的教程&#xff0c;希望能够帮助大家&#xff0c;下面就一起来看看了解一下吧。 新浪微博小尾巴是什么 新浪小…

最新版-----新浪微博的第三方登录

完成三方登录三步骤&#xff1a;定义抽象类&#xff0c;定义实现具体功能类&#xff0c;定义视图类 流程图&#xff1a; 定义抽象类&#xff1a; 首先导入模块&#xff1a; # 导入 from abc import ABCMeta,abstractmethod 再定义抽象类&#xff1a; # 抽象类 三方登录抽象…

【博主的微博】

还没太弄明白微博的价值观&#xff0c;但是感觉至少可以做博客通知&#xff0c;如果您喜欢博主的博文&#xff0c;又想在走路/坐车/排队的时候看&#xff0c;请关注博主的新浪微博&#xff1a; 火星人陈勇 点击下载免费的敏捷开发教材&#xff1a;《火星人敏捷开发手册》

王思聪“杀死”微博

作者 | 天使不投资人 本文经授权转载自虎嗅APP&#xff08;ID&#xff1a;huxiu_com&#xff09; iG夺冠了&#xff01;iG夺冠了&#xff01;——11月3日&#xff0c;社交媒体成为了年轻人欢乐的海洋&#xff0c;微博尤甚。 根本不知道LOL、也不知道iG是什么的叔叔阿姨们&…