路径的问题
Layui中是在head中引入css和js文件,是独立的html文件,这样的文件可以单独打开,并且效果是没有问题。但是Layuimini开发
如果出现了页面没有效果的问题,首先要知道当前html是哪个路径,它和js和css的路径的关系,如果css和js路径正确,ctrl+鼠标单击可以打开相应的文件,如果打不开则路径不对。
Layuimini有多页面和单页面版,多页面版中的html都是完整的代码,单页面版的html则没有html、head和body部分,所有的引用在index.html中已经完成,其他页面只有核心的部分的代码,不再考虑头部引用文件,减少了路径带来的一些问题。
在Layuimini的单页面框架中的table.html中发现url: ‘api/table.json’,虽然table.html处于page目录下,但是url中没有"…/"这样的往上跳一级的代码,所以从Layui移过来后要注意这个路径问题
在Layuimini的多页面版本中的代码是这样的“url: ‘…/api/table.json’,”可以看到有"…/"的代码,所以Layuimini的多页面和单页面是有区别的
命名的问题
模块Manager.html
模块Add.html
模块Modify.html
模块Detail.html
模块小写,UserAdd.html U不要大写应该为 userAdd.html
验证的问题
要给文本框增加一个blur(失去焦点)事件,不要写在html中,写在js中,动态绑定事件$("#username").blur(function(){});
以后所有的html中不写事件,事件绑定都在js中动态绑定。
必填项红星
经过研究,在public.css中做如上修改,所有的表单还沿用class=“layui-form"不用lauimini-form,后者会让页面错乱,第9行是复制了第7行的内容,改了一下样式名称”.laymini-for"为"layui-form",第11行是复制了第9行,增加了对input-inline行内的处理
下拉框不显示问题
在js代码中加入 form.render();
让页面渲染一下