如有错误欢迎指正
在网页搜索 layui 进入官网 。
点击文档,里面有使用教程
使用第一步,先到首页是点 立即下载
下载的是一个压缩包,然后解压,解压之后会得到一个类似于这样的文件夹
双击点进去,里面有三个东西,我们要用的东西在layui这个文件夹中
我们把这个文件夹复制黏贴到项目中
打开jsp文件开始写页面,在头部引入css样式
去文档中找左侧的表单
右边是样式预览和对应的代码
找到需要的代码复制到jsp文件中,如下
点击运行,失败了。
这说明什么,说明layui的css样式没有成功引入啊,那到底是哪里出了问题呢,layui的引入只和两个东西有关系,一个是我们下载的layui文件,还有一个就是jsp页面中的ink的href。我们从官下载的layui文件,应该是没有问题的,而我并不了解href中的url格式到底是怎么样的,所以应该是href的问题。
我原来写的href="./layui/css/layui.css",这个路径是我从网上复制下来的,那个./应该是指省略的路径,我应该按照自己的路径写,所以我改成href="/layui/css/layui.css",把那个点去掉,然后就奇迹出现了。
如果我写href="layui/css/layui.css",把那个斜杠去掉,又会错,很奇怪
如果我把layui放到webapp文件夹目录下,写href="layui/css/layui.css",也可以引用layui的css样式,但是在href中会多个下划线,将光标放上去会有提示,不知道什么意思。如果我把斜杠去掉,又会引入失败。
到此为止,layui就算成功写入这个页面了