![](https://img-blog.csdnimg.cn/20200212124611680.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 88
Vue最流行三大前端脚手架之一,结合springboot进行前后端分离学习记录
cungudafa
纯干货零收费,踩坑这件事儿我是专业的,能帮一个是一个,留个赞温暖你我他,幸福码农快乐搬砖,哈哈哈哈~
展开
-
mac配置vue3.0开发环境+首个地图应用
目录前言正文1.环境1.1 vscode安装1.2 npm安装1.3 vue-cli安装前言以前用vue写过一个小小demo,没想到现在偶然能用上vue,重启记录一下方便以后查看,我的开发环境是mac和VScode。教师管理系统小demo:有兴趣可以在这个专栏看看:VUE包含配置windows环境:【小白学习Vue | 1】安装Vue并配置HBuilder正文1.环境1.1 vscode安装官网下载:https://code.visualstudio.com/下载慢的问题:将域原创 2022-03-31 13:59:10 · 3619 阅读 · 0 评论 -
部署Vue项目到阿里云服务器(Apache环境)+ 本次项目总结
目录序正文1. Vue 连接远程服务器1.1 修改axios配置1.2 远程连接测试2. 打包Vue项目2.1 修改打包配置(重要)2.2 打包项目2.3 解决Element UI图标不显示问题3. 部署Vue项目4. cungudafa的项目总结4.1 第一个Vue-Springboot前后端分离demo4.2 本次项目快速链接序【前言】前面一文,详细讲述后端如何部署到阿里云服务器上:部...原创 2019-08-30 19:47:52 · 7684 阅读 · 1 评论 -
【第一个Vue上手小项目Day4】史上最简单的Element-table表格+Pagination 分页(前后端结合)
目录序正文一、前端设计1. element-Table 表格2. element-Pagination 分页二、结合后端三、遇见问题及解决序前言:本来搭建好Vue和Springboot前后端框架之后,就不想重复CRUD基础表格的增删改查,觉得ajax是互通的,没有必要再重复重复这些工作。因为,一个小项目要善始善终,不能只有登录就没有后续了。尝试一下Element-ui表格,下拉框,进度条等;...原创 2019-08-17 17:00:38 · 1733 阅读 · 0 评论 -
【第一个Vue上手小项目Day3】折叠菜单栏+面包屑
目录一、实现效果二、原理1. 折叠菜单栏2. 面包屑三、全部源码:一、实现效果动画演示效果之前的登录+++++++++++++++++++++++++++本次:折叠菜单栏+面包屑 此部分全部源码见本文末或github:Cungudafa:Vue_SpringbootDay3二、原理1. 折叠菜单栏参考链接:element-ui 官网api:https://element.e...原创 2019-08-16 16:58:13 · 1490 阅读 · 1 评论 -
【第一个Vue上手小项目】Vue-router+Element-ui+Vuex+axios实现前后端分离--登录实例
目录一、router路由配置1.1 创建项目1.2 router路由配置1.3 router测试 :)二、element优化前端2.1 引入element2.2 修改整体布局2.3 修改登录布局2.4 登录验证测试 :)2.5 优化vue-method表单验证三、Vuex管理全局数据3.1 引入Vuex3.2 登录界面3.3 缓存测试 :)四、axios登录验证(结合后台)4.1 引入axios4...原创 2019-08-12 23:04:44 · 5091 阅读 · 0 评论 -
【第一个Vue上手小项目Day6】导出Excel表格(解决分页矛盾+导出指定内容)
目录一、初级版二、中级篇(解决分页问题)2.1 需求2.2 重写文件导出方法2.3 后端结合三、高级篇(导出指定内容)四、源码4.1 项目源码4.2 本节全部源码一、初级版【目标】导出页面上存在的表格安装依赖(-S === --save、 -D === --save-dev)cnpm install -S file-saver xlsxcnpm install -D script-...原创 2019-08-20 18:39:21 · 1248 阅读 · 2 评论 -
【小白学习Vue | 4】Vue用axios跨域访问数据
目录1.HBuilder打开内置命令行终端2.安装axiosnpm install axios --save-devnpm install vue-axiostips:在项目根目录下原创 2019-08-10 19:16:31 · 515 阅读 · 0 评论 -
【小白学习Vue | 2】学习Vue基本语法
目录一、Vue基本语法资源二、学习Vue基本语法1.文本传值1.1静态插值1.2动态传值2.更多一、Vue基本语法资源学习Vue基本语法:本篇完全参考vue官网介绍:https://vuejs.org/v2/guide/index.html也有官方给出了视频教学例子:在Scrimba上学习本课程(这里需要科学上网,速度快一些;当然也是全英文教学,可以参考)本文写了如何测试及基本语法,...原创 2019-08-07 15:42:35 · 562 阅读 · 0 评论 -
【小白学习Vue | 1】安装Vue并配置HBuilder
目录一、为什么要学习Vue?二、创建Vue项目(1)安装node.js(2)配置淘宝镜像cnpm(3)安装vue和脚手架工具vue-cli(4)创建项目三、HBuilder配置vue编译环境(1)创建vue项目(2)HBuilder编译vue一、为什么要学习Vue?之前看一句话这里引入:前言: 看到几乎大家都用vue写前端,了解了一下,16年才发布Vue,近年优势还是很大的;自己一直使用B...原创 2019-08-07 14:34:11 · 7991 阅读 · 7 评论 -
【第一个Vue上手小项目Day5】单独封装Echarts图表,后端Lambda进行数据筛选
一、折线图+饼图前端效果:二、Vue引入Echarts项目路径下安装echarts(原版百度图表库)和vue-echarts(比较轻量)cnpm install echarts vue-echartssrc目录下新建:echarts包,在里面新建index.js和目录myEcharts(myEcharts.js)index.js是echarts配置,待会儿会注入到main...原创 2019-08-18 21:15:06 · 1147 阅读 · 0 评论 -
【第一个Vue上手小项目Day2】Element-ui+SvgIcon优雅的登录界面+导航栏
目录序效果演示本章源码正文一、美化Vue登录界面1.1 引入SvgIcon1.2 优化Login.vue1.3 最终效果 :)二、 左侧路由实现2.1 优化目录结构2.2 router与layout.vue2.3 el-header一致2.4 菜单栏测试三、遇见的问题及总结序效果演示在 昨天的项目 基础上对前端【登录界面】进行美化点击小眼睛实现密码可见:(原理很简单,见后面源码解析)...原创 2019-08-13 18:42:27 · 4367 阅读 · 1 评论 -
【小白学习Vue | 3】index.html+App.vue+main.js
目录1. 总概述2. 各部分2.1 main.js2.2 App.vue3.总目录1. 总概述index.html+App.vue+main.js简介:#名称作用1index.html挂载页面div id = “app” 挂载点2App.vue主组件所有页面都在App.vue下进行切换3main.js入口文件初始化vue实例,并引入所需...原创 2019-08-08 13:11:23 · 1180 阅读 · 1 评论