![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目实训2021
zbzcode
这个作者很懒,什么都没留下…
展开
-
token
Token**基于网站安全的初衷结合曾经接触的网络安全方面的知识打算在登陆时使用Token技术。首先一般的登陆模式客户端频繁向服务端请求数据,服务端频繁的去数据库来查询用户密码进行对比从而判断用户名和密码是否正确。为了减轻服务器压力减少向数据库查询次数达到使服务器更健壮的目的,我们选择使用Token。那么什么是Token:Token是服务器生成的一段字符串,作为客户端请求的令牌,第一次登陆后,服务器生成一个Token并返回给客户端,以后客户端带着Token来请求数据即可不需要再次带上用户名和密码。为原创 2021-06-09 17:37:10 · 110 阅读 · 0 评论 -
用户选择自己想看的详细数据,想法
在做学生就业单位单位性质这一类目时,发现类目实在太多,并且毕业后选择信息行业 的比例较大观感不佳,想到可以选择隐藏较大的比例从而使其他类目的比例更清晰。于是做一个点击类目条将其隐藏的功能。按掉类目条不显示此类目...原创 2021-06-08 21:59:36 · 83 阅读 · 0 评论 -
问题及解决
做echarts图表时,因为涉及到使用开关变量控制不同图表的显示隐藏,用 v-if 时会出现没有获取到dom结构而报错,所以改用 v-show,但是 v-show 本身是结构已经存在,当数据发生变化时,结构并未重新渲染,所以会出现 echarts 图表未获取到最外层大盒子的宽度而显示一半的情况:百度了各种资料结果都以失败告终,最后使用一下定时器就好了,只需要设置延迟一秒,图表就可以正常显示。...原创 2021-06-08 21:36:24 · 65 阅读 · 0 评论 -
嵌套环形饼状图
嵌套环形饼状图,环形图内置饼状图,调节位置即可,示例代码如下:```gooption = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' }, legend: { data: ['直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告', '百度', '谷歌', '必应', '其他'] },.原创 2021-06-08 21:26:13 · 2180 阅读 · 0 评论 -
圆角环形图
圆角环形图的画法。其实格式与饼图类似但是相较于饼图,圆角环形图更加美观和清爽。一个简单的圆角环形图格式如下:option = { tooltip: { trigger: 'item' }, legend: { top: '5%', left: 'center' }, series: [ { name: '访问来源', type: 'pie', .原创 2021-06-08 21:21:15 · 632 阅读 · 0 评论 -
2021-06-08
调用不同年份的数据。我们不能只展示一年的数据,还需要展示前年的,过去两年的 。`this.axios({ url: 'grad/yearList', methods: 'get' }).then(res => { let years = res.data.data years = years.sort(function (a, b) { return a - b; }) //默认为最近一年原创 2021-06-08 21:00:11 · 42 阅读 · 0 评论 -
问题解决学习笔记
1.做echarts图表时,因为涉及到使用开关变量控制不同图表的显示隐藏,用 v-if 时会出现没有获取到dom结构而报错,所以改用 v-show,但是 v-show 本身是结构已经存在,当数据发生变化时,结构并未重新渲染,所以会出现 echarts 图表未获取到最外层大盒子的宽度而显示一半的情况:百度了各种资料结果都以失败告终,最后使用一下定时器就好了,只需要设置延迟一秒,图表就可以正常显示。2.vue+echarts 数据渲染正常,服务器数据接收后显示不出来:/数据自动刷新,必然需要一个监听机原创 2021-06-07 20:58:37 · 98 阅读 · 0 评论 -
解决vue不同屏幕自适应的问题
和队友电脑型号不同,合并代码时会出现写好的表现良好的页面到了队友电脑上错乱的情况这是受分辨率影响的需要px转换为rem,网上有说载入load数组的但步骤繁琐且易错。多方实验解决方案如下首先我们需要要安装一些依赖1. npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小 2. npm i px2rem-loader -D//自动将px转换为rem 3. npm i postcss-px2rem//将代码中px自动转化成对应的rem的一原创 2021-06-06 01:11:55 · 2142 阅读 · 1 评论 -
resize重写的应用
多个图表,resize()在使用window.onresize监听窗口变化时,要使用DOM二级绑定方式:addEventListener方式因为采用DOM一级绑定方式会只适应一个图表,所以最后三行代码要变成addEventListener方式监听:...原创 2021-06-06 01:02:21 · 109 阅读 · 0 评论 -
2021-06-01
echarts,实现移动端自适应。https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-4db128yc.html原创 2021-06-03 19:30:47 · 60 阅读 · 0 评论 -
知识学习及相关问题解决
基于网站安全的初衷结合曾经接触的网络安全方面的知识打算在登陆时使用Token技术。首先一般的登陆模式客户端频繁向服务端请求数据,服务端频繁的去数据库来查询用户密码进行对比从而判断用户名和密码是否正确。为了减轻服务器压力减少向数据库查询次数达到使服务器更健壮的目的,我们选择使用Token。那么什么是Token:Token是服务器生成的一段字符串,作为客户端请求的令牌,第一次登陆后,服务器生成一个Token并返回给客户端,以后客户端带着Token来请求数据即可不需要再次带上用户名和密码。...原创 2021-04-20 20:45:05 · 193 阅读 · 0 评论 -
接口设计
对于自己页面将用到的接口进行创作和汇总,有重复功能的进行合并,达到最优。我负责的部分用于展示并不涉及到数据的输入输出,考虑到后期数据长度的问题选择了post类型。选用echart画图,vue.js技术,...原创 2021-04-17 19:36:35 · 57 阅读 · 0 评论 -
第三阶段
开发第三周,组长和老师交流了基本需求。对界面设想进行了一定改动。我们重新规划了界面和设想,由于需要展示的数据较多如何进行取舍和规划就变得十分重要。定下基本框架使用vue.js技术,分工有所变动。我将进行详细页面的书写,以图+数据表格的形式展示大致如下...原创 2021-04-17 18:57:27 · 49 阅读 · 0 评论 -
第二周
第二周开发进度:主要是开题报告书写,熟悉数据,大家探讨应该有哪些模块,数据如何整理,一些基本样式的设想以下为我的模块设想:原创 2021-03-17 21:09:16 · 53 阅读 · 0 评论