山东大学项目实训—微信小程序选座系统—6月29日

山东大学项目实训—6月29日

微信小程序教室选座系统PC端设计（第二天）

一、基本介绍

  今天我开始学习vue的基本的语法，并创建了一个简单的登录页面和一个基本的后台导航页面，使用技术框架是webstorm+vue+element-ui。
界面如图所示：

二、界面和功能介绍

  登录页面分为背景和登录盒子，登录盒子又分为头像盒子和登录表单，登录表单又分为输入框和按钮。输入框分别为用户名输入框和密码输入框；按钮分为登录按钮和重置按钮。
  导航页面布局，上方是页面的header，左侧是导航栏，右侧则显示导航栏对应的网页的内容。每个导航项又可以分成几个小的项目进行导航。
  登录界面功能分别有：填用户名和密码；检查用户名和密码填写是否规范，不规范则出现提示；验证用户名和密码是否正确（由于没有设计后端，因此只是简单地设置了一个判断函数），错误则弹出提示框，正确则进入主页面；点击重置按钮可以将填写的内容进行重置。
  主页面功能分别有：点击各个导航项可以跳转到相应页面，并在右侧显示出来；点击页面