先占个坑。有空了写。

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' 就可以了。

yum install -y java-1.8.0-openjdk-devel.x86_64 然后验证java是否安装成功 java -version 4.2 安装Jenkins 这里提供官方网址 https://www.jenkins.io/zh/doc/book/installing/ //下载地址 https://www.jenkins.io/zh/download/ 官方网站提供了war包，我们可以直接下载后放到服务器进行启动 nohup java -jar jenkins.war > jenkins.log & 因为jenkins的默认端口是8080，所以你的安全组必须打开8080端口。然后我们就可以通过ip+端口号进行访问了 ip：8080 4.3 对Jenkins进行操作 输入ip+8080后，我们会进入下面这个页面，密码从他给的这个文件里进行复制。 然后点击确定 接下来我们会对vue，nuxt，javaWeb项目进行自动化部署，敬请关注！！！

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

1.写在前面 1.1项目介绍 Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。 正因如此，Java语言被运用到各种学科和软工开发当中。 本系列文章主要分为三个部分： 第一部分：使用Java对气象数据读，存,分析 第二部分：将第一部分中存入数据库的内容，通过springboot+vue+nuxt的方法将数据可视化展示到网页端 第三部分：制作移动端App，更加方便预览。 具体包括： 对气象数据（风云，COSMIC，ECMWF，探空气球）进行读取，并存入（Excel,txt） 对数据进行绘图(matlab/python)，分析等 开发前后端分离项目，构建个人博客网站，将我们上诉步骤得到的数据，可视化图形接入博客，部署到公网，供其他人浏览。点击查看网页端 开发移动端项目，在Android(java/kotlin/flutter)端进行展示，方便在移动端预览。点击下载App

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.效果 第一种效果： 第二种效果：