文末联系获取源码

开发语言：Java

框架：ssm

JDK版本：JDK1.8

服务器：tomcat7

数据库：mysql 5.7/8.0

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.3.9

浏览器：谷歌浏览器

小程序框架：uniapp

小程序开发软件：HBuilder X

小程序运行软件：微信开发者

一、前言介绍

到目前为止，计算机已在科学方面、国家机关方面、私人企业方面、个人生活方面都起到了很大的作用，相对应的计算机信息管理也愈加成熟。随着生活的快速发展，尤其是大城市中的生活已经迈入了快节奏的步伐，由于工作的繁忙，家政服务开始融入了我们的生活当中，传统的家政服务模式，都需要用户自己去线下自己联系家政公司，然后上门提供服务，首先非常的浪费时间，其次不能进行多家对比，所以，如果还是采用传统的去市场进行找家政服务在效率方面不仅得不到满足，在家政公司的信息保存、查找、展示方面问题更大。利用计算机新型技术来进行家政的管理将会带来家政管理的改变,可以充分实现用户请家政服务、家政公司发布服务提供双向便利。

本论文介绍了同城家政服务-微信小程序的创建过程，是计算机技术与科学技术发展的必然结果。使用本同城家政服务-微信小程序可以实现家政人员信息展示、公告信息展示，用户可以查看家政人员，根据自己的需求在线下单，家政人员可以管理预约信息，管理员可以进行系统基本信息的添加和管理。本系统是采用java语言和mysql,数据库进行设计，实现了家政信息的有效展示和管理。

二、前台功能模块的实现界面

2.1首页功能模块的界面实现

在首页中可以看到公告、家政人员信息。在系统的首页还可以进行信息的搜索，只有输入标题就可以搜索出需要的信息，系统的首页界面实现如下图所示:

2.2家政人员功能模块的实现界面

在本界面里可以看到具体的家政服务的详细描述信息,家政人员信息的实现界面如下图所示:

2.3公告功能模块的实现界面

在本界面里可以看到公告的信息。公告信息的界面实现如下图所示:

2.4在线评论功能模块的实现

本界面里可以发表家政评价，在线评论的实现界面如下图所示:

2.5预约模块的实现

用户在选择喜欢的家政人员信息后可以进行在线预约,相当于填写自己的要求，在线预约信息如下图所示:

2.6我的功能模块实现

用户可以管理自己的预约信息和收藏信息，实现界面如下图所示:

三、家政人员后台功能模块实现

家政人员可以管理用户的预约信息，实现界面如下图所示:

四、系统管理员的功能模块实现

4.1系统管理员的登录功能模块的实现

管理员登录的功能模块是采用验证的方法进行设计,对系统的安全起到重要作用，管理员登录的界面功能实现如下图所示:

4.2个人中心管理功能模块的实现

本功能可以实现添加管理员账号和查询管理员账号、修改密码，个人中心管理功能的实现界面如下图所示:

4.3家政预约功能模块的实现界面

本功能可以为预约家政的用户进行管理，管理家政预约的实现界面如下图所示:

4.4家政人员管理功能模块的实现界面

家政人员是本系统最基本的信息，管理员可以管理家政服务的人员信息，具体实现界面如下图所示:

4.5用户管理功能的实现界面

对用户的资料进行审核。用户管理功能的实现界面如下图所示:

4.6家政类型管理功能的实现界面

管理员可以对家政的类型信息进行添加和修改。家政类型管理功能的实现界面如下图所示:

五、部分核心代码

5.1登录系统主要代码

form.on('submit(login)', function(data) {data = data.field;if (vue.roles.length!=1) {if (!data.role) {layer.msg('请选择登录用户类型', {time: 2000,icon: 5});return false;}} else {data.role = vue.roles[0].tableName;}http.request(data.role + '/login', 'get', data, function(res) {layer.msg('登录成功', {time: 2000,icon: 6});// 登录凭证localStorage.setItem('Token', res.token);var roleName = "";if(typeof(jquery('#role:checked').attr('title')) == "undefined") {roleName = vue.roles[0].roleName;} else {roleName = jquery('#role:checked').attr('title');}localStorage.setItem('role', roleName);// 当前登录用户角色localStorage.setItem('userTable', data.role);localStorage.setItem('sessionTable', data.role);// 用户名称localStorage.setItem('adminName', data.username);http.request(data.role + '/session', 'get', {}, function(res) {// 用户idlocalStorage.setItem('userid', res.data.id);if(res.data.vip) {localStorage.setItem('vip', res.data.vip);}// 路径访问设置window.location.href = '../../index.html';})});return false});});/*** 跳转登录* @param {Object} tablename*/function registerClick(tablename) {window.location.href = '../' + tablename + '/register.html?tablename=' + tablename;}

5.2用户注册主要代码

*/@IgnoreAuth@RequestMapping("/register")public R register(@RequestBody YonghuEntity yonghu){//ValidatorUtils.validateEntity(yonghu);YonghuEntity user = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuming", yonghu.getYonghuming()));if(user!=null) {return R.error("注册用户已存在");}Long uId = new Date().getTime();yonghu.setId(uId);yonghuService.insert(yonghu);return R.ok();}

5.3小程序端首页主要代码

methods: {jump(url) {if (this.queryIndex == 0) {localStorage.setItem('indexQueryCondition', document.getElementById("dianyingxinxidianyingmingcheng").value);}jump(url)},queryChange(event) {this.queryIndex = event.target.value;if (this.queryIndex == 0) {this.dianyingxinxidianyingmingcheng = this.queryList[event.target.value].queryName;}}}});layui.use(['layer', 'form', 'element', 'carousel', 'http', 'jquery'], function() {var layer = layui.layer;var element = layui.element;var form = layui.form;var carousel = layui.carousel;var http = layui.http;var jquery = layui.jquery;vue.baseurl=http.baseurl;// 获取轮播图 数据http.request('config/list', 'get', {page: 1,limit: 5}, function(res) {if (res.data.list.length > 0) {let swiperList = [];res.data.list.forEach(element => {if (element.value != null) {swiperList.push({img: http.baseurl + element.value});}});vue.swiperList = swiperList;vue.$nextTick(() => {carousel.render({elem: '#test1',width: '89.6%',height: '500px',arrow: 'hover',anim: 'default',autoplay: 'true',interval: '3000',indicator: 'inside'});})// vue.$nextTick(()=>{//   window.xznSlide();// });}});http.request('news/list', 'get', {page: 1,order: 'desc'}, function(res) {var newsList = res.data.list;for(var i = 0; i<newsList.length; i++) {let d = newsList[i].addtime.split(' ')d = d[0].split('-')newsList[i].year = d[0]newsList[i].month = d[1] + '-' + d[2]}vue.newsList = newsList;if (newsList.length > 0 && newsList.length <= 2) {vue.leftNewsList = res.data.list} else {var leftNewsList = []for (let i = 0; i <= 2; i++) {leftNewsList.push(newsList[i]);}vue.leftNewsList = leftNewsList}if (newsList.length > 2 && newsList.length <= 8) {var rightNewsList = []for (let i = 3; i <= newsList.length; i++) {rightNewsList.push(newsList[i]);}vue.rightNewsList = rightNewsList}let flag = 10;let options = {"navigation":{"nextEl":".swiper-button-next","prevEl":".swiper-button-prev"},"slidesPerView":5,"loop":true,"spaceBetween":20,"autoplay":{"delay":3000,"disableOnInteraction":false}}options.pagination = {el:'null'}if(flag == 3) {vue.$nextTick(() => {new Swiper('#newsnews', options)})}if(flag == 6) {let sixSwiper = {loop: true,speed: 2500,slidesPerView: 3,spaceBetween: 10,centeredSlides: true,watchSlidesProgress: true,autoplay: {delay: 0,stopOnLastSlide: false,disableOnInteraction: false}}vue.$nextTick(() => {new Swiper('#new-list-6', sixSwiper)})}});// 获取推荐信息var autoSortUrl = "dianyingxinxi/autoSort";if(localStorage.getItem('userid')!=null) {autoSortUrl = "dianyingxinxi/autoSort2";}http.request(autoSortUrl, 'get', {page: 1,limit: 3 * 1}, function(res) {vue.dianyingxinxiRecommend = res.data.listlet flag = 1;let options = {"navigation":{"nextEl":".swiper-button-next","prevEl":".swiper-button-prev"},"slidesPerView":5,"loop":true,"spaceBetween":20,"autoplay":{"delay":3000,"disableOnInteraction":false}}options.pagination = {el:'null'}if(flag == 3) {vue.$nextTick(() => {new Swiper('#recommenddianyingxinxi', options)})}if(flag == 5) {vue.$nextTick(() => {var swiper = new Swiper('#recommend-five-swiperdianyingxinxi', {loop: true,speed: 500,slidesPerView: 5,spaceBetween: 10,autoplay: {"delay":3000,"disableOnInteraction":false},centeredSlides: true,watchSlidesProgress: true,on: {setTranslate: function() {slides = this.slidesfor (i = 0; i < slides.length; i++) {slide = slides.eq(i)progress = slides[i].progress// slide.html(progress.toFixed(2)); //看清楚progress是怎么变化的slide.css({'opacity': '','background': ''});slide.transform(''); //清除样式slide.transform('scale(' + (1.5 - Math.abs(progress) / 4) + ')');}},setTransition: function(transition) {for (var i = 0; i < this.slides.length; i++) {var slide = this.slides.eq(i)slide.transition(transition);}},},navigation: {"nextEl":".swiper-button-next","prevEl":".swiper-button-prev"},pagination: {"el":".swiper-pagination","clickable":true},});})}});});

基于微信小程序的同城家政服务小程序相关推荐

家政公司小程序开发，家政服务如何利用多端小程序，实现转型拓客
文/江苏微网家政服务小程序开发,如何帮助家政服务机构抢占市场? 小程序当前在各个行业的很多场景被广泛使用,为用户和商家企业也提供了便捷.家政服务行业的小程序开发,也成为了很多家政公司的首选. 家政服 ...
家政服务小程序制作攻略揭秘
想要打造一个家政服务小程序,但是又不懂编程和设计?不用担心!下面将为你详细介绍如何利用第三方平台,从零开始打造一个家政服务小程序. 首先,你需要找到一个适合的第三方平台,例如乔拓云网.在乔拓云网的[轻 ...
计算机毕业设计ssm基于微信的的高校起床协会管理61rmm系统+程序+源码+lw+远程部署
计算机毕业设计ssm基于微信的的高校起床协会管理61rmm系统+程序+源码+lw+远程部署计算机毕业设计ssm基于微信的的高校起床协会管理61rmm系统+程序+源码+lw+远程部署本源码技术栈: ...
软件工程毕业设计课题（83）微信小程序毕业设计PHP家政服务预约小程序系统设计与实现
项目背景和意义目的:本课题主要目标是设计并能够实现一个家政服务预约的微信小程序系统,前台用户使用小程序查找家政人员并预约,后台管理使用基于PHP+MySql的B/S架构:通过后台添加资讯.录入家政人 ...
基于微信平台的电影购票系统设计与实现(程序+论文)
摘要现在中国大部分的家庭都喜欢在家里置办属于自己风格的家庭影院.但是,仍然有很人喜欢到电影院去看电影.因为家里的气氛毕竟不如影院好.所以,现代家庭影院的出现并不会让电影院没有生路. 为了提高劳 ...
基于微信平台的医院门诊预约挂号小程序系统的设计与实现毕业设计毕设参考
功能论文的研宄目的是设计一款基于微信小程序的医院预约挂号系统,用户首次登陆系统需要注册一个用户或直接使用微信作为账号,用户在登录平台后,可以进行平台的操作.主要模块包括以下几点: (1)登录功能:注 ...
php微信小程序毕业设计 php家政服务预约小程序毕业设计开题报告功能参考
用户人员功能家政人员功能
微信小程序毕业设计基于微信电影院选座订票售票小程序系统开题报告
(1)登录功能:注册普通账号登录:也可以直接使用微信登录:登录后可以修改用户的基本信息,也可以退出. (2)资讯功能:后台录入资讯,在微信小程序电影院订票选座系统的资讯模板展示,用户可以任意浏览资讯列 ...
刚写完的基于微信的房产中介预约看房小程序毕业设计毕设源码
[后台功能] |–资讯管理:录入资讯.修改.删除功能 |–房源管理:录入房源.房源修改.删除.查看列表 |–会员管理:所有注册会员信息 |–订单管理:预约看房列表信息 |–账号管理:修改账号密码.退出 ...

基于微信小程序的同城家政服务小程序