$Django 路飞之小知识回顾,Vue之样式element-ui,Vue绑定图片--mounted页面挂载--路由携带参数

一 小知识回顾

1 级联删除问题

2 一张表关联多个表,比如有manytomanyfileds forignkey,基于对象查询存在的问题:反向查询的时候  表名小写_set.all()不知是哪个字段queryset对象  所以说related_name='coursedetail_by'

3 Vue生命周期钩子可以直接发axios

二 Vue样式用elemen(jq用bootstap)

网站http://element-cn.eleme.io/#/zh-CN/guide/design

1 emement-ui
  -下载:npm install element-ui
  -使用:在main.js中配置
   import ElementUI from 'element-ui';
   import 'element-ui/lib/theme-chalk/index.css';
   Vue.use(ElementUI);

三 Vue绑定图片--mounted页面挂载--路由携带参数

#绑定图片(本质是绑定的路由, 1后端路由处要开个路由口serve, 2前端这里要把  协议,ip ,port ,media ,数据库存的路径,  拼上)

<el-carousel-item v-for="img in imgs">
    <img :src="img">
  </el-carousel-item>

#可以挂载一个方法执行/可以直接发axios

mounted:function () {
   //init()为methods中定义的方法
   this.init()
  }

#课程详情页面
  -路由携带参数跳转:
   <router-link :to="{'name':'courseDetail','params':{'id':course.id}}">详情</router-link>

 {
path: '/coursedetail/:id',
name: 'coursedetai',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/coursedetail.vue')
},


  
-取值:
   course_id: this.$route.params.id,

随机推荐

  1. git学习&lpar;这个我没有整理,是我不断在学习的过程中,自己总结的,对象是我,不过有问题的,我们可以相互交流)

    每次git提交,都会有一个parent指针,指向上一次的commit ,   如果合并,master就和hotfix河道一起,就直接删除hotfix就OK     此时,虽然操作一样,大底层实现不一样 ...

  2. Asp&period;Net Web API 2第十七课——Creating an OData Endpoint in ASP&period;NET Web API 2(OData终结点)

    前言 很久没更新博客了,加上刚过年,现在准备重新开战,继续自己的学习之路.本文已同步到Web API2系列文章中http://www.cnblogs.com/aehyok/p/3446289.html ...

  3. leetcode 126&period; Word Ladder II ----- java

    Given two words (beginWord and endWord), and a dictionary's word list, find all shortest transformat ...

  4. Sass结合Modernizr的使用方法

    Modernizr在初始化的时候会首先找寻class=“no-js”的元素: <!DOCTYPE html> <html class="no-js"> &l ...

  5. codevs1906 最长递增子序列问题

    题目描述 Description 给定正整数序列x1,..... , xn  .(1)计算其最长递增子序列的长度s.(2)计算从给定的序列中最多可取出多少个长度为s的递增子序列.(3)如果允许在取出的 ...

  6. My SQL随记 003 数据表基础操作语法

    数据表 查看数据表 修改表名 修改字段名 修改字段数据类型 添加删除-字段 约束(主外键默认检查) 查看表结构: 语法:DESRIBE(描述) table_Name; DESC  table_Name ...

  7. laravel表单验证

    效果展示:         代码 实现: 后台: use Validator; public function login() { if($input = Input::all()){ //验证提交的 ...

  8. sql server中的merge

    http://www.cnblogs.com/CareySon/archive/2012/03/07/2383690.html 简介 Merge关键字是一个神奇的DML关键字.它在SQL Server ...

  9. 插入排序——Insertion Sort

    基本思想: 在要排序的一组数中,假定前n-1个数已经排好序,现在将第n个数插到前面的有序数列中,使得这n个数也是排好顺序的.如此反复循环,直到全部排好顺序. 过程: 平均时间复杂度:O(n2) jav ...

  10. centos6&period;5修改yum安装的mysql默认目录

    0.说明 Linux下更改yum默认安装的mysql路径datadir. linux下,MySQL默认的数据文档存储目录为/var/lib/mysql. 假如要把MySQL目录移到/home/data ...

上一篇:Salesforce小知识:在简档中设置Visualforce页面的权限


下一篇:linux http服务源码编译安装详解