新冠疫苗预约网站（前后端零开发）day3

一、 Debug经验

现在后台基本已经搭建完毕，遇到的错误基本都在控制台上查询解决，但是对于代码逻辑上的问题，我们需要对程序进行一步一步的调试才可以找到问题

1.1 示例one

我们在AdministratoController处创建了一个分页查询的功能，我们需要调试一下看看是否可以执行成功此功能。





Dao层是接口，打不了断点，所以执行下一步

这个箭头的理解：

Resume Program
(F9)：恢复程序，比如，你在第20行和25行有两个断点，当前运行至第20行，按F9，则运行到下一个断点(即第25行)，再按F9，则运行完整个流程，因为后面已经没有断点了。

1.2 示例two

继续调试一下添加管理员信息的功能

二、预约前端开发工程搭建

2.1 node环境安装

2.2 vueCli安装

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，通过 @vue/cli 快速创建前端工程
因为属于国外的，需要设置镜像高速下载，在cmd窗口输入如下命令

配置阿里加速地址： npm install -g cnpm --registry=https://registry.npm.taobao.org 
安装命令 cnpm install -g @vue/cli 
查看版本命令vue --version

nmp是node提供的，cnpm的c就是国内的了

2.3 前端项目的搭建

发现创建了这个文件，这个文件就是使用前端脚手架生成的前端文件

2.4效果展示

三 在开发平台运行前端

前面我们是在cmd窗口运行出了前端的页面
接下来在开发平台HBuilder X运行前端的界面

3.1 导入项目front-vrms

选择npm run dev，下载插件后关闭，重新打开软件

3.2 安装element-ui

3.2 安装axios

前端的所有环境搭建完毕！！！

四 体验修改vue界面

五