IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

怎么用http请求发送相关参数

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$http({
        method: 'GET',
        url: '/carrots-admin-ajax/a/article/search',
        params: {
            page: $stateParams.page,
            type: $stateParams.type,
            status: $stateParams.status,
            startAt: $stateParams.startAt,
            endAt: $stateParams.endAt,
            size: $stateParams.size,
            title: $stateParams.title,
            author: $stateParams.author,
        },
    }).then(function (response) {
        $scope.myObj = response.data.data.articleList;
        $scope.arr = response.data.data.total;
        $scope.arrId = response.data.data.articleList;
        $scope.total = response.data.data.total;
        $scope.size = response.data.data.size;
        $scope.bigCurrentPage = $stateParams.page;
        $scope.admin = $stateParams.author;
        // $scope.bigTotalItems = $scope.total;
        // $scope.dddd = Math.ceil($scope.total / size);
        // console.log(response)
    })

该问题已被官方收录

风琴菜单的打开状态如何保存

1

1

angular基础 angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="AccordionDemoCtrl">
            <uib-accordion close-others="oneAtATime">
                <div uib-accordion-group class="panel-default" is-open="status.open">
                    <uib-accordion-heading><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                        信息管理
                        <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
                    </uib-accordion-heading>
                    <a>公司列表</a>
                </div>
            </uib-accordion>
        </div>

该问题已被官方收录

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
    <div class="artcle">
        <header>
            <div class="row">
                <div>
                    <span>标题</span>
                    <input type="text" v-model="title">
                </div>
                <div>
                    <span>创建者</span>
                    <input type="text" v-model="author">
                </div>
                <div>
                    <span>创建时间</span>
                    <input type="date">
                </div>
                <div>
                    <span>-</span>
                    <input type="date">
                </div>
            </div>
            <div class="row">
                <div>
                    <span>状态</span>
                    <select class="in"> 
                        <option v-for="item in statusList"
                        :key="item.id"
                        >{{item.label}}</option>
                    </select>
                </div>
                <div>
                    <span>类型</span>
                    <select class="in">
                        <option v-for="item in typeList"
                        :key="item.id">
                        {{item.label}}
                        </option>
                    </select>
                </div>
            </div>
            <div>
                <button>清空</button>
                <button>搜索</button>
            </div>
        </header>
        <main>
            <div class="container">
                <div class="strong">Article管理</div>
                <div>
                    <button>保存排序</button>
                    <button v-on:click="add">+新增</button>
                </div>
            </div>
            <div class="list-table">
                <table class="list-box">
                    <tr class="table-header">
                        <th class="width1">序号</th>
                        <th class="width1">图片</th>
                        <th class="width1">标题</th>
                        <th class="width1">类型</th>
                        <th class="width1">创建者</th>
                        <th class="width1">创建时间</th>
                        <th class="width1">修改时间</th>
                        <th class="width1">状态</th>
                        <th class="width2">操作</th>
                    </tr>
                    <tr v-if="tableData==undefined">
                        <th class="noData">暂无数据</th>
                    </tr>
                    <tr class="table-content" v-for="(item, index) in tableData" :key="index">
                            <td class="width1">{{index|indexFilter}}</td>
                            <td class="width1 img-box">
                                <img class="img" :src="item.img">
                            </td>
                            <td class="width1">{{item.title}}</td>
                            <td class="width1">{{item.type|typeFilter}}</td>
                            <td class="width1">{{item.author}}</td>
                            <td class="width1">{{item.createAt|timeFilter}}</td>
                            <td class="width1">{{item.updateAt|timeFilter}}</td>
                            <td class="width1">{{item.status|statusFilter}}</td>
                            <td class="width2">
                                <button class="bnt" type="success">{{item.status|updateStatus}}</button>
                                <button class="bnt" type="primary">编辑</button>
                                <button class="bnt" type="danger">删除</button>
                            </td>
                        </tr>
                </table>
            </div>
        </main>
        <footer>
            <div class="containerr">
                <span>共{{pagecount}}页</span>
                <button>首页</button>
                <button><i class="left"></i></button>
                <button v-for="(item,index) in pageArray" 
                    :key = "index" 
                    @click="articleList(index+1)">{{index+1}}</button>
                <button>
                    <i class="right"></i>
                </button>
                <button>末页</button>
            </div>
        </footer>
    </div>
</template>
<script>
import {article} from "@/http/article/article.js"; //接口
    export default {
        name: "articlee",
    data() {
    return {
      tableData: 'undefined', //数据列表
      pagecount: "", //总页数
      pageArray: Array(),//页数数组
      currentPage: 1, 
      title: "",
      author: "",
      //状态列表
      statusList: [
        {
          id: 1,
          label: "全部"
        },
        {
          id: 2,
          label: "草稿"
        },
        {
          id: 3,
          label: "上线"
        }
      ],
      typeList: [
          {
              id: 1,
              label : "全部"
          },
          {
              id: 2,
              label : "行业大图"
          },
          {
              id: 3,
              label : "找职位banner"
          },
          {
              id: 4,
              label : "找精英banner"
          },
          {
              id: 5,
              label : "首页banner"
          }
      ]
    };
  },
  methods:{
      articleList(page,size){
          console.log(page)
          let params = {
              page: page,
              size: 10
          }
          console.log(params)
       article.getArticleList(params)
        .then(res => {
            let list = res.data.data.articleList; //数据列表
            console.log(list)
            if (list.length == 0) {
            this.tableData = undefined;
          }else{
              this.tableData = list;
          }
          let page = Math.ceil(res.data.data.total/10); //页数
          this.pagecount = page;   //赋值给总页数 
          console.log(page);
          this.pageArray = Array(Math.ceil(res.data.data.total/10));
        })
    },

    pageChang(val) {
        this.page
    },
    add(){
         //新增按钮
      this.$router.push({
        path: "/Home/articleAdd",
        query: {
          status: "add"
        }
      }) //跳转科目管理页面为新增
    }
  },
  created(){
      console.log(this.page)
  this.articleList()
  },
  filters: {
    indexFilter: function(index) {
      return index + 1;
    },
    typeFilter: function(type) {
      if (type == 0) {
        return "首页banner";
      } else if (type == 1) {
        return "找职位banner";
      } else if (type == 2) {
        return "找精英banner";
      } else if (type == 3) {
        return "行业大图";
      }
    },
    statusFilter: function(status) {
      if (status == 1) {
        return "草稿";
      } else if (status == 2) {
        return "上线";
      }
    },
    updateStatus: function(status) {
      if (status == 1) {
        return "上线";
      } else if (status == 2) {
        return "下线";
      }
    }
  }
}
</script>

该问题已被官方收录

ng-route单页面跳转本地打开文件报错

1

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body ng-app="app">
    <div ng-view></div>
    
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="index.js"></script>
</body>
</html>

var app=angular.module("app",['ngRoute']);
app.config(['$routeProvider',function($routeProvider){
    $routeProvider
    .when('/',{
        templateUrl:'login1.html'
    })
    .when('/backstage',{
        templateUrl:'ttt.html'
    })
    .otherwise({resizeTo:'/'});
}]);

该问题已被官方收录

如何将随机出来的数字应用到格子当中

0

1

事件操作DOM

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

document.write(parseInt(1+9*Math.random()))

该问题已被官方收录

angular6路由卫士如何设置？

0

1

angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular6路由卫士设置方法：

新增卫士服务


// src/app/serve/auth-guard.service.ts
import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';

@Injectable()
export class AuthGuardService implements CanActivate {
  constructor(public router: Router) {}
  canActivate(): boolean {
    if (localStorage.getItem('username') === null) {      // 验证登录状态
      this.router.navigate(['/login']);                   // 重定向
      return false;
    }
    return true;
  }
}
导入路由模块


// src/app/app.routing.module.ts
import { Routes, CanActivate } from '@angular/router'; // 导入依赖

import { 
  AuthGuardService as AuthGuard 
} from '../app/serve/auth-guard.service';             // 导入服务
const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  { path: 'login', component: AdminLoginComponent },
  {
    path: 'global',
    component: GlobalComponent,
    children: childRoutes,
    canActivate: [AuthGuard]          // 添加验证服务
  }
];
@NgModule({
...
  providers: [ AuthGuard ],        // 添加提供者
})

登录时：


... 
 if (this.data.code === 0) {                //  用户名密码验证成功
      localStorage.setItem('username', 'admin');  
      this.router.navigate([`../global`]);          
        }
...
退出时：


logout() {
    localStorage.removeItem('username');
    this.router.navigate(['/login']);
  }

该问题已被官方收录

angular中事件冒泡怎么解决？

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

点击“赞”或“踩”的链接，就会看到该页面发生了预料之外的刷新。 

在默认情况下，JavaScript会把click事件冒泡到所有父级组件中。因为 click 事件被冒泡到了

父级，浏览器就会尝试导航到这个空白链接，于是浏览器就重新刷新了。 

解决办法：让 click 的事件处理器返回 false 。这能确保浏览器不会尝试刷新页面。修改代码，以便让每一个 voteUp() 和 voteDown() 函数都返回一个布尔值 false （告诉浏览器不要向上冒泡） ： 

voteDown(): boolean { 

  this.votes -= 1; 

  return false; 

}

该问题已被官方收录

如何实现侧边栏刷新保持展开以及高亮状态？

1

1

angular 指令

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

在用户管理页保持高亮的代码如上面截图，但是跳转到用户详情页时如何也能保持高亮呢？

该问题已被官方收录

时间点的选择有没有合适的插件，在网上没有找到

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

任务三，翻盘页点击最后的法官查看，会先闪过一张翻盘页面再跳转到游戏开始

1

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  if ($('#look').text() == "法官查看") {
            window.location.href = 'task3-2.html';
        } else {

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1