vue + 模板

最新推荐文章于 2025-02-08 11:34:44 发布

scaling_heights

最新推荐文章于 2025-02-08 11:34:44 发布

阅读量611

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/jz1993/article/details/80987776

版权

vue 专栏收录该内容

12 篇文章

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="t" tagdir="/WEB-INF/tags/" %>
<%
    String path = request.getContextPath();
    String webName = request.getServerName();
    String basePath = request.getScheme() + "://" + webName + ":" + request.getServerPort() + path;
%>
<html>
<head>
    <title>测试</title>
    <link href="<%=basePath%>/resources/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="<%=basePath%>/resources/lib/bootstrap/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="<%=basePath%>/resources/css/index.css" rel="stylesheet">
    <style>

    </style>
</head>
<body>
<div id="wrapper">
    <!--顶部导航栏部分-->
    <nav class="navbar">
        <div class="container-fluid" style="margin-top: -2px;">
            <div class="navbar-header">
                <img style="height:60px;" alt="image" src="resources/img/suning.png" />
                <span style="vertical-align:middle;display:inline-block;height:62px;line-height:80px">PCDN管理平台</span>
            <%--<a class="navbar-brand" title="logoTitle" href="#">Neo Yang</a>--%>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <%--<li role="presentation">
                        <a href="#">当前用户：<span class="badge">TestUser</span></a>
                    </li>--%>
                    <li>
                        <a href="../login/logout" style="padding-top: 24px;"><span class="glyphicon glyphicon-lock"></span>退出登录</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div style="height:34px;background: #5FA2DD;">
        <div class="dropdown dropdown-menu-right">
            <button class="ml btn dropdown-toggle btn-primary" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                PCDN用户服务平台
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                <li><a href="javascript:void(0);">PCDN用户服务平台</a></li>
                <li><a href="javascript:void(0);">共享CDN开发平台</a></li>
            </ul>
        </div>
    </div>

    <!-- 中间主体内容部分 -->
    <div class="pageContainer">
        <!-- 左侧导航栏 -->
        <div class="pageSidebar">
            <ul class="nav nav-stacked nav-pills">
                <li class=" ${selected == 'equipManage' ? 'active' :''} ">
                    <a href=""><i class="fa fa-tablet"></i> <span class="nav-label">设备管理</span></a>
                </li>
                <li class=" ${selected == 'versionManage' ? 'active' :''} ">
                    <a href=""><i class="fa fa-sitemap"></i> <span class="nav-label">版本升级管理</span></a>
                </li>
                <li class=" ${selected == 'trafficMonitor' ? 'active' :''} ">
                    <a href=""><i class="fa fa-chain"></i> <span class="nav-label">上传流量监控</span></a>
                </li>
                <li class=" ${selected == 'incomeMeasure' ? 'active' :''} ">
                    <a href=""><i class="fa fa-database"></i> <span class="nav-label">收入计量</span></a>
                </li>
                <li class=" ${selected == 'manageLog' ? 'active' :''} ">
                    <a href=""><i class="fa fa-warning"></i> <span class="nav-label">日志</span></a>
                </li>
            </ul>
        </div>
        <!-- 左侧导航和正文内容的分隔线 -->
        <div class="splitter"></div>
        <!-- 正文内容部分 -->
        <div class="pageContent">
            11111111111111
        </div>
    </div>
    <!-- 底部页脚部分 -->
    <div class="footer">
        <p class="text-center">
            2017 &copy; NeoYang.
        </p>
    </div>
</div>
</body>
<script src="<%=basePath%>/resources/lib/vue2.0/vue.js"></script>
<script src="<%=basePath%>/resources/lib/bootstrap/js/jquery-2.1.1.js"></script>
<script src="<%=basePath%>/resources/lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
    var vue = new Vue({
        el : "#wrapper",
        data : {
            msg : "ceshi",
            telephone : ""
        }
    });

    /*$(".nav li").click(function() {
        $(".active").removeClass('active');
        $(this).addClass("active");
    });*/
</script>
</html>

https://blog.youkuaiyun.com/xwxyjy/article/details/60142401

https://blog.youkuaiyun.com/mao834099514/article/details/79138484

https://blog.youkuaiyun.com/linzhiqiang0316/article/details/79176651

 /**
     * node -v
     * npm -v
     * npm set registry http://registry.npm.taobao.org
     * npm config delete proxy
     * npm i -g vue-cli
     */

E:\CDNSpace\pcdn\pcdn-web>npm install
npm WARN tar zlib error: unexpected end of file
npm ERR! cb() never called!

npm ERR! This is an error with npm itself. Please report this error at:
npm ERR!     <https://github.com/npm/npm/issues>

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\18064211\AppData\Roaming\npm-cache\_logs\2018-07-12T07_38_54_172Z-debug.log

https://blog.youkuaiyun.com/dyp330/article/details/80420749

Element UI DatePicker 日期选择器：
https://blog.youkuaiyun.com/zgrkaka/article/details/78491532
https://www.cnblogs.com/xjcjcsy/p/7977966.html