大事件项目中LayUI的使用

使用GitHub制作大事件的项目day01(使用LayUI)
注意点:
一、登录注册逻辑实现
1、实现登录表单的验证
(1)在layui中,默认有帮我们验证表单元素的逻辑
(2)导入 layui 的 js 文件
(3)为需要验证的表单项添加 lay-verify 属性,同时指定具体的校验规则即可
2、 自定义校验规则
(1)通过查阅文档,我们只要如果需要去自定义校验规则,我们先要得到form模块对象
var form = layui.form
(2)通过 form.verify() 函数自定义校验规则,里面是 key:value形式,key后续对应设置到标签的 lay-verity属性中,value就是验证的规则,这里定义了两个自定义校验规则,一个是密码框,利用的是正则,一个是确认密码

(3)按需为表单项添加校验规则,如果有多个规则,用 | 隔开就好
3、发起注册用户的Ajax请求
4、发起登录的Ajax请求
5、提交login分支的代码到GitHub
二、使用iframe标签在内容主体区域显示网页内容
如果每个导航栏对应的内容都写在一个页面中,会导致页面太臃肿,不利于维护,遵循模块化开发的思路,我们可以不同导航栏的内容是一个页面,这样我们就利用 iframe 来实现了
1、在页面主体区的 div 中添加 iframe,设置name属性
2、为首页链接添加href和target属性
3、设置对应样式
4、指定默认 iframe 页面,添加 src 的属性即可
5、为 首页 对应的导航 Item 项添加默认高亮效果, layui-this 属性
6、强制清除 链接的 CSS3 动画
有关Github及Git分支的知识请点击a=href"
https://www.cnblogs.com/kk199578/p/14274452.html"

posted @ 2021-01-14 20:28  爨圐圙乄居居  阅读(199)  评论(0)    收藏  举报