detail相关知识
-
vue路由传参的几种方式完整步骤//步骤一<router-link v-bind="{to:'/detail/'+listItem.id}"> {{listItem.title}}</router-link>//步骤二//路由配置文件里面path后面加上'/:id'{path: '/detail/:id',component: detail}//步骤三//这里也可以在生命周期的钩子函数create里面接收id,然后设置id//detail页面接收传来的id参数computed: { id(){ return this.$route.params.id; } }下面对以上方法进行扩展对步骤一扩展还
-
PHP开发之环境搭建及配置原文链接一、PHP5.4环境搭配基本流程Apache:Web服务提供者。官网:www.apache.orgPHP: 官网:www.php.netMysql: 官网:www.mysql.com二、软件下载Apache下载地址:http://download.csdn.net/detail/lxq_xsyu/7057423PHP下载地址:http://download.csdn.net/detail/lxq_xsyu/7057401Mysql下载地址:http://download.csdn.net/detail/lxq_xsyu/6468461三、环境搭建(1)Apache安装安装成功(2)解压PHP5.4(3)配置Apache的httpd.conf文件Apache安装目录ServerRoot "D:/Apache Software Foundation"监听端口#Listen 12.34.56.78:80Listen 80载入
-
【React.js模仿大众点评webapp】实战教程(10)开发详情页商户详情页面的开发 源码地址: 购买实战课程后,在播放视频页面右侧可查看到章节源代码。 页面效果 路由配置 进入路由配置文件./app/router/routeMap.jsx找到详情页的配置代码,可以看到引用的是./app/containers/Detail页面 <Router history={this.props.history}> <Route path='/' component={App}> ...... <Route path='/detail/:id' component={Detail}/> ...... </Route> </Router> 这里简单注意两点 App父组件 路由配置中id参数 页面入口 所有的商户详情页,都是在
-
【React.js模仿大众点评webapp】实战教程(12)收藏和购买收藏和购买的开发 源码地址 购买实战课程后,在播放视频页面右侧可查看到章节源代码。 最终页面效果 增加“收藏 & 购买”子页面 定位到Detail页面,本节教程讲解的功能需要在该页面的基础上再做增加。先增加一个subpage/Buy.jsx的子页面,然后引入到Detail页面中,并传入id <Buy id={id}/> 该子页面中需要用到用户信息(将用于下文的登录验证功能),因此要连接 Redux ,跟之前连接的代码一样 function mapStateToProps(state) { return { userinfo: state.userinfo } } f
detail相关课程
detail相关教程
- 11. 视图集中附加 action 的声明 在视图集中,如果想要让 Router 自动帮助我们为自定义的动作生成路由信息,需要使用rest_framework.decorators.action装饰器。以 action 装饰器装饰的方法名会作为 action 动作名,与 list、retrieve 等同。action 装饰器可以接收两个参数:methods: 声明该 action 对应的请求方式,列表传递detail:声明该action的路径是否与单一资源对应,及是否是xxx/<pk>/action方法名/True 表示路径格式是xxx//action方法名/False 表示路径格式是xxx/action方法名/举例:from rest_framework import mixinsfrom rest_framework.viewsets import GenericViewSetfrom rest_framework.decorators import actionclass StudentsViewSet(mixins.ListModelMixin, mixins.RetrieveModelMixin, GenericViewSet): queryset = StudentsModel.objects.all() serializer_class = StudentsSerializer # detail为False 表示路径名格式应该为 students/latest/ @action(methods=['get'], detail=False) def latest(self, request): """ 返回最新的学生信息 """ ... # detail为True,表示路径名格式应该为 students/{pk}/edit/ @action(methods=['put'], detail=True) def read(self, request, pk): """ 修改学生的年龄 """ ...由路由器自动为此视图集自定义 action 方法形成的路由会是如下内容:^students/latest/$ name: students-latest^students/{pk}/edit/$ name: students-edit
- 2. params 传参 使用 params 传参数我们可以分为两个步骤:定义路由以及路由接收的参数。路由跳转时传入对应参数。首先,我们先了解如何定义路由接收的参数:const routes = [ { path: '/detail/:name', name: 'detail', component: Detail },]使用 <router-link></router-link> 的方式跳转路由: <!-- router-link 跳转 --><router-link :to="{name: 'detail', params: {name: 'React 基础学习'}}">2. React 基础学习</router-link>具体示例:786代码解释:在 JS 代码第 24 行,我们定义了路由 detail,他通过 params 接收一个参数 name。在组件 Article 中,我们使用 <router-link> 链接要跳转的路由并将参数传入。在组件 Detail 中,我们将传入的课程名称显示出来。使用 $router 的方式跳转路由: // $router 跳转 this.$router.push({ name: 'detail', params: { name: 'Vue 教程' }})具体示例:787代码解释:在 JS 代码第 31 行,我们定义了路由 detail,他通过 params 接收一个参数 name。在 JS 代码第 19 行,我们定义了方法 getDetail,该方法通过 $router.push 跳转到详情页面,并传入 name 参数。在组件 Article 中,当我们点击课程名称的时候调用 getDetail 方法。在组件 Detail 中,我们将传入的课程名称显示出来。
- 2.2 造成污染 function fn(obj) { with (obj) { b = 1; }}这个场景其实和上面的类似,假如 obj 中没有属性 b ,则会造成上层作用域的污染。事实上很少有前端开发者会使用 with,在很长篇幅的代码中,with 会让代码逻辑变得不清晰,需要反复确认作用域。尽可能的避免使用 with ,使用短变量名和合理的空行来使代码变得整洁易懂。var family = [ { seniority: '子', name: '小明', detail: { birth: '1192/01/22', sex: 'man', hand: 8, leg: 44, deposit: 9999, }, },];// 不好的表述形式family[0].detail.birth = '1122/22/11';family[0].detail.sex = '?';var deposit = family[0].detail.family[0].detail;// 取出要操作的数据 并控制空行var detail = family[0].detail;detail.birth = '2312/22/33';detail.sex = '未知性别';var deposit = detail.deposit;
- 3. query 传参 使用 query 传参的方法相对简单,只需要在对应路由跳转的时候传入参数即可:使用 <router-link></router-link> 的方式跳转路由: <!-- router-link 跳转 --><router-link :to="{path: '/detail', query: { id: 1 }}">2. React 基础学习</router-link>具体示例:788代码解释:在组件 Article 中,我们使用 <router-link> 链接到要跳转的路由并将参数传入。在组件 Detail 中,我们通过 $route.query.id 将传入的课程 ID 显示出来。使用 $router 的方式跳转路由: // $router 跳转 this.$router.push({ path: '/detail', query: { id: 2 }})具体示例:789代码解释:在 JS 代码第 19 行,我们定义了方法 getDetail,该方法通过 $router.push 跳转到详情页面,并通过 query 传入参数 id。在组件 Article 中,当我们点击课程名称的时候调用 getDetail 方法。在组件 Detail 中,我们通过 $route.query.id 把传入的课程 ID 显示出来。
- 5.1 通过公有的父组件进行非父子组件间的通信 假设现在有三个组件分别是<Parent>、<ChildA>、<ChildB>,其中组件<Parent>是<ChildA>和<ChildB>的父组件,<ChildA>和<ChildB>为兄弟组件,<ChildA>和<ChildB>组件间的通信可以借助<Parent>来间接传递。它的流程大致是这样:<ChildA>通过$emit将数据传递给<Parent>,<Parent>再通过props将数据传递给<ChildB> 。具体示例:606代码解释JS 代码第 18-30 行:定义了组件 detail,它从父组件接收 name 和 age 两个参数。JS 代码第 3-17 行:定义了组件 person,它通过 $emit 将组件内输入的 name 和 age 传递给父组件。JS 代码第 38-41 行:接收了组件 person 传递过来的事件,并修改 name 和 age。HTML 代码第 3 行:将 name 和 age 传递给组件 detail。
- 10.1 创建router对象,并注册视图集,例如 from rest_framework import routersrouter = routers.SimpleRouter()router.register(r'students', StudentsViewSet, base_name='students')register(prefix, viewset, base_name)prefix 该视图集的路由前缀viewset 视图集base_name 路由名称的前缀如上述代码会形成的路由如下:^students/$ name: students-list^students/{pk}/$ name: students-detail
detail相关搜索
-
daima
damain
dart
dataset
datasource
datediff
datediff函数
datepicker
datetime
db4o
dbi
dcloud
deallocate
debian安装
debugger
debugging
declaration
declarations
declare
decode函数