1.本文章长期更新ing。。。ヾ(•ω•`)o 2.

先占个坑。https://www.lolxiaoguo.cn/article/838801536225116160

1.ElementUI Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。 2.1 element-ui的日期选择器 element-ui的日期选择器，放到页面里星期几和月份默认显示英文的，怎么设置为中文？ 一般将 import locale from 'element-ui/lib/locale/lang/en' 替换为 import locale from 'element-ui/lib/locale/lang/zh-CN' 就可以了。

1.人生代代无穷已 本文记录一下markdowm的一些常用语法，避免忘记 2. 江月年年望相似 2.1 居中命令 markdown居中文本 我是逐浪新宋 我是逐浪圆体 我是逐浪花体 我是逐浪像素字 我是逐浪立楷 我是红色 我是绿色 我是黄色 我是蓝色 我是紫色 我是浅灰色 我是尺寸 我是尺寸 我是逐浪立楷，绿色，尺寸为5

1.更新内容（本次版本为version-1.0.1） 1.1 增加留言板功能 总体样式展示 实现楼中楼效果。留言板不强制使用用户登录权限。只需要填写昵称与邮箱（不会在前端展示）。方便小伙伴，添加友链，以及写一些鼓励的话。 父级评论操作界面 子级评论操作界面 1.2 修改网站运行时间bug（已完成） 这个bug真是好笑啊，哈哈哈哈哈。我人傻了。 1.3 修改友链的内容（已完成） 这两个地方搞错了。 1.4 修改默认头像（已完成） https://gjb-picture-1300041944.cos.ap-nanjing.myqcloud.com/avatar/fbb.jpg 1.5 更新友链管理中心（已完成） 管理中心友链图片规格 1.6 修改状态树（改错了，下次再改。。。） 1.7 修改seo（已完成） 1.8 修改数据库（已完成） 添加两张新的表 1.9修改后台程序（已完成） 2.2020-9-11（version-1.1.0） 2.1 修改状态树错误 2.2修改搜索java出现的问题 2.3 添加时间轴 2.4图标升级，加入更多图标 2.5对留言email地址进行判断 2.6修改

，看到这个。真的是好久了啊。😁😁😁 游戏真的是个好东西，愿我永远热爱游戏。 5.疾风亦有归途 这个暑假在家做了好几个东西，其实都还挺好的。反正我自己觉得挺好的，哈哈哈。 5.1疾风亦有龟途网站 网站包括后端，后端管理，前端门户三个部分。 后端： 后端管理： 前端门户： 暂时这里面全是测试数据，哈哈哈。这也算是第一个版本吧，看上去还是有点简陋的。后期根据需求在慢慢改。慢慢的让它动起来。毕竟个人网站这些东西，就是要搞得花里胡哨的才好玩！！！🙈🙈🙈🙈 5.2Java与气象数据的优雅交汇 这是暑假写的第二个小demo，可能写的不太好。 为啥写这个呢，因为一开始我是想着尝试用Java去处理一些掩星数据。后来发现没有python方便。不过我还是把它写完了。 功能还是不错的，支持读取风云和cosmic两种掩星数据，支持一键匹配时空特征，支持多数据读取，支持一键写入Excel表格等操作。 后续可能不会再用Java处理气象数据了，哈哈哈哈。不过这个工具类还是蛮不错的，后期可以改写成Python版本的。把一些算法写成工具类，方便后人使用，哈哈哈 5.3疾风亦有龟途移动端 这个是对网站移动端的

1.小同志，加个时间吧 看到别人的博客，都有运行了多少天多少天的那种元素。 别的小朋友都有，我们也总要有吧，我们还要弄成能动的！！！说干就干，又不是啥难弄的东西。 如果其他大佬有更好的办法，请互相交流一下。 2.逻辑处理 获取建站日期 获取当前日期 二者相减 反复调用，刷新时间 2.1 方法一 所以我们首先在methods里创建一个方法 methods: { getRunTime() { let formatDateTime //一天的长度 let perDay = 24 * 60 * 60 * 1000; //建站日期 let createTime = new Date("08-15-2019"); //当前时间 let currentTime = new Date(); let duringTime = currentTime.getTime() - createTime.getTime(); //运行天数 let dayTime = Math.floor(duringTime / perDay); let during =(duringTime / perDay-dayTime)* 24; //运行小时 let hourTime = Math.floor(during) //(hourTime-duringTime) * -60; let during3=(hourTime-during)* -60; //运行分钟 let minuteTime =Math.floor((hourTime-during) * -60) //运行秒数 let secondTime=Math.floor((minuteTime-during3)* -60) formatDateTime = dayTime + '天' + hourTime + '时' + minuteTime + '分 ' + secondTime + '秒' return formatDateTime } 然后我们在mounted时调用它： mounted() { this.formatDateTime = this.getRunTime() let _this = this this.timer =setInterval(function (){ _this.formatDateTime=_this.getRunTime() },1000) } 最后把它你喜欢的地方放上html，并加上样式，这里我先不加了 2.2方法二 在上一个方法里，我们没有使用年这个单位。直接使用的天的单位。可能有些同学不太满意。那么我们再介绍一种以年为单位的显示方法。 我们同样的在methods里创建一个getDuringTime的方法： methods: { getDuringTime() { //建站日期 let createTime = new Date("07-10-2019"); //当前时间 let startYear = createTime.getFullYear(); //开始年份 let startMonth = createTime.getMonth() + 1;//开始月份 let startDay = createTime.getDate(); //开始日期 let startMiao = createTime.getTime(); let currentTime = new Date(); let endYear = currentTime.getFullYear(); //结束年份 let endMonth = currentTime.getMonth() + 1;//结束月份 let endDay = currentTime.getDate(); //结束日期 let endMiao = currentTime.getTime(); let years = 0; let months = endMonth - startMonth + (endYear - startYear) * 12;//总月 if (endMonth * 100 + endDay < startMonth * 100 + startDay) { months--;//如果结束日期<输入日期，月数要-1 } years = Math.floor(months / 12);//取整计算年数 //console.log(years+"年份") months = months % 12;//取余计算月数 //console.log(months+"月份") let middleDate = new Date(createTime);//中间时间 //console.log(middleDate+"这是个是撒") middleDate.setFullYear(startYear + years);//设置中间时间年份 middleDate.setMonth(currentTime.getMonth() + months);//设置中间时间月份 let days = -Math.floor((endMiao - middleDate.getTime()) / 24 / 60 / 60 / 1000);//计算天数 let chaTime = endMiao - startMiao; //计算出小时数 let yu = chaTime % (24 * 3600 * 1000);//86400000 let hour = Math.floor(yu / (3600 * 1000));//3600000 //计算相差分钟数 let yuH = chaTime % (3600 * 1000); let min = Math.floor(yuH / (60 * 1000));//60000 //计算相差秒数 let yuM = chaTime % (60 * 1000); let sec = Math.floor(yuM / 1000);//1000 let chastr = '本网站运行时长： ' + years + '年' + months + '个月' + days + '天 ' + hour + '个小时' + min + '分' + sec + '秒'; return chastr; }, } 同样的在mounted时调用该方法。我们就可以得到以年为单位的格式啦。看效果 3.效果 第一种效果： 第二种效果：

1.样式展示 不知道有没有人在别人的网站看到过这种样式的图表。 我感觉还挺好看的。所以去网上看了一下，学习了一下。现在分享给大家。大家也可以运用到自己的博客网站里。做数据统计蛮好看的。 2.引入Echart 其实这也是一个类似于elementUI的东西，我们首先引入他。 npm install echarts --save 2.1 饼状图 首先我们来创建饼状图。 结果展示： 2.2雷达图 结果展示： 3.总结： 其实从上面两个列子，就可以看出来。这个东西挺简单的。 引入 初始化一下 定义一下数据 绘制 在mounted时调用一下绘制方法就完事了。 这个echart感觉还挺厉害的，它的教程网址。

前端页面html结构进行分析，按着F12，进入开发者模式，我们很容易看到，我们需要的内容被一个“xml”的标签所包裹。那么我们就直接爬取这部分内容就可以了。引入requests库和BeautifulSoup。 import requests from bs4 import BeautifulSoup ret = requests.get('https://weather.cma.cn/web/channel-3780.html') ret.encoding = "utf-8" bs = BeautifulSoup(ret.text, "html.parser") # 通过对源码观察，我们需要的内容集中在class = xml 的标签内 h = bs.find('div', class_='xml') 再然后，我们还要 对xml里面的a标签，p标签，进行整理。 最终我们把需要的内容放在了一个bs对象里面。 然后我们引入一个处理word的库 from docx import Document document = Document() 将bs对象的内容存入到document对象里面。

return navigationService.topNavigation(navigationId); } 5.后台管理代码编写 这些就不写在这里了。无非就是页面的堆砌与接口的调用。 6.前端页面编写 这些就不写在这里了。