创新实训 day06

齐世毅

springboot的学习
经过一天的学习现在基本上就把web方面的知识过了一遍，现在我基本掌握了 请求处理，因为今天有组员向我提出说要做后端，而且他对后端比较熟悉，那这样的话我就不需要再做后端了，只需要做前端就可以了，然后我白天的时候测试了挺久的，当时本来是打算前后端我都尝试一下的，就弄了很久的数据库那一部分，确实挺难的。当然jdbc啊，写个sql啊我还是可以的，但是springboot框架将数据库也给集成了，虽然我对jdbc还算熟练，而且我也可以使用jdbc来写，但是人家集成出来了就一定有自己的道理，所以我就只能暂时不学了，因为光学习基础的知识已经浪费了一周还多的时间了，所以我也不打算再花费大量的时间去学习了，只能说用到哪就算哪了。所以明天我再最后学一学echarts的知识，然后就要开发了。基本就这样了，开发中逐渐熟悉知识点吧。

关于跨域问题
我本来是打算把前端和后端对接一下的，毕竟后端的web方面我也学习了一点，其实做测试的话是够用的，所以我就自己测试了一下，但是结果令人绝望，我不知道为什么前端和后端他就是对接不上。然后我去网上查，说是跨域的问题，这里我就算是用的是同一台电脑、同一个IP都不行，因为端口不同。然后解决方案就是可以在vue的index.js中挂一个代理即可。具体代码如图：

挂上电脑的IP和端口，然后在后面加上自己要访问的地址就行了，首先我先展示一下我用springboot做的一个小的结果吧，然后我再展示一下请求完之后在前端显示数据的效果。


当我访问这个网页的api地址的时候就会出现hello world了，那么我后面用vue的exios去请求数据，看一下效果。

我在vue中写了alert，将这个字符串打印了，这样其实前端可以接收到后端的数据了。这样的话测试已经成功了，后面就要进行别的请求了，也就会难度更高了。

杨昊

浏览器画图
canvas
1.基于像素
2单个html，类似真实的画画，在画布上描绘·
2.Echarts就是基于canvas画图
Svg
1.基于对象型
2.多个图形元素
3.高保真
echarts简单使用
初始化
引入echarts库后对其进行初始化操作
Echarts.init()：初始化Echarts实例，setOption用指定数据画图
option对象
title 标题
legend 图例
xAxis X轴
seires:name,type（设置图形）,data 数据

#组件
标题title
text 标题文字
subtext 子标题
left top right botom 标题位置
bordercolor 边框颜色
borderwidth 边框宽度
工具栏toolbox
show是否显示
feature 具体显示的功能
saveasiamage 保存图片
restore 还原
dataview 数据视图,显示出数据
datazoom缩放视图
magictype 动态类型切换
tooltip组件
trigger ：
'item’数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。
'axis’坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
多个坐标系配合
两个图标合并展示
设置多个坐标轴（y）
配置多个yaxis属性

欧阳旭明

昨天在跟着视频试了试vue+element+express来对用户的注册和登录进行实现和校验，数据库方面用的sequelize，还看了看JWT认证机制和axios拦截器，不过只是试了试，具体我还没搞明白，因为后端部分没搞懂所以没试出来。我今天看博客说他们用vue的话在github上有很多模版，我就找了个下下来晚上看看，页面还可以，然后看的用户登录的验证机制token，具体实现我晚上再看看

郭培垣

Spring三种常用的注入：setter注入，构造注入，注解注入。构造方法注入：在类中,不用为属性设置setter方法,只需提供构造方法，在构造文件中配置该类bean,并配置构造器,在配置构造器中用。setter注入：完成setter方法注入是在容器调用无参构造方法后调用setter方法完成注入。注解注入：自动装配注解，@Autowired，@Autowired(required=true)，表示注入的时候，该bean必须存在，否则就会注入失败，@Autowired(required=false)：表示忽略当前要注入的bean，如果有直接注入，没有跳过，不会报错。required属性含义和@Required一样，只是@Required只适用于基于XML配置的setter注入方式,只能打在setting方法上。

倪亮

了解相关绩效评估知识基础和敏感度