JavaWeb学习-Day03

Ajax

JavaWeb学习-Day03_第1张图片

  同步与异步JavaWeb学习-Day03_第2张图片

Acios:

JavaWeb学习-Day03_第3张图片

JavaWeb学习-Day03_第4张图片

 前后端分离开发

JavaWeb学习-Day03_第5张图片

yapi:(YApi Pro-高效、易用、功能强大的可视化接口管理平台)

JavaWeb学习-Day03_第6张图片 前端开发的工程化

JavaWeb学习-Day03_第7张图片

 Vue项目

JavaWeb学习-Day03_第8张图片

 

JavaWeb学习-Day03_第9张图片

JavaWeb学习-Day03_第10张图片

JavaWeb学习-Day03_第11张图片 

JavaWeb学习-Day03_第12张图片

template:定义HTML代码,相当于Vue当中的视图部分

script:定义JS代码,Vue当中的数据模型以及当中的一些方法

style:定义的是一些css样式

Element(快速开始 | Element Plus)

JavaWeb学习-Day03_第13张图片

JavaWeb学习-Day03_第14张图片

CTRI+ALT+L:格式化

以下可以直接到Element中复制源代码:

Table:表格

Pagination:分页 

Form:表单

Dialog对话框

Vue路由

JavaWeb学习-Day03_第15张图片

路由的基本配置:

JavaWeb学习-Day03_第16张图片

 打包部署

分两步:打包、部署

JavaWeb学习-Day03_第17张图片

 Nginx服务器(nginx news):

dist部署在nginx

JavaWeb学习-Day03_第18张图片

在logs中可以查看错误报告

 查看哪个进程占用了80的端口:

JavaWeb学习-Day03_第19张图片

在nginx.conf文件中更改默认端口

JavaWeb学习-Day03_第20张图片

 

 

你可能感兴趣的:(学习)