东郊到家预约系统开发流程

最新推荐文章于 2024-10-03 13:20:10 发布

创友信息科技

最新推荐文章于 2024-10-03 13:20:10 发布

阅读量2.2k

点赞数

文章标签：微信公众平台 app ios android

本文链接：https://blog.csdn.net/weixin_57457661/article/details/124704541

版权

预约按摩APP其实就是的O2O平台系统，跟58到家模式差不多。目前主流的按摩软件系统会有三个端口：用户端、技师端、商家端，以及管理后台。
一、上门预约的操作
1、技师管理。

技师满意度进行统一跟踪评估，进行分级管理，分级评估；

2、订单管理。
按订单状态分类筛选，安装进度一目了然；

3、智能派单。

根据客户位置、技术人员效率、技能和时间智能分配技术人员，提高效率。

二、上门预约流程
1、消费者填写预约信息：联系方式,姓名,省市区地址,上-门详细地址,还有选择具体时间,即可预约成功,系统在后台即可看到预约信息,可线下电话联系,也可直接上门。

三、上门按摩预约系统的优势
1、高效
每一次电话预约都要报上身份，有时对方系统上还找不到，或听不清，最终导致更多的失误。
第一次预约后，一键预约系统只需保存用户信息，以后只需一键预约即可完成。

2、无需同步无需等待
电话预约必须同步。必须保证预约者和被预约者同时在电话上，保证周围的环境是否适合通话。接线员忙的时候，不能预约。
现场按摩预约系统可以在您的会议、路上、餐桌上等任何时间、任何地点完成预约。

3、一扫就收藏
对那些散客来说，大多数人都记不住预约号，也不注意保存，查不到。再一次预约很难。
使用者只需扫二维码一键关注，以后都保存在通讯录中，很方便就可以找到。

4、便于管理
店内难以统计和管理用户，尤其是散客，因为电话预约后很难留住粉丝，以后有什么活动不能直接接触用户。
现在是粉丝的经济，有粉丝就有竞争力。只有通过互联网和预约系统，才能更好的联系用户。

5、排队
电话预约不能实时获得现场排队，用户不能一边做自己的事情，一边等呼叫。

当用户通过一键预约系统成功预约后，系统会自动提醒用户远离服务时间，当前服务人员，非常智能地提醒用户合理安排出行。

6、签到
电话预约不能很方便地实现签到，不能确认报来的手机号码就是预约用户，用打电话的方式确认，太麻烦也很难确认。
使用者到店后，一键扫二维码即可完成答到过去，或向店内出示二维码或预约码，便于签到。

家政服务管理系统开发设计
1.开发环境
开发语言：Java
后台框架：SpringBoot
前端框架：vue
数据库：MySQL
设计模式：MVC
架构：B/S
源码类型： Web
编译工具：Idea、Eclipse、MyEclipse (选其一)
其他：jdk1.8、Maven 、Navicat、node
2.系统的设计与实现
2.1 用户类型
用户角色分为管理员、雇主、雇员这三类用户。
2.2 各角色功能模块
2.2.1 管理员
登录；
修改密码，
查看个人信息；
查询、新增雇员；
查询、新增雇主；
轮播图管理；
新闻资讯管理；
在线回复雇主。
2.2.2 雇员
注册；
登录；
修改密码；
个人信息；
留言审核及回复；
新增、删除家政服务项目；
审核项目预约情况；
查看评价信息。
2.2.3 雇主
注册；
登录；
挑选雇员；
给雇员留言；
查看家政服务项目；
对服务结果进行对项目评论；
收藏；预约服务；
查看新闻资讯；
咨询在线客服；
评价预约项目。
2.3 部分功能模块展示
2.3.1 首页
2.3.2 新闻资讯
2.3.3 服务项目
2.3.4 在线咨询客服
2.3.5 项目预约列表
2.3.6 查看留言列表
2.3.7 查看收藏项目列表
2.3.8 评价项目服务
2.3.9 家政服务详细列表
2.3.10 服务项目管理

New Document

RequestAnimationFrame polyfill by Erik Möller
*/
(function(){var b=0;var c=[“ms”,“moz”,“webkit”,“o”];for(var a=0;a<c.length&&!window.requestAnimationFrame;++a){window.requestAnimationFrame=window[c[a]+“RequestAnimationFrame”];window.cancelAnimationFrame=window[c[a]+“CancelAnimationFrame”]||window[c[a]+“CancelRequestAnimationFrame”]}if(!window.requestAnimationFrame){window.requestAnimationFrame=function(h,e){var d=new Date().getTime();var f=Math.max(0,16-(d-b));var g=window.setTimeout(function(){h(d+f)},f);b=d+f;return g}}if(!window.cancelAnimationFrame){window.cancelAnimationFrame=function(d){clearTimeout(d)}}}());

Point class
*/
var Point = (function() {
function Point(x, y) {
this.x = (typeof x !== ‘undefined’) ? x : 0;
this.y = (typeof y !== ‘undefined’) ? y : 0;
}
Point.prototype.clone = function() {
return new Point(this.x, this.y);
};
Point.prototype.length = function(length) {
if (typeof length == ‘undefined’)
return Math.sqrt(this.x * this.x + this.y * this.y);
this.normalize();
this.x *= length;
this.y *= length;
return this;
};
Point.prototype.normalize = function() {
var length = this.length();
this.x /= length;
this.y /= length;
return this;
};
return Point;
})();

Particle class
*/
var Particle = (function() {
function Particle() {
this.position = new Point();
this.velocity = new Point();
this.acceleration = new Point();
this.age = 0;
}
Particle.prototype.initialize = function(x, y, dx, dy) {
this.position.x = x;
this.position.y = y;
this.velocity.x = dx;
this.velocity.y = dy;
this.acceleration.x = dx * settings.particles.effect;
this.acceleration.y = dy * settings.particles.effect;
this.age = 0;
};
Particle.prototype.update = function(deltaTime) {
this.position.x += this.velocity.x * deltaTime;
this.position.y += this.velocity.y * deltaTime;
this.velocity.x += this.acceleration.x * deltaTime;
this.velocity.y += this.acceleration.y * deltaTime;
this.age += deltaTime;
};
Particle.prototype.draw = function(context, image) {
function ease(t) {
return (–t) * t * t + 1;
}
var size = image.width * ease(this.age / settings.particles.duration);
context.globalAlpha = 1 - this.age / settings.particles.duration;
context.drawImage(image, this.position.x - size / 2, this.position.y - size / 2, size, size);
};
return Particle;
})();

ParticlePool class
*/
var ParticlePool = (function() {
var particles,
firstActive = 0,
firstFree = 0,
duration = settings.particles.duration;

function ParticlePool(length) {
// create and populate particle pool
particles = new Array(length);
for (var i = 0; i < particles.length; i++)
particles[i] = new Particle();
}
ParticlePool.prototype.add = function(x, y, dx, dy) {
particles[firstFree].initialize(x, y, dx, dy);

// handle circular queue
firstFree++;
if (firstFree   == particles.length) firstFree   = 0;
if (firstActive == firstFree       ) firstActive++;
if (firstActive == particles.length) firstActive = 0;

};
ParticlePool.prototype.update = function(deltaTime) {
var i;

// update active particles
if (firstActive < firstFree) {
  for (i = firstActive; i < firstFree; i++)
    particles[i].update(deltaTime);
}
if (firstFree < firstActive) {
  for (i = firstActive; i < particles.length; i++)
    particles[i].update(deltaTime);
  for (i = 0; i < firstFree; i++)
    particles[i].update(deltaTime);
}

// remove inactive particles
while (particles[firstActive].age >= duration && firstActive != firstFree) {
  firstActive++;
  if (firstActive == particles.length) firstActive = 0;
}

};
ParticlePool.prototype.draw = function(context, image) {
// draw active particles
if (firstActive < firstFree) {
for (i = firstActive; i < firstFree; i++)
particles[i].draw(context, image);
}
if (firstFree < firstActive) {
for (i = firstActive; i < particles.length; i++)
particles[i].draw(context, image);
for (i = 0; i < firstFree; i++)
particles[i].draw(context, image);
}
};
return ParticlePool;
})();

Putting it all together
*/
(function(canvas) {
var context = canvas.getContext(‘2d’),
particles = new ParticlePool(settings.particles.length),
particleRate = settings.particles.length / settings.particles.duration, // particles/sec
time;

// get point on heart with -PI <= t <= PI
function pointOnHeart(t) {
return new Point(
160 * Math.pow(Math.sin(t), 3),
130 * Math.cos(t) - 50 * Math.cos(2 * t) - 20 * Math.cos(3 * t) - 10 * Math.cos(4 * t) + 25
);
}

// creating the particle image using a dummy canvas
var image = (function() {
var canvas = document.createElement(‘canvas’),
context = canvas.getContext(‘2d’);
canvas.width = settings.particles.size;
canvas.height = settings.particles.size;
// helper function to create the path
function to(t) {
var point = pointOnHeart(t);
point.x = settings.particles.size / 2 + point.x * settings.particles.size / 350;
point.y = settings.particles.size / 2 - point.y * settings.particles.size / 350;
return point;
}
// create the path
context.beginPath();
var t = -Math.PI;
var point = to(t);
context.moveTo(point.x, point.y);
while (t < Math.PI) {
t += 0.01; // baby steps!
point = to(t);
context.lineTo(point.x, point.y);
}
context.closePath();
// create the fill
context.fillStyle = ‘#ea80b0’;
context.fill();
// create the image
var image = new Image();
image.src = canvas.toDataURL();
return image;
})();

// render that thing!
function render() {
// next animation frame
requestAnimationFrame(render);

// update time
var newTime   = new Date().getTime() / 1000,
    deltaTime = newTime - (time || newTime);
time = newTime;

// clear canvas
context.clearRect(0, 0, canvas.width, canvas.height);

// create new particles
var amount = particleRate * deltaTime;
for (var i = 0; i < amount; i++) {
  var pos = pointOnHeart(Math.PI - 2 * Math.PI * Math.random());
  var dir = pos.clone().length(settings.particles.velocity);
  particles.add(canvas.width / 2 + pos.x, canvas.height / 2 - pos.y, dir.x, -dir.y);
}

// update and draw particles
particles.update(deltaTime);
particles.draw(context, image);

}

// handle (re-)sizing of the canvas
function onResize() {
canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;
}
window.onresize = onResize;

// delay rendering bootstrap
setTimeout(function() {
onResize();
render();
}, 10);
})(document.getElementById(‘pinkboard’));