摘要： 一、Vue-router进阶 回顾学过的vue-router，并参考官方文档学习嵌套路由等路由相关知识。 二、单页面应用（SPA）带来的问题 1、虽然单页面应用有优点，但是，如果后端不做服务器渲染（https://ssr.vuejs.org/），基于vue实现的单页面应用是不能爬取到数据的，而且对S 阅读全文

摘要： 一、内容回顾 1、webpack（前端中工作，项目上线之前对整个前端项目优化） - entry：整个项目的程序入口（main.js或index.js）； - output：输出的出口； - loader：加载器，对es6代码的解析，babel-loader（官网：https://www.babelj 阅读全文

摘要： 一、获取原生的DOM的方式 在js中，我们可以通过id、class或者标签获取DOM元素，vue中也为我们提供了获取原生DOM的方法，就是给标签或者组件添加ref属性，通过this.$refs获取，如下： 总结： 1）<div ref="ha">哈哈哈</div> 给标签添加ref属性，this.$ 阅读全文

摘要： 一、安装脚手架 1、下载node.js，本文下载版本为node-v8.12.0-x64.msi，一键式安装。 2、安装完成后，打开终端，输入node，可进入node环境（两次ctrl+c退出），如下图： 3、查看版本，如下图： 4、在成功安装node.js（即能够成功查看版本如上图）的前提下，再安装 阅读全文

摘要： 一、表单输入绑定（v-model 指令） 可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 详细用法参见官方文档：https://cn.vuejs.org/v2/guide/forms.html 二、局部组件和全局组件 总结： 阅读全文

摘要： 一、es6的语法 ES6 新增了let命令，用来声明变量。它的用法类似于var（ES5），但是所声明的变量，只在let命令所在的代码块内有效。如下代码： 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值 阅读全文

摘要： 一、中介模型 我们之前学习图书管理系统时，设计了Publish、Book、Author、AuthorDetail这样几张表，其中Book表和Author表是多对多关系，处理类似这样简单的多对多关系时，使用标准的ManyToManyField就可以了。但是，有时你可能需要关联数据到两个模型之间的关系上 阅读全文

摘要： 一、权限分配 需求：为用户分配角色，为角色分配权限，如下图效果： 1、视图代码： 注意：JsonResponse传入一个非字典类型的数据结构时，需要设置safe=False。 2、模板代码 1）显示用户表相关代码 2）显示角色表相关代码 3）显示权限表相关代码 3、思路分析 此需求难点是将权限表渲染 阅读全文

摘要： 一、非菜单权限对应的一级菜单展开 需求：客户列表和账单列表页面中都有添加按钮，当点击添加客户（或编辑客户、删除客户）时，客户列表所属的一级菜单展开，当点击添加账单（或编辑账单、删除账单）时，账单列表所属的一级菜单展开。 1、permission表新增一个pid字段，表示非菜单权限的父级菜单权限id， 阅读全文

摘要： 一、queryset Queryset是django中构建的一种数据结构，ORM查询集往往是queryset数据类型，我们来进一步了解一下queryset的特点。 1、可切片 使用Python 的切片语法来限制查询集记录的数目。它等同于SQL 的LIMIT 和OFFSET 子句。 不支持负的索引（例 阅读全文