3d虚拟定装平台(学习vuethreejeecgboot遇到的常见问题)

Posted 鸟随二月

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3d虚拟定装平台(学习vuethreejeecgboot遇到的常见问题)相关的知识,希望对你有一定的参考价值。

目录

问题

vue

学过vue建立的项目webstrom

1.

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

2.

error ‘comment’ is assigned a value but never used no-unused-vars
在这里插入图片描述

3.

在这里插入图片描述
最终发现原来是自己的变量写错了
javascript代码中将this.count写成了this.eventOrOdd

4.

Vue项目控制台 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465

在这里插入图片描述

5.

Missing associated label
在这里插入图片描述

6.$‘ is not defined ( no-undef );webStorm报错Import declarations are not supported by current Javascript version

6.$‘ is not defined ( no-undef )
webStorm报错Import declarations are not supported by current Javascript version

7

在这里插入图片描述
看这里

8.一个页面如何接受另一个页面的参数

小编想了想请求页面可以弄一个超链接(指向另一个页面地址附加参数),然后另一个页面分析链接内容即可例如这里
9.
Antd Table (index.js:1 Warning: [antd: Table] Each record in dataSource of table should have a un…

9Antd Table (index.js:1 Warning: [antd: Table] Each record in dataSource of table should have a un…

在这里插入图片描述
解决方案

10. 引入echars5.0报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘在这里插入图片描述

看这里

jeecgboot

1.导入jeccgboot在这里插入图片描述

原因是mysql没有导入jeecg-boot\\jeecg-boot\\db 中的sql文件

9.did you register the component correctly? For recursive components, make sure to provide the “name”

https://blog.csdn.net/dt1991524/article/details/86011035

2.jeccgboot后端启动遇到的问题

在这里插入图片描述
小编这里重启了一下电脑
看这里

3.在jeecgboot中引入一个创建的maven模块子项目出现以下错误

在这里插入图片描述
解决方法:
加上maven模块子项目的版本号
在这里插入图片描述

4.

前台:
在这里插入图片描述
后台
在这里插入图片描述
解决方法

5.从数据库中获取的时间为空值

在这里插入图片描述
原因jeccgboot中后端Entity和数据库中的字段默认使用的是驼峰命名法即(数据库 create_time对应Entity createTime)
在这里插入图片描述

6.onLine在线开发生成的代码根据说明书配置好,前端页面运行时出现访问页面失败,

在这里插入图片描述
前后端重新运行没问题,但关闭后端软件在运行出现以下问题
在这里插入图片描述
原因:
对同一张表,我两次online代码生成,结果造成版本冲突,解决方案:删除一个版本

7.后端ideal出现以下错误在这里插入图片描述

在这里插入图片描述
原因前端上面虽然new Date,但是传到后端的是默认是按字符串传送的,解决方式:小编将后端相应的Entity(实体类)和数据库中相应的字改成字符串类型的。

8.jeecgboot mapper.xml(jeecgboot底端数据库链接用的是mybatis)不能使用< >

解决方法

9. Invalid bound statement (not found): org.jeecg.modules.system.mapper.JueSeMapper.SelectJueSe

在这里插入图片描述
原因是我的mapper.java和mapper.xml方法名写的不一致,以后两者对应时方法名最好粘贴复制。

three

1.

Uncaught Error: THREE.OBJLoader: Unexpected line: “<!DOCTYPE html>“[已解决]
该错误小编造成的结果是模型纹理加载不出来
小编第二次遇到时,是将写好的前端程序(也就是three和vue与jeecgboot结合时),模型加载不出来(视图中空白只有三哥方向西线),如何解决
在这里插入图片描述

2.只能用户自己修改自己的信息

在这里插入图片描述
本来说用

 <a-form-model-item label="登录密码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="password" >
            <a-input type="password" placeholder="请输入登录密码" v-model="model.password" :readOnly="model.username!=getName()" />
          </a-form-model-item>

解决但用的表单不支持:readOnly属性,
所以之后通过

 <div class="drawer-bootom-button" v-show="!disableSubmit" v-if="model.username==getName()">
      <a-popconfirm title="确定放弃编辑?" @confirm="handleCancel" okText="确定" cancelText="取消">
        <a-button style="margin-right: .8rem">取消</a-button>
      </a-popconfirm>
      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
    </div>

v-if判断隐藏提交按钮完成

笔记

vue

1.vue-ant-a-table:表格内插入操作按钮快速使用并且获取摸个单元格的值

在 ant-a-table插入按钮
获取某单元格的信息

2.let var const

let var const

3.设置弹出输入框

1.一个页面中
在这里插入图片描述

4.前端的异步操作注意(如何做成同步)

看这里

5.引入echars

1.引入示例

6.vue的生命周期

这里

three

修改模型材质颜色

jeecgboot

1.svg

1.SVG

2.修改登陆页面

2.修改登陆页面

3.获取当前用户登录名

3.获取当前用户登录名

4.online在线开发下拉框

4.online在线开发下拉框

5.自制的controller如何传入POJO参数

5.自制的controller如何传入POJO参数

6.利用ant design vue上传文件以及后端接受

代码:
前端:


<template>
  <a-upload
    name="file"
    :multiple="true"
    action="http://localhost:8080/jeecg-boot/usercustomrecord/upload/wenjian"
    :headers="headers"
    @change="handleChange"
  >
    <a-button> <a-icon type="upload" />上传文件</a-button>
  </a-upload>
</template>
<script>
export default {
  data() {
    return {
      headers: {
        authorization: 'authorization-text',
      },
    };
  },
  methods: {
    //文件上传
    handleChange(info) {
      if (info.file.status !== 'uploading') {
        console.log(info.file, info.fileList);
      }
      if (info.file.status === 'done') {
        this.$message.success(`${info.file.name} 文件上传成功`);
      } else if (info.file.status === 'error') {
        this.$message.error(`${info.file.name}文件上传失败`);
      }
    },
  },
};
</script>


<style>
</style>

后端:

package org.jeecg.modules.system.controller;

import lombok.extern.slf4j.Slf4j;
import org.jeecg.common.api.vo.Result;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.multipart.support.StandardMultipartHttpServletRequest;

import java.io.File;
import java.io.IOException;
import java.util.Map;

@Slf4j
@RestController
@RequestMapping("/usercustomrecord/upload")
public class upLoadController {
    @RequestMapping("/wenjian")
    public Result<File> upLoadWenJian(MultipartHttpServletRequest multipartHttpServletRequest) {
        Result<File> result = new Result<File>();
        Map<String, MultipartFile> fileMap=multipartHttpServletRequest.getFileMap();
        for (Map.Entry<String, MultipartFile> entity : fileMap.entrySet()) {
            // 获取单个文件
            MultipartFile file = entity.getValue();
            // 获取文件名
            String fileName = file.getOriginalFilename();
            System.out.println("上传的文件名为:" + fileName);
           // 文件上传后的路径
            String filePath = "D:\\\\";
            File dest = new File(filePath + fileName);
            try {
                // 检测是否存在目录
                if (!dest.getParentFile().exists()) {
                    System.out.println("123");
                    dest.getParentFile().mkdirs();
                }
                file.transferTo(dest);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        result.setSuccess(true);
        return result;
    }
}

参考文献
1.
2.
在这里插入图片描述

数据库

1

1.mysql多条件查询,当某个条件为空时忽略该条件,所有条件为空时查询全部

以上是关于3d虚拟定装平台(学习vuethreejeecgboot遇到的常见问题)的主要内容,如果未能解决你的问题,请参考以下文章

虚拟现实 VR 碰撞 3D 可视化,图扑打造一体化管控平台

虚拟现实 VR 碰撞 3D 可视化,图扑打造一体化管控平台

关于3D可视化平台!

虚拟互动WebGL平台的应用前景和导出方法

都都有哪些公司或企业再用Unity3D PRO 虚拟现实、跨平台应用程序开发引擎(商业版)?

Unity1.0 第1章 Unity—3D游戏开发和虚拟现实应用开发的首选