目录
一、 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界面
五