WEB 前后端 总结

样例 : Huan Movie

前端: vue3 +  arco.desion组件 +  axios + pinia  

后端: flask + python + 数据库 

编辑器(工具很重要) websortm pycharm 

技巧注意点:

 

vue3 : 

全局变量, v-bind(单项) v-model(双向) 的绑定模式 

在javascript 里面ref 变量 用 .value !! 很重要 

v-if v-for 的妙用

css scoped 只在本页面的css样式生效 

ts 严格, js 不严格  

expor{ } 将页面的变量 函数分享出去 

 

css:

1 flex 布局

2 阴影美化

3 字体美化!! 

"Century Gothic"!important;

4 布局整体美化!! 

 

axios:

前端向后端的交互, 跨域问题 !

 

pinia:

多个页面,共享同个变量或者函数 

 

flask:

后端接口

 

数据库:

drop all 一定要记得注释掉

 

python:

函数变量名字不要重复

 

arco.design 组件:

关于 布局 方面 就不要用组件, 自己利用 flex 布局

使用方式: 1 看样例 2 看属性 3 直接用