的个人搜索页面想必有很多程序员和我一样，总是希望有自己的搜索收藏夹。个人用的都非常好，而且都很好用，还是一些比较常用的网站都收集起来了，所以经过一个星期的折磨，终于完成了我的个人导航收藏页。先看看初始化的效果，再看看登录的效果。登录后的效果。不知道大家看到效果截图是不是有点小激动呢。请点击此处预览。对了，推荐的记账平台和搜索账号是一样的。这是我最近在写的东西，但还没有完成。喜欢的话也可以进去看看效果哦！我会继续更新平台。要求：能登录，能为每个分类添加分类+导航。这方面涉及到数据库和后台。想到自己的背景知识有限，想来想去，最后还是决定使用MySQL+PHPthink5.0mysql。我相信不管是前端还是后端我都接触过，但是PHPthink是我第一次接触。本来以为很难，但是在官网学习之后，其实很快就满足了我的需求。我只做Api值传递，所以没有这个文档。你必须仔细了解它。除了为每个导航添加标题和链接外，您还需要添加导航的图标。预览时请先注册登录，添加分类，然后添加导航，Ctrl+h快捷帮助，快速找到你需要的快捷键。操作界面是这样的：那么问题来了？图片发送到哪里？到数据库？不不不，最后转换的图片是base64图片，很大。所以打算转入七牛空间，如何转base64图片到七牛空间，请点这里查看文档，配置token，请点这里配置下面是我实现的代码letdataurl=$imgData.toDataURL('图像/png');//base64layer.msg('拼命添加');让pic=dataurl.replace(/^.*?,/,'');leturl="http://upload.qiniu.com/putb64/-1";//非华东空间需要根据注1修改上传域名letxhr=newXMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4){/*letkey=$.parseJSON(xhr.responseText);console.log(key);*/$.post(CONFIG_D.addList,{img:xhr.responseText,sort:data.field.sort,url:data.field.url,title:data.field.title,common:(data.field.common=='on')?'1':'0',},function(o){if(o.code===0){///!*添加成功*!/vue.getSortListInfo();}});}}xhr.open("POST",url,true);xhr.setRequestHeader("Content-Type","application/octet-stream");xhr.setRequestHeader("Authorization","UpTokenyourtoken");xhr.发送（图片）；逻辑和打包等一些实现，我是用webpage编译打包，vue进行数据和一些逻辑操作，最后构建js编译成文件m.min.js，实现方法我就不贴了在这里一个接一个。这只是第一个版本，我正在逐步更新它。如果您有什么好的意见，欢迎来这里说说您的意见。加油，第一次写文章，不喜请喷！！！
