摘要:
今天我们来实现一个用户注册的页面,在上一篇入门教程的基础上新增代码(当前的项目目录结构请参考上一篇教程),我们将原先 Vue 生成的默认页面中 About 页面替换为 注册页面 (效果图如下) 。我们从零开始,从最初的新建前端表单,到数据的后端验证存储,检测数据库中是否已经存在注册用户,若存在则提示 阅读全文
摘要:
这段时间研究了 Vue 和 Koa2,想把二者结合起来,Vue 作为前端框架,Koa2 作为后端框架,如何打通前后端的数据通过,需要解决跨域问题,现将其中的一些关键配置记录下来,供大家参考: 本篇文章主要内容: · 新建 Vue 前端项目 · 新建 Koa2 后端项目 · 解决跨域问题,实现前端接收 阅读全文
摘要:
现在感觉随着技术的日新月异,数据库技术从原先的 Mysql、Oracle 等 RBMS ,到现在各种的 NoDB,特别是在 gitHub 上找开源项目时,会发现很多开源项目都已经应用了 NoDB,今天来介绍一下 NoDB 之一的 MongoDB 的安装与配置以及图形界面的管理工具。 主要内容: · 阅读全文
摘要:
2020.3.31 9:18 好的,早上好各位,今天我们来进行一个很炫酷的页面开发——播放器控制页面( src\components\Play.vue ),如下图: 完成目标: 1、歌曲上半部分图片封面及隐藏页面按钮布局 2、设计播放进度条 3、歌词显示 4、播放控制按钮 我们可以看到,这些元素完美 阅读全文
摘要:
今天,我们接着上一节继续向下进行,完成当用户点击自己想听的排行榜时,显示的界面 ,该界面要讲解的知识点较多。文件位置:src\components\RankPage.vue ,效果图: 讲解重点: 1、由 Rank.vue 页面传来的 排行榜id ,获取相应排行榜的歌单(这个页面的前端布局细节有点多 阅读全文
摘要:
今天,我们来实现播放器首页的 排行榜页面 的开发,也就是 src\components\Rank.vue ,效果截图: 主要分析要点: 1、Vuex模块化 2、CSS屏幕自适应——@media screen 3、overflow CSS处理文本溢出 4、absolute 绝对定位 页面的图片、排行榜 阅读全文
摘要:
趁着疫情期间不上班,在 Github上找了几个开源 VUE 项目,亲自实践了一下,学习到了不少 VUE 以及 CSS 前端布局的技巧,这次的小项目是用 VUE 实现一款音乐播放器。 Github 地址: https://github.com/Sioxas/vue-music/ 感兴趣的朋友可以下载源 阅读全文
摘要:
前几天,在github上看到了一个关于elasticsearch的小项目,有点小兴趣,于是就结合着Flask,研究了一下,分享给大家。 准备资料: 1、安装elasticsearch 参考教程:https://www.cnblogs.com/gangle/p/9328257.html 2、实现简单的 阅读全文
摘要:
今天整理了一下jquery遍历的两个用法,分享给大家。 1.$().each 主要用来遍历DOM元素,获取DOM的值或样式等。 2.$.each() 主要用来遍历后台ajax返回的json数组,循环将数组的值赋予DOM元素等。 $().each。上代码: <button id="get_catego 阅读全文
摘要:
平时研究代码时,经常会遇到AJAX的相关用法,做项目时才真正体会到Ajax的强大之处(与服务器数据交互如此之便捷,更新DOM节点而不用刷新整个页面),以及运用的频繁程度。今天整理了一下自己之前没搞清楚的地方以及一些常规用法。 首先不得不说数据格式,ajax接收返回数据时,必须将获取到的json数组反 阅读全文