黑马《苍穹外卖》Day12——前端Day1

Day12 

工作台

需求分析 

 

 

 代码导入

Apache POI 

介绍 

 

入门案例 

 写入 

 

读取 

 

导出excel报表 

 需求分析

 

CV模板文件 

C 

参数response对象获得输出流

S 

I

 localdate年月日 localdatetime年月日时分秒

获得类对象  获得类加载器  从类路径下读取资源 最终返回一个输入流对象（获取项目中的模板）

 需要加后缀

 

 前端Day1

创建工程 

 法一create

 

 法二ui

 

 

 

基本使用方式 

 vscode

 

 serve并非固定写法 与package内对应

 ctrl c停止

修改前端端口号 

 

vue组件 

 文本插值

 属性绑定

 事件绑定

双向绑定 

 条件渲染

axios 

 

跨域问题

前端作为一个服务，在一个域中7070   后端又是另外一个8080   会出现跨域问题

前端先将请求发送给代理，再由代理发送给后端 

proxy代理 带有/api前缀 发送到8080 pathrewrite路径重写将/api变成空，相当于给去掉了

即前端/api发送到后端，再将/api去掉，拼接成后端路径

代理需要重启才能生效 

 

 

post get 

401身份验证失败（jwt） 

 统一使用

 Vue-Router

介绍 

 

 

 

路由配置 

 两种方式最后打包不同，第一个全部引入，第二个懒加载按需引入，效率更高

路由器

 路由链接组件link

 路由视图组件view

占位符 

视图组件展示的位置

 路由跳转

不存在页面404 

 上面路由都不是，最后重定向到404

 嵌套路由

 element ui

疯狂CV 

 

 没有提示的话需要下一个Vetur插件

 

 利用重定向redirect默认展示某个子视图组件

 vuex

介绍 

 使用方式

 

 

 

 

 

 安装axios

 修改共享数据只能mutation，在actions用context上下文调用mutation中的方法

 

TypeScript 

介绍 

 

创建ts文件 

失败（类型不同） 

 成功

编译出js文件 

 执行js文件

 

 常用类型

 

 

 

 

 

TS 

 JS