进厂实习第三个星期

最新推荐文章于 2024-07-18 17:32:29 发布

白coderT

最新推荐文章于 2024-07-18 17:32:29 发布

阅读量1.5k

点赞数

分类专栏：工作文章标签：前端 java

本文链接：https://blog.csdn.net/weixin_45695974/article/details/124075371

版权

工作专栏收录该内容

9 篇文章 0 订阅

订阅专栏

2022/3/29 将旧的模板替换成新的模板

在企业生产中，git是不可避免的。就像我所在的公司使用的GitLab，命令跟Git是一样的。
在开放中通常会自己有自己的分支，然后push的时候记得推到公司指定的分支中。

在这里插入图片描述

今天的工作是将其他人做好的页面换一个新的统一的样式。过来几周后发现这家公司在开发的过程中往往是走一步看一步的。当然，公司有一些比较有经验的员工，也就是领导。他们会定时的给任务，提要求。

话说回来，我的工作大体如下：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XPxLcWt9-1649561802865)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329084615255.png)]$

换成：

在这里插入图片描述

说简单也简单，说难也难。因为我需要去弄清楚这些样式，然后考虑是在他原来的基础上改还是找到新的模板，然后更改。再加上我学的是java后端比较多，这就给我整得不好了。前端确认不太会！！！

具体步骤：

找到这个页面在前端中的位置
去saas系统里面利用代码生成
复制一份旧的代码，改一下名字保留下来。然后将生成的代码复制到旧的vue文件中，对着副本进行修改！

修改的部分主要是样式，wf 类型，还有将原来板块实现的功能换到新的页面上面！

寻找接口

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1a4t5Ktf-1649561802865)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329094508963.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3AwTLEgJ-1649561802866)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329094522535.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IsL4Hm0G-1649561802866)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329084737221.png)]$

现在其实挺多公司有低代码平台，能一键生成代码！一开始我就怀疑人生了，有了代码自动生成平台，那我还有生么意义？后面慢慢发现低代码其实也只是能完成一些简单的单表操作，如果是比较复杂的业务逻辑就不行了！

修改详情，添加的页面：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1L5Ss3E5-1649561802867)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329085512855.png)]$

在新增界面的函数里面将path改成对应的detail，这个已经是实现的了

下午再次总结：

该系统前端使用Avue组件，很多代码一再封装。

具体任务：将旧的样式（后台随便写的）改成系统统一的页面，这需要后台自动生成代码的支持。

步骤：

刷新当前页面获取实体类名，去编码那确认
使用该实体类名到自动生成代码那里生成需要的代码
将crud，vue的代码进行更改。更改过程中需要将原来实现好的功能保留下来（增、删、改、查）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k0YSPWZI-1649561802868)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329173922008.png)]$

下面比较繁琐的就不一一列举了！

2022/3/30

在页面修改的过程中，编辑的按钮功能无法实现，原因是传入的参数和标签有问题。原有的编辑和删除是在里面，但是我错误地把丢了！

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zFnWjXac-1649561802870)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220330084432064.png)]$

<template slot-scope="{row,index,type}" slot="menu">
        <span :class="!row.isMark||'mark'">
          <i class="tohi-icon-bookmark" @click="setMark(row)"></i>
        </span>

        <el-button
          type="text"
          size="mini"
          icon="el-icon-edit"
          @click="handleUpdate(row, index)"
        >编辑
        </el-button>
        <el-button
          type="text"
          size="mini"
          icon="el-icon-delete"
          @click="handleDelete(row, index)"
        >删除
        </el-button>
        <!-- <el-button size="small" icon="el-icon-collection-tag" type="primary" @click="addMark(row)">书签</el-button> -->
      </template>

2022\3\31

在新的页面实现刷新的功能

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-djnPRfmq-1649561802870)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331113625709.png)]$

这里平台生成的代码使用了组件，在组件的标签里面需要是要绑定特定的方法次啊能实现，其实这个一眼就看出，一个是页面开启异步，一个是重置页面，它所绑定的方法就是请求后端分页查找！

筛选弹出框

修改js文件

是列表配置里面字段加 headerslot:true

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U1cW2z3j-1649561802871)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331162659880.png)]$

所说之前或多或少学过JS，但是也只是走马观花，你要求我都看得懂，确实有点为难我！这个时候作为实习生做好的就是问同事，而不是憋着。容易憋坏不说，开周会的时候工作汇报有你好受！！咋就是建议不懂就问！！

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U417K5MF-1649561802871)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331134906579.png)]$

将编辑放到某一个数据上面，点击可以查看详情

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jIPkEV7v-1649561802871)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331144519974.png)]$

    handleUpdate(row, index) {
      // getOA_CHAPTER_CATEGORYById(row.chaptercategoryid).then(res => {
      getOA_CHAPTER_CATEGORYByCode(row.chaptercategorycode).then(res => {
        this.dialogAddgsVisible = true;
        this.title="修改印章类别";
        this.formData = res.data.data
        // this.pageInfo.BusinessID = this.formData.roomid
        // this.pageInfo.StatusID = this.formData.status
        this.bodyLoading = false
        // this.pageInfo.BusinessID = this.formData.chaptercategoryid
      }).catch(error => {
        this.bodyLoading = false
        console.log(error)
        this.$message.error("系统发生内部错误，请联系管理员。")
      })}

提示属性或者方法没有定义。

原因：方法或者是参数没有在data return 中定义。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oiuVBWon-1649561802872)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331161546359.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c2Y95n32-1649561802872)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331170256927.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DKYD8wF3-1649561802872)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401142355511.png)]$

2022/4/01

关掉样式上面的两个功能键（刷新和需要查看的属性）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1QgGPk5Z-1649561802873)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401092509119.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vwewFyF3-1649561802873)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401092401236.png)]$

将编辑功能实现在字段上面

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dFgc6Xqi-1649561802873)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401094702608.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Mm9pgn3u-1649561802874)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401094644278.png)]$

2022、4、1

编辑->保存

最后点击保存但弹窗不会消失，最后发现是一个if（–）走不进去

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-60L9Tvxg-1649561802874)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401152045960.png)]$

这个属性值是空的，原因是没有在data retrun 上面定义

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OSxio0CL-1649561802874)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401152255912.png)]$

解决！

每次修改的时候需要关注下面这些属性值有没有定义

		action:'ADD',
        title:'',
        formData:'',
        dialogAddgsVisible:false,
        searchForm: {}, // 查询条件实体
        tableData: [],  // 数据列表

是空的，原因是没有在data retrun 上面定义

[外链图片转存中…(img-OSxio0CL-1649561802874)]

解决！

每次修改的时候需要关注下面这些属性值有没有定义

		action:'ADD',
        title:'',
        formData:'',
        dialogAddgsVisible:false,
        searchForm: {}, // 查询条件实体
        tableData: [],  // 数据列表

只能这一周过的不容易，请叫我bug制造机！！我也不想！

白coderT

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
进厂实习第三个星期

2022/3/29 将旧的模板替换成新的模板在企业生产中，git是不可避免的。就像我所在的公司使用的GitLab，命令跟Git是一样的。在开放中通常会自己有自己的分支，然后push的时候记得推到公司指定的分支中。今天的工作是将其他人做好的页面换一个新的统一的样式。过来几周后发现这家公司在开发的过程中往往是走一步看一步的。当然，公司有一些比较有经验的员工，也就是领导。他们会定时的给任务，提要求。话说回来，我的工作大体如下：换成：说简单也简单，说难也难。因为我需要去弄清楚这些样式，然后考虑是在
复制链接

扫一扫