cungudafa的博客

目录前言正文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/下载慢的问题：将域

目录序正文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 本次项目快速链接序【前言】前面一文，详细讲述后端如何部署到阿里云服务器上：部...

目录序正文一、前端设计1. element-Table 表格2. element-Pagination 分页二、结合后端三、遇见问题及解决序前言：本来搭建好Vue和Springboot前后端框架之后，就不想重复CRUD基础表格的增删改查，觉得ajax是互通的，没有必要再重复重复这些工作。因为，一个小项目要善始善终，不能只有登录就没有后续了。尝试一下Element-ui表格，下拉框，进度条等；...

目录一、实现效果二、原理1. 折叠菜单栏2. 面包屑三、全部源码：一、实现效果动画演示效果之前的登录+++++++++++++++++++++++++++本次：折叠菜单栏+面包屑 此部分全部源码见本文末或github：Cungudafa:Vue_SpringbootDay3二、原理1. 折叠菜单栏参考链接：element-ui 官网api：https://element.e...

目录一、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...

目录一、初级版二、中级篇（解决分页问题）2.1 需求2.2 重写文件导出方法2.3 后端结合三、高级篇（导出指定内容）四、源码4.1 项目源码4.2 本节全部源码一、初级版【目标】导出页面上存在的表格安装依赖(-S === --save、 -D === --save-dev)cnpm install -S file-saver xlsxcnpm install -D script-...

目录1.HBuilder打开内置命令行终端2.安装axiosnpm install axios --save-devnpm install vue-axiostips：在项目根目录下

目录一、Vue基本语法资源二、学习Vue基本语法1.文本传值1.1静态插值1.2动态传值2.更多一、Vue基本语法资源学习Vue基本语法：本篇完全参考vue官网介绍：https://vuejs.org/v2/guide/index.html也有官方给出了视频教学例子：在Scrimba上学习本课程(这里需要科学上网，速度快一些；当然也是全英文教学，可以参考)本文写了如何测试及基本语法，...

目录一、为什么要学习Vue？二、创建Vue项目（1）安装node.js（2）配置淘宝镜像cnpm（3）安装vue和脚手架工具vue-cli（4）创建项目三、HBuilder配置vue编译环境（1）创建vue项目（2）HBuilder编译vue一、为什么要学习Vue？之前看一句话这里引入：前言： 看到几乎大家都用vue写前端，了解了一下，16年才发布Vue，近年优势还是很大的；自己一直使用B...

一、折线图+饼图前端效果：二、Vue引入Echarts项目路径下安装echarts（原版百度图表库）和vue-echarts（比较轻量）cnpm install echarts vue-echartssrc目录下新建：echarts包，在里面新建index.js和目录myEcharts（myEcharts.js）index.js是echarts配置，待会儿会注入到main...

目录序效果演示本章源码正文一、美化Vue登录界面1.1 引入SvgIcon1.2 优化Login.vue1.3 最终效果 :)二、 左侧路由实现2.1 优化目录结构2.2 router与layout.vue2.3 el-header一致2.4 菜单栏测试三、遇见的问题及总结序效果演示在 昨天的项目 基础上对前端【登录界面】进行美化点击小眼睛实现密码可见：（原理很简单，见后面源码解析）...

目录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实例，并引入所需...