Loading... # 引言 曾经用过一言,感觉这样的网站很有趣,想着自己开发一下类似的,也算是对Vue和ElementUI进行一个入门,曾经使用AngularJS做过开发,但是目前使用Vue的太多了,但是相对来说,Vue和Angular都是差不多的,所以学习成本不是很高。 # Prep 数据是最难获取的,手工录入也太慢,通过python脚本requests模块,高频访问别人的API,并且录入到自己的数据库,如果存在漏洞的话,通过注入办法对数据库进行dump[并未对系统产生威胁,同理也是因为存在id字段,人工注入了一下,不然也可以通过for遍历数据库,相对注入更加亲民一点,哈哈哈。]。 # Dev 根据Vue的官方文档可以看出来,Vue和Angular的输出域中数据的方法都是`{{data}}`,所以可以通过双向绑定来实现数据部分和视图层进行联系,后端依然使用PHP进行开发,连接MySQL数据库,通过Redis做接口限流,ElementUI做布局,比较全面的复习和学习了原有的知识。 API部分通过密钥进行限制接口访问,并且接入了Redis,防止高频访问以至于数据库服务器瘫痪,而异步请求使用的还是传统的jQuery的Ajax,并没有使用Axios,因为开发过程中遇到了一些问题,并且时间不是很充裕,因此使用了最熟练的jQuery。 # Usage 每次刷新页面会加载随机背景图和句子,刷新按钮只能重新加载数据,不会重新加载图片,也是为了防止服务器负载和带宽的影响。 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果觉得我的文章对你有用,请随意赞赏