web前端开发之后台管理系统实战(vue)

实验二、实现登录页面 【实验内容】 本实验主要是完成管理系统登录页面部分。 【实验目的】 1、学习如何分析页面布局； 2、了解在项目中如何使用iconfont图标库； 3、掌握修改input默认样式的方法； 4、掌握vue项目中页面间的跳转。 【实验步骤】 步骤1 分析页面目标元素布局； 步骤2 编写html部分代码完成页面布局； 步骤2 编写css代码美化样式； 步骤3 编写javascript代码完成登录逻辑。 步骤1  分析页面目标元素布局 如下图: 首先是一个大的登陆框，位于整个页面中心…

实验一、初始化vue项目 【实验内容】 本实验主要主要讲述如何搭建一个vue项目的完整步骤。 【实验目的】 1、学习检查和安装node环境； 2、掌握如何搭建vue项目的步骤； 3、掌握vue项目目录的相关知识； 4、了解如何启动vue项目。 【实验步骤】 步骤1 检查和安装node环境； 步骤2 搭建vue项目环境； 步骤3 分析理解vue项目目录的结构； 步骤4 启动一个vue项目。 步骤1  检查和安装node环境 在终端输入命令检查是否安装成功：如果输出版本号，说明我们安装node环境成…