黑马《苍穹外卖》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


魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐




所有评论(0)