同时保存凭据
通过$.ajaxSetup()进行全局设置,设置请求头
$.ajaxSetup({ headers:{ Authorization:window.localStorage.getItem('token'); } })判断是否存有凭证
无凭证(全局设置)
$.ajaxSetup({ error:function(res){ if(res.statusText='Forbidden'){ alert('无凭证'); //跳回登录页 window.location.href='./login.html'; } } })获取用户信息,更新登录管理员信息(账户及头像)
获取管理员信息
临时预览修改图片
$('input').change(function(){ var url=URL.createObjectURL(this.files[0]); $('img').prop('src',url); })修改管理员信息
获取所有文章类别
为删除按钮设置文章类别的id点击新增类别
模态框
$('#myModal').modal('hide');//隐藏模态框 $('#myModal').modal('show');//显示模态框点击确认进行新增
点击删除进行删除文章类别(事件委托)
点击编辑进行编辑文章类别(事件委托)
模态框
$('#editModal').modal('show');显示当前文章类别的相关信息渲染到模态框中(通过获取删除按钮的id)
此处添加一个隐藏域用来隐藏该文章分类的id,为了对此类进行编辑传递参数
点击确认按钮进行编辑
通过模板引擎进行渲染页面
{{each data}} <option value="{{$value.id}}">{{$value.name}}</option>//保存的id是因为传递的参数是id {{/each}} var html=template('cateTem',res);引入文件(jq.js boostrap.js jeDate.js boostrap.css jeDate.css)
js语法:
jeDate('.time',function(){ format:'YYYY-MM-DD', isTime:false, minDate:'2014-09-19 00:00:00', isinitVal:true,//是否显示当前时间 zIndex:99999,//显示层级 })引入js文件(在线)
<script src='//unpkg.com/wangeditor/release/wangEditor.min.js'></script>js语法:
var E=window.wangEditor; var editor=new E('.editor'); editor.create() //其中获取编辑器中的内容 editor.txt.html();//获取html相关文本 editor.txt.text();//获取文本 //设置编辑器中的内容 editor.txt.html('<p>我是内容</p>');//识别html结构 editor.txt.text('<p>我是文本</p>');//不能识别html结构传递参数为formdata,注意传递参数是否一一对应,表单中没有的自己手动添加
formdata.append('content',editor.txt.html()); formdata.append('state','已发布');此处只有上步有一点不一样
formdata.append('state','');//草稿保存默认此参数为空通过模板引擎进行渲染页面
分页插件(twbsPagination)
引入文件(引入jq.js boostrap.css boostrap.js twbsPagination.js)
js语法:
<ul class='pagination' id='pagination'> </ul> <script> $('#pagination').twbsPagination({ totalPages:res.data.totalPage,//获取文章总页数 visiblePages:7;//显示页数按钮个数 first:'首页', last:'尾页', next:'下一页', prev:'上一页', onPageClick:function(event,page){//点击页码发生的事件 console.log(page);//当前点击的页码 } }) </script>需要改变分页插件总页码大小
$('#pagination').twbsPagination('changeTotalPages',当前数据总页码,起始页)