登录注册----1.前端页面搭建

前言

因为是借助前端框架所以搭建起来比较简单，这里你最好具备一点前端基础。因为讲解不是太细。建议去慕课网学习前端，资源比较好，而且还是免费的。除此之外，还有w3cschool也不错。
使用的前端框架：WeUI v1.1.1 (https://github.com/weui/weui)
注：本例对于后端没什么比较重要的东西。代码存放在https://github.com/songzh96/Provence大家可自行下载查看研究。 代码太多我就不贴了。

开始搭建

• 登录效果图

登录.png

• 注册效果图

  
  
  

  手机号注册.png

邮箱注册.png

• 首先在laravel/resource/views下新建master.blade.php这个文件是通用模板。几乎所有的页面都要继承这个。
  大体上分为3块，分别是标题块，内容块和js块

Paste_Image.png

• 然后再在laravel/resource/views下新建login.blade.php和register.blade.php

login.blade.php.png

register.blade.php.png

Paste_Image.png

Paste_Image.png

注：这里需要在weui.css中更改一些东西还有要添加一点jq因为要切换表单，如图

Paste_Image.png

Paste_Image.png