java计算机毕业设计基于node.js的预约上门维修服务系统

项目介绍

在日常生活中，难免会遇到电器设备出现问题的情况。当遇到这种情况而自己又不能解决的时候，一般都会去找维修师傅。相对于一些小型的家电，可以通过把家电转移到维修店进行维修。但是对于一些比较大件的，比如空调，洗衣机等大型电气设备无法进行运输的时候，一般会选择维修师傅预约上门进行服务。本系统就是基于这样的一个系统。本系统使用nodejs+vue+elementUI进行开发，极大的方便了日常电器设备的维修工作。

开发环境

java计算机毕业设计基于node.js的预约上门维修服务系统
开发语言：Java+mysql+vue
开发工具:IDEA /Eclipse
数据库:MYSQL5.7
应用服务:Tomcat7/Tomcat8
使用框架:ssm+vue
可定制框架:ssm/Springboot/vue/python/PHP/小程序/安卓均可开发

系统截图

系统首页

当用户打开系统之后，首先看到的是系统首页，在系统首页可以看到推荐的一些信息。包括维修的一些项目。以及根据不同类型对维修项目进行的分类。

维修项目

帮用户想要维修某一类产品的时候，可以点击该类目下的图片。找到具体维修项目之后，通过点击图片可以查看维修的详细信息，包括维修项目的编号，类型，简介，价格等因素

后台管理

管理员登录之后可以对系统进行管理，主要包括以下内容
用户管理，维修人员管理，项目类型管理，维修项目管理，维修预约管理，维修预约，取消预约管理，修改预约管理，维修分配管理，维修订单管理，用户评价管理，信息发布管理，留言反馈，系统管理

核心代码

<template>
  <div class="main-content">
    <!-- 列表页 -->
    <div v-if="showFlag">
      <el-form :inline="true" :model="searchForm" class="form-content">
        <el-row  :gutter="20" class="slt" :style="{justifyContent:contents.searchBoxPosition=='1'?'flex-start':contents.searchBoxPosition=='2'?'center':'flex-end'}">
                <el-form-item :label="contents.inputTitle == 1 ? '用户账号' : ''">
                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 1" prefix-icon="el-icon-search" v-model="searchForm.yonghuzhanghao" placeholder="用户账号" clearable></el-input>
                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 2" suffix-icon="el-icon-search" v-model="searchForm.yonghuzhanghao" placeholder="用户账号" clearable></el-input>
                  <el-input v-if="contents.inputIcon == 0" v-model="searchForm.yonghuzhanghao" placeholder="用户账号" clearable></el-input>
                </el-form-item>
		<el-form-item class="select" label="性别" prop="xingbie">
		  <el-select  @change="xingbieChange" clearable v-model="searchForm.xingbie" placeholder="请选择性别">
		    <el-option
			v-for="(item,index) in xingbieOptions"
			v-bind:key="index"
			:label="item"
			:value="item">
		    </el-option>
		  </el-select>
		</el-form-item>
          <el-form-item>
            <el-button v-if="contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 1" icon="el-icon-search" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>
            <el-button v-if="contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 2" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}<i class="el-icon-search el-icon--right"/></el-button>
            <el-button v-if="contents.searchBtnIcon == 0" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>
          </el-form-item>
        </el-row>

        <el-row class="ad" :style="{justifyContent:contents.btnAdAllBoxPosition=='1'?'flex-start':contents.btnAdAllBoxPosition=='2'?'center':'flex-end'}">
          <el-form-item>
            <el-button
              v-if="isAuth('yonghu','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1"
              type="success"
              icon="el-icon-plus"
              @click="addOrUpdateHandler()"
            >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>
            <el-button
              v-if="isAuth('yonghu','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2"
              type="success"
              @click="addOrUpdateHandler()"
            >{{ contents.btnAdAllFont == 1?'新增':'' }}<i class="el-icon-plus el-icon--right" /></el-button>
            <el-button
              v-if="isAuth('yonghu','新增') && contents.btnAdAllIcon == 0"
              type="success"
              @click="addOrUpdateHandler()"
            >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>
            <el-button
              v-if="isAuth('yonghu','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1 && contents.tableSelection"
              :disabled="dataListSelections.length <= 0"
              type="danger"
              icon="el-icon-delete"
              @click="deleteHandler()"
            >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>
            <el-button
              v-if="isAuth('yonghu','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2 && contents.tableSelection"
              :disabled="dataListSelections.length <= 0"
              type="danger"
              @click="deleteHandler()"
            >{{ contents.btnAdAllFont == 1?'删除':'' }}<i class="el-icon-delete el-icon--right" /></el-button>
            <el-button
              v-if="isAuth('yonghu','删除') && contents.btnAdAllIcon == 0 && contents.tableSelection"
              :disabled="dataListSelections.length <= 0"
              type="danger"
              @click="deleteHandler()"
            >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>





          </el-form-item>
        </el-row>
      </el-form>![请添加图片描述](https://img-blog.csdnimg.cn/746b577e830a4840bf7d0af77729ec28.png)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

1绪论 4
1.1项目研究的背景 4
1.2开发意义 4
1.3课题研究现状 4
1.4项目研究内容与结构 5
2开发技术介绍 6
2.1B/S架构 6
2.2NODEJS技术 6
2.3MySQL 介绍 7
2.4MySQL环境配置 7
2.5MyEclipse环境配置 7
3系统分析 9
3.1可行性分析 9
3.1.1技术可行性 9
3.1.2经济可行性 9
3.1.3操作可行性 9
3.1.4 运行可行性 10
3.2系统性能需求分析 10
3.3系统功能分析 10
3.4系统流程的分析 11
3.4.1 用户管理的流程 11
3.4.2个人中心管理流程 12
3.4.3登录流程 13
4系统设计 14
4.1 软件功能模块设计 14
4.2数据库设计与实现 14
4.2.1概念模型设计 14
4.2.2物理模型设计 15
5系统详细设计 25
5.1系统功能模块 25
5.2管理员功能模块 27
5.3用户功能模块 29
6系统的调试和测试 32
7总结与心得体会 33
7.1 总结 33
7.2 心得体会 33
参考文献 34
致谢 35