2021-03-14

实习周总结(2)

2021.3.8实习第四天

1.问题整理与提交
后台测试插入数据没问题，刷新界面后即可看到预期效果。但按“确定”按钮却非预期效果。所以，判断为“确定”按钮的请求没有被处理
2.给图标添加“调整排序”功能（设计接口，前后端实现）
第一次接触vscode工具，不熟悉前端项目的导入工作，经查询询问无果后，查阅资料学习了SVN的基础知识以及swagger的基础知识。希望自己更加努力，吸收未知知识、迅速成长为正向劳动力；
3.封装数据放进json

2021.3.9实习第五天

1.继续昨天的任务。首先查询后编写了接口文档，
设计：在项目模块上添加“/向前移动”的按钮，点击后即可与前一个模块互换位置
请求参数：id-项目id
响应参数：id-int类型-项目id；sort-int类型-项目排序值
2.接口实现并测试
根据设计首先向项目表中添加了sort字段表示排序值，然后实现了接口并测试成功
了解了GET请求与POST请求的些许差别
3.任务未完成，leader让先查阅相关文章
4.第一次参加会议(阶段性向客户汇报进展)，交流疑问与需求，了解了与客户对接的一些流程，项目流程介绍，注意事项（不能直接答应客户的突然性需求；不乱说话）等

2021.3.10实习第六天

1.经过一晚上的寻找，终于在今早找到了前端的拖动插件，经询问查阅后功能达到预期效果，并比昨天的想的功能还要强大（可自由拖拽），正在查找相关api…
2.拖拽功能找到了相关插件，有了进一步的进展，目前出现了“代理问题”(前后端服务跑起来后,连接不上)需要指导；

2021.3.11实习第七天

1.读取数据任务实现了需求1的基本内容，能够周期性的读取页面的内容

​ 周期读取采用的是线程的sleep方法

​ 实现过程为原生的链接，下阶段利用HTTP访问工具类实现
​ 准备加入日志系统
​ json解析没有实现，下一步准备利用json库（fastjson）实现
2.解决了拖拽任务前后端连接不上的问题，根本为“代理问题”
​ Vue-接口跨域请求调试proxyTable
　　在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，
​ 我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://localhost:3000这样的接口地址，
​ 我们这样直接使用会存在跨域的请求，导致接口请求不成功，
​ 这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块（这个模块相当于是node.js的一个插件）。
​ 实际代码
//vue-cli3.0 里面的 vue.config.js做配置
devServer: {
​ proxy: {
​ ‘/rng’: { //这里最好有一个 /
​ target: ‘http://45.105.124.130:8081’, // 后台接口域名
​ ws: true, //如果要代理 websockets，配置这个参数
​ secure: false, // 如果是https接口，需要配置这个参数
​ changeOrigin: true, //是否跨域
​ pathRewrite:{
​ ‘^/rng’:’’
​ }
​ }
​ }
}
我的 api=’/rng’
我的请求地址 ${api}/xxxx/xxx ，请求地址就为 ‘/rng/xxxx/xxx’
当node服务器 遇到 以 ‘/rng’ 开头的请求，就会把 target 字段加上，那么我的请求地址就为 http://45.105.124.130:8081/rng/xxxx/xxx
下面的 pathRewrite 表示的意思是 把/rng 替换为 空，那么我的请求地址就为 http://45.105.124.130:8081/xxxx/xxx（用在如果你的实际请求地址没有 rng 的情况）

至此，拖拽项目基本完成（存在刷新页面后回复原效果的问题）

目前报错如下：
Property or method “xxx” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
属性或方法“xxx”不是在实例上定义的，而是在呈现期间引用的。通过初始化该属性，确保该属性是反应性的，无论是在data选项中，还是在基于类的组件中。

原因:
你的“”xxx‘’属性或者"xxx"方法没有定义，查看你的data或者methods或者prop
解决：

export default {
data(){
return{
xxx:""
}，
methods:{
xxx(){}
}
},
}

2021.3.12实习第八天

1.利用HTTP访问工具类实现了请求URL的问题(网上找的工具类,实际情况应该为项目组统一工具类)
2.加入并学习了日志系统
3.利用json库（fastjson）实现对Json的解析
4.开通了极客时间的学习账号，并观看了几节《玩转Spring全家桶》的课程
5.对前后端交互的理解与实践不够到位，需要进一步学习