课程地址： https://ke.segmentfault.com/ls/1650000016221751 课程代码地址： https://github.com/lison16/vue-cource jenkins和nginx docker 配置教程： http://note.youdao.com/
转载
2020-05-17 22:21:00
102阅读
2评论
课程vue技术栈开发实战https://segmentfault.com/ls/1650000016221751iview-admin作者Lison出品个人学习笔记1-71vue-cli3.0npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstall-g@vue/cli2路由path:'/argu/:name',ali
原创
2018-09-22 19:31:00
5854阅读
2路由基础<router-link><a><router-view/>渲染组件路由对象pathcomponent/componentschildren:[{子集}]name命名:to="{name:'about'}"alias别名redirect:to=>'/'重定向path:'/argu/:name'$route.params.namethis.$rou
原创
2018-11-17 14:57:37
1520阅读
服务器端增加了一条路由叫做formData。待会我们用到的时候，会把表单提交到这个url下。并把提交的内容打印一下。 提前创建好的form页面。 首先来看下iview的表单组件， 它的最外层是一个Form组件，不是用的原生表单的提交方式，需要把提交的数据获取到，通过ajax去提交的。 里面没一条都用
转载
2020-07-13 23:41:00
1003阅读
2评论
三种制作icon组件的方式。这个过程我们用了阿里巴巴的工具网站 最后来封装两个icon组件，一个多色，一个单色。 首先来看下iview的icon组件。custom允许使用自定义的图标。 这里内置了很多自定义的图标 已经创建好的页面 设置大小为50 设置为粉色 自己制作字体文件 iconfont网站
转载
2020-07-18 13:24:00
184阅读
2评论
日常开发过程中，有不同的用户组，不同用户组看到页面上的内容是不一样的，这就涉及到权限控制。 这需要前端和后端相互配合完成。本节讲解两种权限控制的方案。 先来看下iview-admin中的代码。在路由列表配置meta为success权限字段，它是一个数组，表示当前这个界别的页面是哪个用户租可以浏览，里
转载
2020-07-14 23:28:00
110阅读
2评论
node服务端 node服务端代码:https://github.com/lison16/vue-cource/tree/master/server npm install先安装依赖。然后npm run start即可访问端口是3000 http://localhost:3000/ 把下面这段代码注
转载
2020-05-20 22:59:00
181阅读
2评论
如何引入iview，如何配置它的loader。如何全局引入和按需引入iview 2：使用layout布局组件， 3：使用iview的栅格组件。实现响应式的布局。根据网格的宽度来实现不同的布局。 这是一个对应写好的文档。github上文档在根目录中：https://github.com/lison16
转载
2020-07-05 12:28:00
481阅读
2评论
总结 beforeRouteUpdate调用时候，实际上这个组件已经被渲染了。所以在里面使用this是可以访问到当前这个vue实例的。beforeRouteUpdate(to,from,next) { //里面可以用this}beforeRouteLeave的时候，当你要离开的时候，你的整个页面也是
转载
2020-05-18 18:11:00
132阅读
2评论
这是iview的menu的组件 http://v3.iviewui.com/components/menu 每一个菜单的item 实际的项目中，菜单往往是根据后台的数据返回回来的。往往是一个数组，通过这里，遍历然后循环生成的这个菜单，而不是这样写死的、 这个时候就用到了递归组件， 先来添加一个示例页
转载
2020-05-25 17:58:00
313阅读
2评论
Spring Boot Vue全栈开发实战
在这篇博文中，我将详细分享如何进行Spring Boot与Vue全栈开发的实践过程。从环境准备到扩展应用，每一步都经过深思熟虑，并将重要的工具和技术整合到一起，让开发流程变得更加高效和流畅。
### 环境准备
在进行全栈开发之前，我们首先需要准备一个良好的开发环境。这包括安装相关的开发工具、数据库系统和运行时环境。
#### 前置依赖安装
|
Vue技术栈(全家桶)第 1 章：Vue核心1. 1 .Vue简介1. 1. 1 .官网1. 英文官网:https://vuejs.org/
2. 中文官网:https://cn.vuejs.org/1. 1. 2 .介绍与描述1. 动态构建用户界面的 渐进式 JavaScript框架
2. 作者:尤雨溪1. 1. 3 .Vue的特点1. 遵循 MVVM 模式2. 编码简洁,体积小,运行效率高,适
转载
2024-01-04 18:26:35
101阅读
https://github.com/lison16/vue-cource/blob/master/src/mock/mock.doc.md 用mock.js对ajax请求作出拦截，并响应 拦截ajax请求，并 且作出响应 mockJs的用法，详细介绍 响应模拟 精简版的文档 在这里引进了mock并
转载
2020-05-23 21:07:00
293阅读
2评论
启动后端的服务：npm run start 后端服务 首先来看后端的代码，使用express简单的搭建的一个微服务。运行在3000的端口。 login的接口，它是一个post的请求 首先获取到前端传递过来的userName和password。如果有用户名且有密码的话就获取userInfo token
转载
2020-07-02 23:23:00
346阅读
2评论
## Spring Boot Vue 全栈开发实战
### 简介
在本篇文章中，我将向你介绍如何进行Spring Boot和Vue.js的全栈开发实战。无论你是一个刚入行的小白还是有一定开发经验的开发者，本文都将帮助你掌握这一技术。
### 整体流程
下面是完成这个全栈开发实战的整体流程，我们将使用表格的形式展示每个步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 1.
原创
2023-09-11 04:55:30
377阅读
vue框架为我们提供了一些便捷。我们在修改数据的时候，视图就会自动的发生变化，会去做必要的重新渲染。正式因为这个便捷的功能，给我们带来了一些问题，我们无法简单的去控渲染视图的时机，有一些自动为我们完成的，但有时候我们不需要他做太多的工作，当数据量非常大的时候，这个问题就尤为的明显，因为我们的数据放到
转载
2020-07-19 23:04:00
1259阅读
2评论
实现可收缩的侧边栏菜单。 效果展示 点击收缩的效果。如果只有一级菜单 二级菜单 多级菜单的情况 展开的效果 多级菜单 开始 我们之前封装的，我们的菜单要放在layout里 我们最后封装的菜单组件，是要在sider里面 sider-menu组件 分别加sider-menu-submenu和side-m
转载
2020-07-05 19:22:00
639阅读
2评论
通过对iview的table表格的封装，实现如何自定义表格的内容。实现一个可编辑的表格。 为了节省时间，首先已经做了一些准备 首先是已经创建了table页 然后写了一个api，用来获取表格数据。 然后在mock里面也进行了处理。返回了数据的响应 tools里面封装了一个方法doCustomTImes
转载
2020-07-05 23:52:00
586阅读
2评论
官方文档 jsx： https://cn.vuejs.org/v2/guide/render-function.html#JSX 函数式组件 https://cn.vuejs.org/v2/guide/render-function.html#%E5%87%BD%E6%95%B0%E5%BC%8F%
转载
2020-05-24 18:34:00
230阅读
2评论
本节代码对照： https://github.com/lison16/vue-cource/blob/master/src/components/split-pane/split-pane.vue https://github.com/lison16/vue-cource/blob/master/s
转载
2020-05-24 12:47:00
781阅读
2评论
