用SpringBoot+Vue+uniapp小程序实现在线房屋装修管理系统

目录
  • 一、前言介绍:
    • 1.1 课题背景
    • 1.2研究内容:
  • 二、主要技术:
    • 2.1  Spring Boot框架:
    • 2.2 MYSQL数据库:
  • 三、系统设计:
    • 3.1 系统功能设计:
      • 3.2.1 装修实体属性
      • ​ 3.2.2 装修队实体属性
    • ​3.3 登录时序图设计:
  • 四、小程序端:
    • 4.1 登录注册
    • 4.2 系统首页
    • 4.3 装修设计
    • 4.4 装修团队
    • 4.5 公告模块:
    • 4.6 我的个人中心
  • 五 、管理后端:
    • 5.1 后台登录
    • 5.2 装修订单管理
    • 5.3 售后申请
  • 六、主要表设计:
  • 七、代码参考
  • 八、项目总结:

一、前言介绍:

1.1 课题背景

互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。所以各行业,尤其是规模较大的企业和学校等都开始借助互联网和软件工具管理信息,传播信息,共享信息等等,以此可以增强自身实力,提高在同行业当中的竞争能力,并从各种激烈的竞争中获取发展的机会。针对装修样板信息管理混乱,出错率高,信息安全性差,劳动强度大,费时费力等问题,经过分析和考虑,在目前的情况下,可以引进一款在线装修管理系统这样的现代化管理工具,这个工具就是解决上述问题的最好的解决方案。它不仅可以实时完成信息处理,还缩短装修样板信息管理流程,使其系统化和规范化。同时还可以减少工作量,节约装修样板信息管理需要的人力和资金。所以在线装修管理系统是信息管理环节中不可缺少的工具,它对管理者来说非常重要。

1.2研究内容:

对在线装修管理系统设计制作,不仅需要技术支撑,也需要大量的理论研究。本文在对在线装修管理系统进行介绍时,将按照如下内容进行。

第一部分:介绍在线装修管理系统研究的背景意义,便于用户了解系统;

第二部分:介绍开发在线装修管理系统需要搭建的环境,包括技术和工具;

第三部分:介绍用户对在线装修管理系统的功能要求,以及对在线装修管理系统的性能要求等;

第四部分:介绍数据库的设计方案,以及根据功能要求设计的功能结构;

第五部分:介绍通过编码最终实现的系统功能运行效果;

第六部分:介绍系统的功能测试,对系统进行综合检测,并及时解决系统出现的问题,直至系统运行正常。

二、主要技术:

2.1  Spring Boot框架:

Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。通过这种方式,Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

SpringBoot基于Spring4.0设计,不仅继承了Spring框架原有的优秀特性,而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突,以及引用的不稳定性等问题得到了很好的解决。

2.2 MYSQL数据库:

在动态网站的兴起之初,作为高级编程语言的Java自然不会放弃这个领域的蛋糕。Sun公司推出了Servlet作为输出动态网站的一种技术标准,虽然不怎么受当时程序员的喜爱,但是当初也没有太多的选择,随后几个月java语言问世,不考虑性能和效率如何,起码在书写网页所需要的动态代码块和静态代码块方面进行了区分,让书写效率和可读效率大大的提升,所以很多Java程序员以及刚入行的初级程序员都选择了java语言作为自己职业的发展方向,Sun公司为了维护Java语言在高级编程语言上的江湖地位,防止java继续抢走市场份额占有率,Sun公司联合Apache基金会研发了一个关于Java动态网页的一个新型的技术标准,这就是vue技术。

三、系统设计:

3.1 系统功能设计:

在前面分析的管理员功能的基础上,进行接下来的设计工作,最终展示设计的管理员结构图。管理员增删改查装修样板

​3.2 功能结构设计:

3.2.1 装修实体属性

​ 3.2.2 装修队实体属性

​3.3 登录时序图设计:

四、小程序端:

4.1 登录注册

4.2 系统首页

4.3 装修设计

4.4 装修团队

4.5 公告模块:

4.6 我的个人中心

五 、管理后端:

系统后台是对数据的维护,功能都是齐全的,这里就不做一一截图了

5.1 后台登录

5.2 装修订单管理

5.3 售后申请

六、主要表设计:

用户表设计

序号 列名 数据类型 说明 允许空
1 Id Int id
2 dic_code String 字段
3 dic_name String 字段名
4 code_index Integer 编码
5 index_name String 编码名字
6 super_id Integer 父字段id
7 beizhu String 备注
8 create_time Date 创建时间

公告信息表

序号 列名 数据类型 说明 允许空
1 Id Int id
2 news_name String 公告标题
3 news_types Integer 公告类型
4 news_photo String 公告图片
5 insert_time Date 添加时间
6 news_content String 公告详情
7 create_time Date 创建时间

装修队表

序号 列名 数据类型 说明 允许空
1 Id Int id
2 tuandui_name String 团队名称
3 tuandui_photo String 团队头像
4 tuandui_phone String 联系方式
5 tuandui_email String 电子邮箱
6 tuandui_content String 团队介绍
7 tuandui_delete Integer 逻辑删除
8 create_time Date 创建时间

用户表

序号 列名 数据类型 说明 允许空
1 Id Int id
2 yonghu_name String 用户姓名
3 yonghu_photo String 用头像
4 yonghu_id_number String 身份证号
5 yonghu_phone String 联系方式
6 yonghu_email String 电子邮箱
7 new_money BigDecimal 余额
8 yonghu_delete Integer 逻辑删除
9 create_time Date 创建时间

装修表

序号 列名 数据类型 说明 允许空
1 Id Int id
2 zhuangxiu_uuid_number String 装修编号
3 tuandui_id Integer 装修团队
4 zhuangxiu_name String 装修名称
5 zhuangxiu_photo String 装修照片
6 zhuangxiu_types Integer 装修类型
7 zhuangxiu_new_money BigDecimal 装修定金
8 zhuangxiu_clicknum Integer 点击次数
9 zhuangxiu_content String 装修介绍
10 shangxia_types Integer 是否上架
11 zhuangxiu_delete Integer 逻辑删除
12 insert_time Date 录入时间
13 create_time Date 创建时间

装修订单表

序号 列名 数据类型 说明 允许空
1 Id Int id
2 zhuangxiu_order_uuid_number String 订单号
3 zhuangxiu_id Integer 装修
4 yonghu_id Integer 用户
5 zhuangxiu_order_time Date 预约时间
6 zhuangxiu_order_true_price BigDecimal 实付价格
7 zhuangxiu_order_types Integer 订单类型
8 zhuangxiu_order_payment_types Integer 支付类型
9 insert_time Date 订单创建时间
10 create_time Date 创建时间

七、代码参考

# Tomcat
server:
    tomcat:
        uri-encoding: UTF-8
    port: 8080
    servlet:
        context-path: /springboot4447x

spring:
    datasource:
        driverClassName: com.mysql.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3306/springboot4447x5?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
        username: root
        password: 123456

#        driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver
#        url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springboot4447x
#        username: sa
#        password: 123456

    servlet:
      multipart:
        max-file-size: 100MB
        max-request-size: 100MB
    resources:
      static-locations: classpath:/testStatic/,classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/

#mybatis
mybatis-plus:
  mapper-locations: classpath*:mapper/*.xml
  #实体扫描,多个package用逗号或者分号分隔
  typeAliasesPackage: com.entity
  global-config:
    #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
    id-type: 1
    #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
    field-strategy: 2
    #驼峰下划线转换
    db-column-underline: true
    #刷新mapper 调试神器
    refresh-mapper: true
    #逻辑删除配置
    logic-delete-value: -1
    logic-not-delete-value: 0
    #自定义SQL注入器
    sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
  configuration:
    map-underscore-to-camel-case: true
    cache-enabled: false
    call-setters-on-nulls: true
    #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
    jdbc-type-for-null: 'null' 

八、项目总结:

采用Java+Mysql的方式设计制作的在线装修管理系统,在功能上可以满足管理人员对于信息的管理需求;在界面的设计上,尽最大努力用自身的美工知识做到界面美观简洁。在操作方面上,让系统可以方便操作,同时对用户常见的误操作行为进行分析总结,并尽力在系统中避免同样的由于用户的误操作所带来的错误现象。

作为毕业设计,分配给本系统的设计与制作时间还是不足的,所以,在线装修管理系统还有许多需要完善的地方。

第一个就是本系统的编程代码问题,各个程序文件的代码存在冗余的地方非常多,导致代码不够简洁,同时对代码的注释也比较麻烦。编码期间,对于很多页面可以共享的函数与方法都没有单独列出来,而是在需要用到函数和方法的页面上都重新编写了代码,通过后期的技术学习,以及对编码过程的分析总结,发现可以把共用的函数或方法编写在同一个页面上,在之后的页面中,需要使用此函数的页面,则可以直接调用函数,无需再编写代码了,这样可以简化代码,也能节省时间和存储空间。

第二个就是对数据库的设计不够好,在数据处理中,影响程序运行速度。因此需要对数据库的性能进行优化。通过这方面知识的学习,在某个开发技术类的博客中,发现可以用数据库连接池技术来解决数据库的性能问题,另外还需规范数据库里面的关系模式,降低数据库的冗余率,提高运行速度。

如果说平时的作业也是检查对知识的掌握情况,那么制作毕业设计,将是对自身所有知识的一个全面检测。因为系统能够制作完成则是经历了很多阶段,正如文中所展示的那样,先有可行性分析,对功能的分析,对功能的设计,对数据库的设计,对程序功能的编码实现,对完成编码程序的测试等,这些环节缺一不可,而且还都需要认真对待,大学学到的所有知识在制作系统时,才会发现不够用。所以这个项目制作,在检测自身能力的同时,也对问题分析,资料搜集,问题解决等能力进行了培养。

到此这篇关于用JavaSpringBoot+Vue+uniapp实现在线房屋装修管理系统的文章就介绍到这了,更多相关JavaSpringBoot+Vue+uniapp房屋管理系统内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 超全面的SpringBoot面试题含答案

    1. 什么是 Spring Boot? Spring Boot 是 Spring 开源组织下的子项目,是 Spring 组件一站式解决方案,主要是简化了使用Spring 的难度,简省了繁重的配置,提供了各种启动器,使开发者能快速上手. 2. 为什么要用SpringBoot 快速开发,快速整合,配置简化.内嵌服务容器 3. SpringBoot与SpringCloud 区别 SpringBoot是快速开发的Spring框架,SpringCloud是完整的微服务框架,SpringCloud依赖于Sp

  • springboot相关面试题汇总详解

    springboot和springmvc的区别 spring boot 内嵌tomcat,Jetty和Undertow容器,可以直接运行起来,不在再做部署: spring boot 自动配置,减少了xml文件的大量配置:降低了项目搭建的复杂度 Spring MVC是基于 Servlet 的一个 MVC 框架 主要解决 WEB 开发的问题,因为 Spring 的配置非常复杂,各种XML. JavaConfig.hin处理起来比较繁琐.于是为了简化开发者的使用,从而创造性地推出了Spring boo

  • SpringBoot Mybatis 配置文件形式详解

    目录 1. 概述 2. 单独配置mybatis-config.xml 2.1 配置内容 2.2 辅助类 2.3 调用操作 3. application.yml配置mybatis 3.1 配置内容 3.2 辅助类 3.3 调用操作 4. 结语 开发环境: IDEA 2022.1.4+ Mybatis 1. 概述 在之前BiliBili学习SprintBoot时候,按照视频敲代码,SpringBoot集成MyBatis,是单独写了一个mybatis-config.xml文件.配置数据连接以及mapp

  • 10道springboot常见面试题

    本文为大家分享了10道springboot常见面试题,供大家参考,具体内容如下 1.什么是Spring Boot? 多年来,随着新功能的增加,spring变得越来越复杂.只需访问https://spring.io/projects页面,我们就会看到可以在我们的应用程序中使用的所有Spring项目的不同功能. 如果必须启动一个新的Spring项目,我们必须添加构建路径或添加Maven依赖关系,配置应用程序服务器,添加spring配置. 因此,开始一个新的spring项目需要很多努力,因为我们现在必

  • SpringBoot整合Jackson超详细用法(附Jackson工具类)

    目录 一.Jackson简介 二.Json简介 三.springboot整合Jackson 1.创建项目 2.导入坐标 3.配置文件 4.实体类 5.测试类 一.Jackson简介 说明:本篇讲的是Jackson的详细用法,Jackson工具类在文章最后,直接复制粘贴即可使用. Jackson是公司中必用的组件之一,常用的还用阿里的Fastjson,但是由于一些原因bug与漏洞是在是太多,在注重安全的公司直接被pass,还有就是谷歌的Gson(这个没用过不太了解). Spring MVC 的默认

  • SpringBoot实现文件下载功能的方式分享

    1. 将文件以流的形式一次性读取到内存,通过响应输出流输出到前端 /** * @param path 想要下载的文件的路径 * @param response * @功能描述 下载文件: */ @RequestMapping("/download") public void download(String path, HttpServletResponse response) { try { // path是指想要下载的文件的路径 File file = new File(path);

  • SpringBoot整合Redis实现序列化存储Java对象的操作方法

    目录 一.背景 1.思考 2.方案 二.源码分析 三.注入RedisTemplate 1.引入依赖 2.Redis 连接信息 3.Redis 核心配置类 4.Redis工具类 四.测试 1.创建 Java 实体类 UserInfo 2.测试用例 3.测试结果 之前介绍过 https://www.jb51.net/article/223539.htm 我们可以看出,在 SpringBoot 对 Redis 做了一系列的自动装配,使用还是非常方便的 一.背景 1.思考 通过我们前面的学习,我们已经可

  • 用SpringBoot+Vue+uniapp小程序实现在线房屋装修管理系统

    目录 一.前言介绍: 1.1 课题背景 1.2研究内容: 二.主要技术: 2.1  Spring Boot框架: 2.2 MYSQL数据库: 三.系统设计: 3.1 系统功能设计: 3.2.1 装修实体属性 ​ 3.2.2 装修队实体属性 ​3.3 登录时序图设计: 四.小程序端: 4.1 登录注册 4.2 系统首页 4.3 装修设计 4.4 装修团队 4.5 公告模块: 4.6 我的个人中心 五 .管理后端: 5.1 后台登录 5.2 装修订单管理 5.3 售后申请 六.主要表设计: 七.代码

  • uniapp小程序实现瀑布流布局的思路与代码

    一.前言 现在写瀑布流算不算是炒冷饭啊? 我不管, 我就要写,谁也别想拦我. 瀑布流应该算是很常见的一种布局方法了,大致的思路也很好理解, 但是在小程序里面确有另外需要考虑的几个问题. 问题1:uniapp是基于Vue的,所以不好直接操作DOM. 问题2:uniapp基于Vue,但也做了一些修改,所以不好拿ref来操作 二.先说思路 为了保证文章的长度,以及有些小伙伴对瀑布流的基本思路不是很了解,所以先讲讲瀑布流的思路,先看下图. 可以看到,商品的图片高度是不一致的,再加上商品标题的行数不一致,

  • uni-app小程序中父组件和子组件传值的实现实例

    目录 前言 一.父组件向子组件传值 二.子组件向父组件传值 总结 前言 1.父组件向子组件传值 → 通过数据绑定 2.子组件向父组件传值 → 通过事件 一.父组件向子组件传值 通过props实现,即:子组件通过props来接收父组件传过来的值 实现 父组件中: 1.引入子组件 2.注册子组件 3.通过标签形式载入:使用数据绑定进行传值 子组件中: 1.通过props接收父组件中传递过来的值 具体演示代码 父组件:index.vue <template> <comA :list="

  • uni-app小程序沉浸式导航实现的全过程

    目录 1. 开始 2. page的样式 3. onPageScroll 4. 性能问题 5. 方案 6. 代码 7. 注意事项 总结 1. 开始 项目要在多个页面上加自定义导航栏,还要有渐变效果,就是随着页面上滑,导航栏透明度由0逐渐变为1.这里面有几个基本点需要注意下. 2. page的样式 page 不能是height: 100%,可以设置height: auto,这样才可以触发 onPageScroll. 3. onPageScroll 只有 page 才有 onPageScroll 事件

  • vue和小程序项目中使用iconfont的方法

    一.vue中使用iconfont 1.百度搜索iconfont或者阿里巴巴矢量图标库官网,注册登录: 2.找到图标管理->新建项目,或者使用已有的项目,用于保存自己的图标: 3.搜索自己需要的icon: 4.添加到购物车中: 5.购物车中就有了相应icon 6.点击购物车,选择添加至项目.就是我们刚才创建的项目或者之前已有的项目 7.点击确定,即可将icon添加到我们的项目中 8.然后点击我的项目,找到自己的项目,即可看到刚才添加的icon 9.点击下载至本地 10.将下载的压缩包进行解压 11

  • springboot+jwt+微信小程序授权登录获取token的方法实例

    目录 前言 配置 XcxAuthenticationProvider XcxAuthenticationToken 小程序授权登录 前言 我们有时候在开发中,遇到这样的问题,就是我们需要小程序授权登录我们自己的后台,通过小程序的信息换取我们自己后台的token,实现账号密码.小程序授权登录的多种登录方式. 配置 在 SecurityConfig文件中配置 XcxAuthenticationProvider public class XcxAuthenticationProvider implem

  • uniapp小程序视图容器cover-view使用详解

    目录 一,cover-view 1.1 基础知识 1.2 各平台差异 1.3 不支持的CSS 附:uni-app中cover-view覆盖原生组件 总结 一,cover-view 首先我们需要知道,cover-view是可以覆盖在原生组件上的文本视图,也就是cover-view组件的层级高于原生组件,就像是原生组件的层级高于前端组件一样,如flash层级就高于div的层级. 部分组件,比如map.video.textarea.canvas是通过原生组件实现的,原生组件无法被前端组件覆盖,程序员需

  • uniapp小程序使用RSA加密解密的操作代码

    1.安装wxmp-rsa npm i wxmp-rsa -S 2.新建rsa.js文件 import WxmpRsa from 'wxmp-rsa' //公钥和私钥换自己的 // 定义公钥 const publicKey = ` -----BEGIN PUBLIC KEY----- MIGeMA0GCSqGSIb3DQEBAQUAA4GMADCBiAKBgFnWSUwsmGawhMJ30z6y5li2jcf1 m7rPMZcwZOS3To8bk3OBaMGhVEc1F8GtJBbc1rn/HCL

  • uniapp小程序配置tabbar底部导航栏实战指南

    目录 前言: 正文 Tips 1.首先我们准备好自己项目所需要的tab图标 2.找到我们的pages.json文件进行配置 3.配置一下导航栏标题内容 4.来看看我们的成果(效果图) 总结 前言: 配置底部导航栏首先需要大家准备好自己想要使用的图标,每个tab可以选择两个图标,分别为选中前的和选中后的.之后我们根据uniapp官网提供的 uniapp官网tabbar配置项,话不多说直接上正文一起来学习一下如何配置底部导航栏吧. 正文 首先我们先看一下官网中的介绍:如果应用是一个多 tab 应用,

  • uniapp小程序和h5如何使用three.js详解

    目录 前言 h5 在写之前我们需要先导入必要的包 小程序 安装依赖 绘制立方体 绘制一个可以旋转的立方体 接下来获取canvas three绘制立方体的代码(这里就不介绍了,基本上和上面的h5代码类似) 让立方体可以自动旋转 效果 总结 前言 个人认为uniapp同时开发小程序和h5多多少少在某些地方存在不兼容问题,这也比较苦恼,特别是在使用某些ui库的时候更加让人头大,要边看边对比,有时候h5那边样式或者什么的都ok,但是小程序那边就直接拉胯,着实有点难受,好了废话不多说了 h5 threej

随机推荐