zoukankan      html  css  js  c++  java
  • angularjs1.x大漠穷秋视频代码

    /Downloads/54361bf500012f7400000000/AngularJS/app/UIRoute3.html#/index/usermng/addusertype

    <div class="row">
        <div class="col-md-3">
            <div class="row">
                <div class="col-md-12">
                    <div class="list-group">
                        <a ui-sref="#" class="list-group-item active">用户分类</a>
                        <a ui-sref="index.usermng.highendusers" class="list-group-item">高端用户</a>
                        <a ui-sref="index.usermng.normalusers" class="list-group-item">中端用户</a>
                        <a ui-sref="index.usermng.lowusers" class="list-group-item">低端用户</a>
                        <a ui-sref="#" class="list-group-item">黑名单</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button class="btn btn-primary" ng-click="addUserType()">新增用户</button>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div ui-view></div>
        </div>
    </div>



    <div class="row">
        <div class="col-md-12">
            <h3>高端用户列表</h3>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <table class="table table-bordered table-hover table-condensed">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>姓名</th>
                        <th>年龄</th>
                        <th>作品</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2">1</td>
                        <td>大漠穷秋</td>
                        <td>29</td>
                        <td>《用AngularJS开发下一代WEB应用》</td>
                    </tr>
                    <tr>
                        <td>大漠穷秋</td>
                        <td>29</td>
                        <td>《用AngularJS开发下一代WEB应用》</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>大漠穷秋</td>
                        <td>29</td>
                        <td>《Ext江湖》</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td colspan="2">大漠穷秋</td>
                        <td>《ActionScript游戏设计基础(第二版)》</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    
    
    var routerApp = angular.module('routerApp', ['ui.router']);
    routerApp.config(function($stateProvider, $urlRouterProvider) {
        $urlRouterProvider.otherwise('/index');
        $stateProvider
            .state('index', {
                url: '/index',
                views: {
                    '': {
                        templateUrl: 'tpls3/index.html'
                    },
                    'topbar@index': {
                        templateUrl: 'tpls3/topbar.html'
                    },
                    'main@index': {
                        templateUrl: 'tpls3/home.html'
                    }
                }
            })
            .state('index.usermng', {
                url: '/usermng',
                views: {
                    'main@index': {
                        templateUrl: 'tpls3/usermng.html',
                        controller: function($scope, $state) {
                            $scope.addUserType = function() {
                                $state.go("index.usermng.addusertype");
                            }
                        }
                    }
                }
            })
            .state('index.usermng.highendusers', {
                url: '/highendusers',
                templateUrl: 'tpls3/highendusers.html'
            })
            .state('index.usermng.normalusers', {
                url: '/normalusers',
                templateUrl: 'tpls3/normalusers.html'
            })
            .state('index.usermng.lowusers', {
                url: '/lowusers',
                templateUrl: 'tpls3/lowusers.html'
            })
            .state('index.usermng.addusertype', {
                url: '/addusertype',
                templateUrl: 'tpls3/addusertypeform.html',
                controller: function($scope, $state) {
                    $scope.backToPrevious = function() {
                        window.history.back();
                    }
                }
            })
            .state('index.permission', {
                url: '/permission',
                views: {
                    'main@index': {
                        template: '这里是权限管理'
                    }
                }
            })
            .state('index.report', {
                url: '/report',
                views: {
                    'main@index': {
                        template: '这里是报表管理'
                    }
                }
            })
            .state('index.settings', {
                url: '/settings',
                views: {
                    'main@index': {
                        template: '这里是系统设置'
                    }
                }
            })
    });
     
  • 相关阅读:
    MyBatis嵌套查询column传多个参数描述
    RabbitMQ入门Demo
    使用Nginx配置资源虚拟路径
    RabbitMQ在windows环境下的安装
    Nginx的一些基本功能
    Maven的setting配置文件
    Dubbo与Zookeeper
    swap是干嘛的?
    HttpMessageConverter那回事
    java 深拷贝与浅拷贝机制详解
  • 原文地址:https://www.cnblogs.com/zf201149/p/10010240.html
Copyright © 2011-2022 走看看