SPA的基本概念
无需刷新浏览器,在SPA应用中,视图并非完整的HTML页面,它们仅仅是构成屏幕可视区域的DOM的一部分。初始页面加载后,所有创建和显示视图所需的内容将下载并准备就绪。如果后续需要新的视图,视图将在浏览器本地生成,并通过JavaScript动态关联倒DOM。
表现逻辑位于客户端,整合HTML与数据的任务从服务器移到了浏览器端。传统的Web应用中服务器端的HTML源文件包含了数据待插入的占位符,客户端模板是客户端产生新视图的基本手段。
SPA应用的优势:
- 桌面应用程序的呈现效果,却运行于浏览器中
- 表现层解耦
- 更快而轻量级的事务处理负荷
- 更少的用户等待时间
- 更简单的代码维护
步骤
1、安装Vmware workstation
安装VMware workstation,vmware workstation版本为15,
VMware 激活码:
UY758-0RXEQ-M81WP-8ZM7Z-Y3HDA
VF750-4MX5Q-488DQ-9WZE9-ZY2D6
UU54R-FVD91-488PP-7NNGC-ZFAX6
YC74H-FGF92-081VZ-R5QNG-P6RY4
YC34H-6WWDK-085MQ-JYPNX-NZRA2
在vmware安装完成后打开虚拟机,从本地导入已经配置完成的虚拟机。这时进行虚拟机的名称重命名,选择虚拟机的存储路径。导入完成后,配置当前虚拟机的。设置虚拟机的网络适配器的模式为NAT模式。
2、配置虚拟机可以联网
查看虚拟机网卡的ip地址,在框选网卡的ip地址,在右键属性、ipv4地址查看中。
再在Linux中修改ip地址,vi /etc/sysconfig/network-scripts/ifcfg-ens32,切换到insert模式,修改IP网址为与虚拟机网卡相同的网段,并修改网关地址。
使用systemctl restart network 重启网络服务,然后可以尝试ping 百度一下,你就知道, 观察是否可以ping通。
3、配置git
首先跳转到home目录下,该目录下有文件夹wangding,跳转到wangding目录下,进行文件夹的创建,mkdir spa。
可以使用git config –list来查看当前系统下git账户的配置,如下图所示,需要将git的账户切换成自己的账户,配置命令:
git config --global user.email = “自己的码云注册邮箱”
git config --global user.name = “自己的码云用户名”
可以先在码云上创建好自己的课程仓库,然后可以在当前目录下拉取码云上的仓库,拉取指令:git clone 创建好的码云的仓库地址
常用git指令:
git clone git地址(个人建议克隆SSH)//克隆代码到本地
git add .
git commit -m "第n次修改" //提交到本地仓库
git push origin master //提交本地代码到服务器分支
4.开放服务器端口
sudo firewall-cmd --list-ports 查看当前服务器所有开发的端口
sudo firewall-cmd --zone=public --add-port=8081/tcp --permanent 开启指定端口
sudo firewall-cmd --reload 重启防火墙
5、创建一个web应用,并磕在Chrome访问该web应用
docker安装
sudo yum install -y yum-utils
sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
sudo yum install docker-ce docker-ce-cli containerd.io
sudo yum list docker-ce --showduplicates | sort -r
sudo systemctl start docker
sudo systemctl status docker
sudo systemctl enable docker
docker version
安装中出现的问题,解决方式见这里
1、镜像问题:镜像失效问题解决-CSDN博客
2、启动Docker失败:启动Docker失败的解决方法-CSDN博客