自动生成学号的智能注册系统

魏振璞

2019.11.08

40人浏览

两个月时间完成了响应式布局,通过媒体查询和百分比布局搭建加上引入boostrap进行快速搭建


这是一个注册页面

这是PC端的显示

自动生成学号的智能注册系统

这是手机端的显示


自动生成学号的智能注册系统



自动生成学号的智能注册系统

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixim用于生成更具语义的布局

Bootstrap 需要为页面内容和栅格系统包裹一个 .container-fluid 容器。

 .container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。

栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,内容就可以放入这些创建好的布局中。


自动生成学号的智能注册系统



自动生成学号的智能注册系统

当用户完成输入时正则去判断用户输入的对错

在用户输入错的时候输入框会显示红色

自动生成学号的智能注册系统

在用户输入错的时候输入框会显示蓝色

自动生成学号的智能注册系统



自动生成学号的智能注册系统

用正则去判读用户输入的id是否正确

输入错的id 输入框显示红色

自动生成学号的智能注册系统

在点击时账户输入的符合正则会进行跳转

当用户输入不符合正则时提示框会显示相应的格式错误进行forn拦截




魏振璞    17 河北省保定市清苑县 设计师杨冰是女孩 1998.10.06
设计师啪啪网2019版