毕业设计SoEasy：JavaVueSpringCloud实现博客系统

"dependencies": {    "axios": "^0.19.0",    "bootstrap": "^3.3.7",    "echarts": "^4.6.0",    "element-ui": "^2.12.0",    "font-awesome": "^4.7.0",    "github-markdown-css": "^4.0.0",    "highlight.js": "^9.18.1",    "jquery": "^3.4.1",    "marked": "^0.8.0",    "mavon-editor": "^2.7.7",    "popper.js": "^1.12.5",    "showdown": "^1.9.1",    "v-charts": "^1.19.0",    "view-design": "^4.0.2",    "vue": "^2.5.2",    "vue-drag-verify": "^1.0.6",    "vue-nocaptcha": "^0.2.8",    "vue-puzzle-vcode": "^1.1.2",    "vue-qr": "^2.2.1",    "vue-router": "^3.0.1",    "vue-schart": "^2.0.0",    "vue-splitpane": "^1.0.6",    "vuex": "^3.1.2" }

//动态加载阿里云的JavaScript文件src="//g.alicdn.com/sd/nvc/1.1.112/guide.js" @loaded="initCaptcha">
//注册局部组件来加载阿里云的JavaScript文件components: {            "remote-js": {                render(createElement) {                    const self = this;                    return createElement("script", {                        attrs: { type: "text/javascript", src: this.src },                        on: {                            load() {                                self.$emit("loaded");                            }                        }                    });                },                props: {                    src: { type: String, required: true }                }            }        },
//点击智能验证的封装函数            initCaptcha() {                let _this=this;                let ic = new smartCaptcha({                    renderTo: '#sc',                    width: 350,                    height: 42,                    default_txt: "请点击验证按钮",                    success_txt: "博客登录验证成功",                    fail_txt: "点击按钮重新刷新登录验证",                    scaning_txt: "智能检测中",                    success: function (data) {                        console.log(NVC_Opt.token);                        console.log(data.sessionId);                        console.log(data.sig);                        _this.aliToken=NVC_Opt.token;                        _this.sessionId=data.sessionId;                        _this.sig=data.sig;                    },                });                ic.init(); },</remote-js

mail:    host: smtp.qq.com    port: 465或587    protocol: smtp    username: 个人的邮箱    password: 邮箱的SMTP的密码，可在邮箱的账户中开启SMTP服务    default-encoding: UTF-8    properties:      mail:       debug: true   #控制台开启运行日志

//自动生成的验证码,验证码的位数可以自己设定    public static String generateVerifyCode(int verifySize, String sources){        if(sources == null || sources.length() == 0){            sources = EMAIL_CODES;}        int codesLen = sources.length();        Random rand = new Random(System.currentTimeMillis());        StringBuilder verifyCode = new StringBuilder(verifySize);        for(int i = 0; i < verifySize; i++){            verifyCode.append(sources.charAt(rand.nextInt(codesLen - 1)));}        return verifyCode.toString();}

//绑定邮箱的发送registerEmail(){let emailPatter=/[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/;if (this.email=== '' || !emailPatter.test(this.email) || this.emailYzm === ''){this.$message.error('输入内容不能为空且邮箱要符合格式')              }else {      this.$http.post('/whc/blog-customer-user/emailButtonRegister',{                      email: this.email,                      emailYzm: this.emailYzm,                  }).then(res=>{                      console.log(res);                      if (res.data.success === true){                          this.$notify({                              title: '成功',                              message: '邮箱绑定成功',                              type: 'success',                          });                  window.localStorage.setItem('myEmail',res.data.message);                          this.reload();                          //this.$router.go(0);                      }else {                          this.$message.error(res.data.message);                      }                  })              }          }

//后端QQ邮箱发送验证码的按钮服务@Override@Transactional(isolation = Isolation.READ_COMMITTED, propagation = Propagation.REQUIRED)public void sendEmailCode(String email) {    //生成邮箱随机的6位验证码    String emailYzm= generateVerifyCode(6, EMAIL_CODES);
//From-to,主题和信息.    SimpleMailMessage simpleMailMessage = new SimpleMailMessage();    simpleMailMessage.setFrom(FORM);    simpleMailMessage.setTo(email);    simpleMailMessage.setSubject(SUBJECT);    simpleMailMessage.setText("你的邮箱验证码是: "+emailYzm+"本次验证码    会在10分钟后失效，请立马使用。");    //发送邮箱验证码       javaMailSender.send(simpleMailMessage);
    //开启Redis存入email和yzm    Jedis jedisEmail = new Jedis("localhost", 6379);    //设置邮箱(key)-验证码(value)的绑定，秒为单位，存在时间为10分钟。    jedisEmail.set(email,emailYzm);    jedisEmail.expire(email,600);    //设置验证码(key)-邮箱(value)的绑定，秒为单位，存在时间为10分钟。(双向绑定可以判断失败存入的验证码,双向保险)    jedisEmail.set(emailYzm,email);    jedisEmail.expire(emailYzm,600);}

//前端绑定手机phoneRegister(){ let phonePatterRegister=/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;             if (this.phone === '' || this.phoneYzm === '' || !phonePatterRegister.test(this.phone)){                  this.$message.error('手机或者验证码不符合规则');              }else {                  this.$http.post('/whc/blog-customer-user/phoneRegisterButton',{                      phone: this.phone,                      phoneYzm: this.phoneYzm,                  }).then(res =>{                      console.log(res);                      if (res.data.success === true){                          this.$notify({                              title: '成功',                              message: '手机绑定成功',                              type: 'success',});                         window.localStorage.setItem('myPhone',res.data.message);                          this.reload();                          //this.$router.go(0);                      }else {                          this.$message.error(res.data.message);}})}}

//生成手机的验证码        String phoneYzm= generateVerifyCode(6, EMAIL_CODES);        //阿里云发送短信的API        DefaultProfile profile = DefaultProfile.getProfile("cn-hangzhou", "个人隐私",                "个人隐私");        IAcsClient client = new DefaultAcsClient(profile);        CommonRequest request = new CommonRequest();        request.setMethod(MethodType.POST);        request.setDomain("dysmsapi.aliyuncs.com");        request.setVersion("2017-05-25");        request.setAction("SendSms");        request.putQueryParameter("RegionId", "cn-hangzhou");        request.putQueryParameter("PhoneNumbers", phone);        request.putQueryParameter("SignName", "个人隐私");        request.putQueryParameter("TemplateCode", "个人隐私");        request.putQueryParameter("TemplateParam", "{\"codeab\":\""+phoneYzm+"\"}");        //发送注册手机的验证码        try { CommonResponse response = client.getCommonResponse(request);            System.out.println(response.getData());        } catch (ServerException e) {            e.printStackTrace();        } catch (ClientException e) {            e.printStackTrace();}        //开启Redis存入phone和yzm        Jedis jedisPhone = new Jedis("localhost", 6379);        //设置手机(key)-验证码(value)的绑定，秒为单位，存在时间为10分钟。        jedisPhone.set(phone,phoneYzm);        jedisPhone.expire(phone,600);        //设置验证码(key)-手机(value)的绑定,秒为单位，存在时间为10分钟。(双向绑定可以判断失败存入的验证码,双向保险)        jedisPhone.set(phoneYzm,phone);        jedisPhone.expire(phoneYzm,600);}

//先判定是否redis中是否存在限时凭证        Jedis jedis = new Jedis("localhost", 6379);        if (jedis.get(id.toString()) == null) {            //获取明天0点的时间并且设置限时凭证            try {                SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式                Calendar cal = Calendar.getInstance();                cal.add(Calendar.DATE, 1);//这里改为1                Date time = cal.getTime();                String tomorrow = new SimpleDateFormat("yyyy-MM-dd 00:00:00").format(time);                String now = df.format(new Date());                Date d1 = df.parse(now);                Date d2 = df.parse(tomorrow);                //小时和分钟和秒相减                Long hour = ((d2.getTime() - d1.getTime()) / (60 * 60 * 1000));                Long minute = ((d2.getTime() - d1.getTime()) / (1000 * 60));                Long second = ((d2.getTime() - d1.getTime()) / 1000);                //最后存在的秒时间        int total = (hour.intValue()) * 3600 + (minute.intValue()) * 60 + second.intValue();                //控制台观看                logger.info(tomorrow + "/n" + now + "/n" + total);                //设置redis中的签到过期时间                jedis.set(id.toString(), "今天签到已经完成!");                jedis.expire(id.toString(), total);                return SUCCESS;            } catch (ParseException e) {                e.printStackTrace();}        }        return FAILED;

//先查询所有的经验值        ListexAll=userSignMapper.selectExperience();        //先将List集合转为Long[]数组        Long[] a=exAll.stream().toArray(Long[]::new);        //可以使用转换工具类，也可以自己动手写Long数组的转换        long[] quickSort = ArrayUtils.toPrimitive(a);        //快速排序排序成从小到大的顺序        sortService.quickSort(quickSort,0,quickSort.length-1);        //利用二分查找算法查找经验值所在的索引位置        int position=sortService.binarySearch(quickSort,myExperience);        //最终排名，倒序输出。        int lastPosition=quickSort.length-position;        //控制条输出你的排名        logger.info("你在经验值排行榜中的名次是:"+lastPosition);        //返回给前端的排名        return lastPosition;

//获取文章的摘要markdown格式-html-summaryString words= StringFromHtmlUtil.getString(MDTool.markdown2Html(blogFrontPublish.getArticleContent()));//获取文章的摘要且摘要长度为255个字符String summary = words.length() > 240 ? words.substring(0, 240) + "......" : words;//去除转换后存在的空格String tagTar = blogFrontPublish.getArticleTag().replaceAll(" ", "");//将文章的分类写入分类表然后再插入整篇文章UserArticleCategory userArticleCategory=userArticleCategoryMapper.findAllByCategoryName(blogFrontPublish.getArticleCategory());if (userArticleCategory==null){    userArticleCategory=new UserArticleCategory();    userArticleCategory.setCategoryArticles("");  userArticleCategory.setCategoryName(blogFrontPublish.getArticleCategory());//返回获取到的自增ID    userArticleCategoryMapper.insert(userArticleCategory);}//把标签写入数据库for (String tag :tagTar.split(",")) {    if (tag.replaceAll(" ", "").length() == 0) {        //单个标签只含空格        continue;}    UserArticleTag userArticleTag = userArticleTagMapper.findAllByTagName(tag);    if (userArticleTag==null){        userArticleTag=new UserArticleTag();        userArticleTag.setTagName(tag);        userArticleTag.setTagArticles("");        userArticleTagMapper.insert(userArticleTag);}//转换后的值再更新得到文章表的主键   userArticleTag.setTagArticles(userArticleTag.getTagArticles()+userArticle.getId()+",");  userArticle.setArticleTagsId(userArticle.getArticleTagsId()+userArticleTag.getId()+",");   userArticleTagMapper.updateTagNameAndTagArticlesById(userArticleTag.getTagName(),userArticleTag.getTagArticles(),userArticleTag.getId());}