上海入职第一个月(6-27)

5月初,只身一人来到了上海求职。在上海进行了半个月的面试,最终自己比较幸运,找到了一家待遇和薪资都不错的公司。

现在是第二周,因为公司项目正在研发中,前端主要是vue,后台的话是PHP。今天主要是页面需要一个图表来显示一周的车辆进站次数,在echarts的官网查询了api然后将后台请求的数据返回显示到了页面上。

因为只是一个简单的图表,所以echarts用到的不是太难,只是一个简单的柱状图。

数据的话需要向后台传入三个数据,一个是开始日期,一个结束日期,一个查询的车牌号。

对于日期是这么写的:

let today = new Date() // 今天的日期
let oneWeek = new Date ( today - 7 * 24 * 3600 * 1000 ) // 一周前的日期

还有需要对日期进行一个格式化处理:

   // 格式化日期
   dateFormat ( date) {
     return date. getFullYear() + '-' + ( date. getMonth() + 1) + '-' + ( date. getDate() < 10 ? '0' +
     date. getDate() : date. getDate())
  },

   // 格式化时间
   timeFormat ( date) {
     return date. getHours() + ':' + date. getMinutes() + ':' + date. getSeconds()
  },


请求回来的数据用map方法保存在一个数组对象中

在对数据处理的时候用到了一个方法是every方法,这里列举一下文档的用法:

every() 方法使用指定函数检测数组中的所有元素:

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件,则返回 true。

注意: every() 不会对空数组进行检测。

注意: every() 不会改变原始数组。


先写一下在项目中的写法,item是vue请求返回来的数据,

this. dataList. every( ( item) => {
xAxisData. push( item. date)
return true
})


刚刚开始写个人博客,写的有些杂乱,各位将就看。

技术选型 【后端】:Java 【框架】:springboot 【前端】:vue 【JDK版本】:JDK1.8 【服务器】:tomcat7+ 【数据库】:mysql 5.7+ 项目包含前后台完整源码。 项目都经过严格调试,确保可以运行! 具体项目介绍可查看博主文章或私聊获取 助力学习实践,提升编程技能,快来获取这份宝贵的资源吧! 在当今快速发展的信息技术领域,技术选型是决定一个项目成功与否的重要因素之一。基于以下的技术栈,我们为您带来了一份完善且经过实践验证的项目资源,让您在学习和提升编程技能的道路上事半功倍。以下是该项目的技术选型和其组件的详细介绍。 在后端技术方面,我们选择了Java作为编程语言。Java以其稳健性、跨平台性和丰富的库支持,在企业级应用中处于领导地位。项目采用了流行的Spring Boot框架,这个框架以简化Java企业级开发而闻名。Spring Boot提供了简洁的配置方式、内置的嵌入式服务器支持以及强大的生态系统,使开发者能够更高效地构建和部署应用。 前端技术方面,我们使用了Vue.js,这是一个用于构建用户界面的渐进式JavaScript框架。Vue以其易上手、灵活和性能出色而受到开发者的青睐,它的组件化开发思想也有助于提高代码的复用性和可维护性。 项目的编译和运行环境选择了JDK 1.8。尽管Java已经推出了更新的版本,但JDK 1.8依旧是一种成熟且稳定的选择,广泛应用于各类项目中,确保了兼容性和稳定性。 在服务器方面,本项目部署在Tomcat 7+之上。Tomcat是Apache软件基金会下的一个开源Servlet容器,也是应用最为广泛的Java Web服务器之一。其稳定性和可靠的性能表现为Java Web应用提供了坚实的支持。 数据库方面,我们采用了MySQL 5.7+。MySQL是一种高效、可靠且使用广泛的关系型数据库管理系统,5.7版本在性能和功能上都有显著的提升。 值得一提的是,该项目包含了前后台的完整源码,并经过严格调试,确保可以顺利运行。通过项目的学习和实践,您将能更好地掌握从后端到前端的完整开发流程,提升自己的编程技能。欢迎参考博主的详细文章或私信获取更多信息,利用这一宝贵资源来推进您的技术成长之路!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值