总结一下毕设中主要技术(5)

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

昨天晚上指导老师安排进行了一次模拟答辩，答完之后，心里一下子凉了一大截，老师说我有点文不对题，有点跑题了，哇，炸裂。然后给了我一些意见，让我改了一下前端页面，在改页面期间，遇到了一些小问题，卡了几下，心里想着在这里稍微记录一下...........(有点跑题是什么情况，好慌啊...................)

问题

"<div class="bg-blur" style="background-image: url("+data[i].img+");"></div>"

如上面所示，之前我在接口返回时直接返回的一个页面，上面这部分中url中原来放的是一个图片的路径，表示每篇博客的标签图片，然后由于我这个页面中url之前是写死的，导致每篇博客的图片都是一样的，老师建议改成不一样的，这样清晰一点。

解决方法

所以我就在博客表中加了一个字段，表示图片，将不同的图片存给不同的博客数据中。然后在前端中获取后端接口中的返回值中拿到图片，最后放到url中，以达到每篇博客不同图片的目的。

Layui 补充

在上面那些改动过程中，发现对 Layui 有些生疏了，所以再稍微总结一下 Layui 的一些知识。

表单

依赖加载模块：form （请注意：如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能）放在代码开始位置即可

<!-- 加载模块 -->
<script type="text/javascript">
    //加载from模块
    layui.use("from",function(){
    var from = layui.from;
});
</script>

文本框

<!-- 	
常用属性：
    required：注册浏览器所规定的必填字段 
    lay-verify：注册form模块需要验证的类型  required 表示必填
    class="layui-input"：layui.css提供的通用CSS样式
    layui-input-block 占据全部宽度
    layui-input-inline 占据部分宽度
    placeholder 默认文本信息
    autocomplete 表单元素是否自动填充(当浏览器中缓存中存在i相同name属性的值时会自动填充)
        通过追加 layui-form-pane 的class，来设定表单的方框风格，内部结构不变。
        你可以对表单元素增加属性 lay-ignore 设置后，将不会对该标签进行美化渲染，即保留系统风格-->
                
<!-- 在一个容器中设定 class="layui-form " 来标识一个表单元素块 -->
<form class="layui-form">
    <!-- 文本框 -->
    <div class="layui-from-item">
        <label class="layui-form-label"> 标题</label>
        <div class="layui-input-inline">
            <input required type="text" name = "title" class="layui-input" />
        </div>
        <hr />
        <label class="layui-form-label"> 标题</label>
        <div class="layui-input-inline">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">    
        </div> 
    </div>
    <hr />
</form>

简单总结了一下，对下周的答辩还是有些胆怯。Fuck，自信点，答辩一定会顺利。
PS：如果文中有什么不对的地方期待您的指正。我向你敬礼啊，Salute！