Vue
关注
分享
扫一扫
农夫的三拳
这个作者很懒，什么都没留下…
展开
-
mybatis关联关系映射
mybatis关联关系映射 1、一对多的关联关系 1.1 首先先用逆向生成工具生成对应的model与mapper这两张表 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configurati...原创 2019-11-23 15:28:06 · 130 阅读 · 0 评论 -
MyBatis整合和Redis实现二级缓存
MyBatis整合和Redis实现二级缓存 1.Mybatis集成ehcache 1.1导入相关依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-insta...原创 2019-11-20 20:30:52 · 184 阅读 · 0 评论 -
svn
svn 1. 为什么使用svn 1、代码整合的问题 2、团队项目，在不使用版本控制器的时候，代码改动很难追责 3、组员所写代码丢失问题 2. 如何安装svn 1、安装VisualSVN-Server-3.9.1-x64.msi 2、在repositories右键创建仓库 3、在users上可以创建用户，可以访问对应的仓库 4、点击“test”右键，可以查看到仓库地址 5、粘贴该地址，在浏览器...原创 2019-10-12 20:11:04 · 155 阅读 · 0 评论 -
jwt
jwt 1. JWT是什么 JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案 2. 为什么使用JWT JWT的精髓在于：“去中心化”，数据是保存在客户端的。 3. JWT的工作原理 3.1 是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下： {“UserName”: “Chongchong”,“Role”: “Admin”,“Expire”: ...原创 2019-10-12 11:12:05 · 138 阅读 · 0 评论 -
vuex
vuex 1、 vue中各个组件之间传值 1.1.父子组件 父组件–>子组件，通过子组件的自定义属性：props 子组件–>父组件，通过自定义事件：this.$emit(‘事件名’,参数1,参数2,…); 1.2.非父子组件或父子组件 通过数据总数Bus，this.root.root.root.emit(‘事件名’,参数1,参数2,…) 1.3.非父子组件或父子组件 更好的方式是在vu...原创 2019-10-11 09:10:11 · 103 阅读 · 0 评论 -
SPA项目开发之表单验证及CRUD
SPA项目开发之表单验证及CRUD 1.表单验证 基于上次的新增表单验证功能 1.1 写编辑界面 <!-- 编辑界面 --> <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"> <el-form label-w...原创 2019-10-10 08:54:32 · 178 阅读 · 0 评论 -
SPA项目开发之左侧树+表格+分页
SPA项目开发之左侧树+表格+分页 1、思路： 1.1准备好后台（左侧树，带分页的文章查询） 1.2将左侧树的数据绑定到elementui中的menu标签上 1.3新增一个自定义组件用来展示文章列表的 1.4绑定elementui提供的分页组件来完成分页功能 2、树形菜单 LeftNav.vue： <template> <el-menu router :default-acti...原创 2019-09-29 15:00:10 · 202 阅读 · 0 评论 -
SPA项目首页导航以及左侧菜单
SPA项目首页导航以及左侧菜单 1、mock.js模拟响应ajax请求 1.1Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 安装mockjs依赖: npm install mockjs -D #只在开发环境使用 1.2 引入 为了只在开发环境使用mock，而打包到生产环境时自动不使用mock，我们可以在env...原创 2019-09-28 16:33:55 · 263 阅读 · 0 评论 -
SPA项目开发之登录注册
SPA项目开发之登录注册 1、spa项目完成登录注册布局和功能 1.1 在之前搭建好的spa项目中安装开发模块 在命令窗口运行下面的代码。 npm install element-ui -S npm install axios -S npm install qs -S npm install vue-axios -S 检测是否安装成功 在package.json文件中查看 1.2 引入main....原创 2019-09-27 20:46:51 · 836 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
使用vue-cli搭建SPA项目 1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 注1：xxx 为自己创建项目的名称 注2：必须先安装vue,vue-cli，webpack，node等一些必要的环境 2. 安装vue-cli npm install -g vue-cli...原创 2019-09-26 19:52:46 · 119 阅读 · 0 评论 -
Node.JS环境搭建
Node.JS环境搭建 1. Node.js是什么 1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。 1.2 Node.js是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言 注1：Node.js...原创 2019-09-20 20:09:48 · 129 阅读 · 0 评论 -
Vue路由
Vue路由 1. SPA是什么 单页Web应用（single page application，SPA），就是只有一个Web页面的应用， 是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序： 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序： 对于传统的多页面应用程序来...原创 2019-09-19 16:42:34 · 98 阅读 · 0 评论 -
vue模板语法（下）
vue模板语法（下） 1. 样式绑定 1.1 class绑定 使用方式：v-bind:class=“expression” expression的类型：字符串、数组、对象 1.2 style绑定 v-bind:style=“expression” expression的类型：字符串、数组、对象 2. 事件处理器 事件监听可以使用v-on 指令 2.1 事件修饰符 Vue通过由点(.)表示的指令后缀...原创 2019-09-19 09:50:39 · 262 阅读 · 1 评论 -
vue模板语法（上）
vue模板语法（上） 1 插值 1.1文本 {{msg}} 1.2 html 使用v-html指令用于输出html代码 1.3 属性 HTML属性中的值应使用v-bind指令 1.4 表达式 Vue提供了完全的JavaScript表达式支持 {{str.substr(0,6).toUpperCase()}} {{ number + 1 }} {{ ok ? ‘YES’ : ‘NO’ }} 代码展示...原创 2019-09-18 10:08:32 · 227 阅读 · 0 评论 -
Vue入门
Vue入门 1. Vue.js是什么？ Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架 官网：https://cn.vuejs.org/ 2. 库和框架的区别 2.1 库(Library)，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者 代表：jQuery jQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作 2.2 框架...原创 2019-09-14 19:40:32 · 81 阅读 · 0 评论