前端工作笔记

        1.理解页面设计，不能超链接的情况下，采用类似点击一个，另一个部分切换页面的功能

采用nav方法（实现不用写多个页面就能展示跳转效果的方法）

class="nav nav-tabs" 放置类似目录选项

data-toggle="tab",href="#id"  放置目录选项，数据切换方式为tab

class="tab-content" 放置内容切换的主界面

class="tab-pane" id="id"对应上面href里的id

         2.理解模态框，关于点击一个按钮会弹出一个窗口给你填空或者选择

采用modal方法（实现弹窗功能）

data-toggle="modal" data-target="#id"

modal(界面)：

<div class="modal fade" id="id" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2"

aria-hidden="true" style="display: none;">模态框淡入淡出效果

<div class="modal-dialog">模态框

<div class="modal-content">模态框内容

<div class="modal-header">     <h4 class="modal-title" id="myModalLabel">  模态框头部和放标题的地方

<div class="modal-body">模态框主体

<div class="modal-footer" aria-hidden="true">模态框尾部

      3.$ajax请求问题，切记，如果结合datatable和vscode里的Easy mock插件，是不能传递datatable自带的渲染datatable方法的，即datatable(),那么我们讨论和查找的解决办法是调用mock.js方法

$.mockjax({
    url: "/staff/list",
    responseText: {
        'code': 'TRUE',
        'message': 'sfasdfd',
        'data': [{
            'name': 'fei',
            'pk': 151212121212,
            'department': 2,
        }]
    }
});