感谢H-ui、感谢CoreThink！

效果图：

登录之后

登录窗体

想做登录之后的下拉菜单的，实在做不出来了，就一般显示了。。。
整个面包屑导航这里，先遍历模块，并且是允许前台显示的模块，之后就是判断用户是否已经登录，已经登录了，就显示个人中心，否则就显示登录和注册按钮。
代码：

<nav class="breadcrumb">

    <div class="container">

                       <span class="c-gray en">

                       <i class="Hui-iconfont"></i>

                       <a href="#">您好，欢迎来到 {:C('WEB_SITE_TITLE')} ！</a>

                           <!-- 系统模块导航 开始-->

                    <opencmf:nav_list name="vo" pid="0">

                        <a target="{$vo.target}" href="{$vo.href}">

                            <span> {$vo.title}</span>

                        </a>

                    </opencmf:nav_list>

                           <!-- 系统模块导航 结束-->

                           </span>

        <present name="_user_auth">

                <a href="#" >

                    <img class="round" src="{$_user_auth.avatar|get_cover='avatar'}" height="30px" width="30px"

                         alt="{$_user_auth.nickname}" />

                     <span>{$_user_auth.nickname}

                           <span>

                               {$_new_message}

                           </span>

                         <!-- 新消息数量 -->

                      </span>

                    <span class="caret"></span>

                </a>

                        <a href="{:U('User/Index/home', array('uid' => $_user_auth['uid']), true, true)}"><span class="label label-secondary radius">个人主页</span></a>

                    <volist name="_user_nav_main" id="vo_nav">

                        <a href="{:U($vo_nav['url'], null, true, true)}"

                               class="{$vo_nav.class}"><span class="label label-secondary radius">

                            {$vo_nav.title}</span></a>

                    </volist>

                    <a href="{:U('User/User/logout', null, true, true)}" class="ajax-get"><span class="label label-danger radius">注销登录</span></a>

            <else/>

            <a class="btn btn-success-outline radius" data-toggle="modal"

               href="#register-modal">注册</a>

            <a class="btn btn-danger-outline radius" data-toggle="modal" href="#login-modal">登录</a>

        </present>

    </div>

</nav>

　　Blog/Home/Public/layout.html

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="utf-8">

    <meta name="renderer" content="webkit|ie-comp|ie-stand">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport"

          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <!--[if lt IE 9]>

    <script type="text/javascript" src="__HOME_LIBS__/html5.js"></script>

    <script type="text/javascript" src="__HOME_LIBS__/respond.min.js"></script>

    <script type="text/javascript" src="__HOME_LIBS__/PIE_IE678.js"></script>

    <![endif]-->

    <link rel="stylesheet" type="text/css" href="__HOME_CSS__/H-ui.min.css"/>

    <link rel="stylesheet" type="text/css" href="__HOME_LIBS__/Hui-iconfont/1.0.7/iconfont.css"/>

    <link rel="stylesheet" type="text/css" href="__HOME_LIBS__/icheck/icheck.css"/>

    <link rel="stylesheet" type="text/css" href="__HOME_CSS__/style.css"/>

    <!--[if IE 6]>

    <script type="text/javascript" src="__HOME_LIBS__/DD_belatedPNG_0.0.8a-min.js"></script>

    <script>DD_belatedPNG.fix('*');</script>

    <![endif]-->

    <block name="title"><title>{:C('WEB_SITE_TITLE')}</title></block>

    <meta name="keywords" content="关键词,5个左右,单个8汉字以内">

    <meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">

</head>

<body>

<div class="clearfix hook hook-page-header">

    {:hook('PageHeader')} <!-- 文档开始钩子 -->

</div>

<!-- 页面导航，支持二级菜单 -->

<header class="navbar-wrapper">

    <div class="navbar navbar-black navbar-fixed-top">

        <div class="container cl">

            <a class="logo navbar-logo hidden-xs" href="/aboutHui.shtml">{:C('WEB_SITE_TITLE')}</a>

            <a class="logo navbar-logo-m visible-xs" href="/aboutHui.shtml">H-ui</a>

            <span class="logo navbar-slogan hidden-xs">{:C('WEB_SITE_SLOGAN')}</span>

            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;"></a>

            <nav class="nav navbar-nav nav-collapse" role="navigation" id="Hui-navbar">

                <ul class="cl">

                    <li><a href="{:C('HOME_PAGE')}">首页</a></li>

                    <cms:category_list name="vo" pid="0" group="1">

                        <php>if($vo['_child']):</php>

                        <li class="dropDown dropDown_hover">

                            <a href="{$vo.href}" class="dropDown_A" data-toggle="dropdown" role="button">

                                {$vo.title} <span class="caret"></span>

                            </a>

                            <ul class="dropDown-menu menu radius box-shadow">

                                <volist name="vo._child" id="vo1">

                                    <li>

                                        <a href="{$vo1.href}">{$vo1.title}</a>

                                    </li>

                                </volist>

                            </ul>

                        </li>

                        <php>else:</php>

                        <li>

                            <a href="{$vo.href}">

                                <span> {$vo.title}</span>

                            </a>

                        </li>

                        <php>endif;</php>

                    </cms:category_list>

                </ul>

            </nav>

            <nav class="navbar-userbar hidden-xs">

            </nav>

        </div>

    </div>

</header>

<nav class="breadcrumb">

    <div class="container">

                       <span class="c-gray en">

                       <i class="Hui-iconfont"></i>

                       <a href="#">您好，欢迎来到 {:C('WEB_SITE_TITLE')} ！</a>

                           <!-- 系统模块导航 开始-->

                    <opencmf:nav_list name="vo" pid="0">

                        <a target="{$vo.target}" href="{$vo.href}">

                            <span> {$vo.title}</span>

                        </a>

                    </opencmf:nav_list>

                           <!-- 系统模块导航 结束-->

                           </span>

        <present name="_user_auth">

                <a href="#" >

                    <img class="round" src="{$_user_auth.avatar|get_cover='avatar'}" height="30px" width="30px"

                         alt="{$_user_auth.nickname}" />

                     <span>{$_user_auth.nickname}

                           <span>

                               {$_new_message}

                           </span>

                         <!-- 新消息数量 -->

                      </span>

                    <span class="caret"></span>

                </a>

                        <a href="{:U('User/Index/home', array('uid' => $_user_auth['uid']), true, true)}"><span class="label label-secondary radius">个人主页</span></a>

                    <volist name="_user_nav_main" id="vo_nav">

                        <a href="{:U($vo_nav['url'], null, true, true)}"

                               class="{$vo_nav.class}"><span class="label label-secondary radius">

                            {$vo_nav.title}</span></a>

                    </volist>

                    <a href="{:U('User/User/logout', null, true, true)}" class="ajax-get"><span class="label label-danger radius">注销登录</span></a>

            <else/>

            <a class="btn btn-success-outline radius" data-toggle="modal"

               href="#register-modal">注册</a>

            <a class="btn btn-danger-outline radius" data-toggle="modal" href="#login-modal">登录</a>

        </present>

    </div>

</nav>

<block name="main">

</block>

<!--页脚-->

<footer class="footer mt-20">

    <div class="container">

        <p>{:C('WEB_SITE_COPYRIGHT')} <br>

            <a rel="nofollow" target="_blank" href="http://www.miitbeian.gov.cn/">

                {:C('WEB_SITE_ICP')}

            </a>

        </p>

    </div>

</footer>

<script type="text/javascript" src="__HOME_LIBS__/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/layer/2.1/layer.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/laypage/1.2/laypage.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/My97DatePicker/WdatePicker.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/icheck/jquery.icheck.min.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/bootstrap-Switch/bootstrapSwitch.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/Validform/5.3.2/Validform.min.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/Validform/5.3.2/passwordStrength-min.js"></script>

<script type="text/javascript" src="__HOME_JS__/H-ui.js"></script>

<script>

    var navigation = responsiveNav("Hui-navbar", {customToggle: ".nav-toggle"});

    $(function () {

        $('.skin-minimal input').iCheck({

            checkboxClass: 'icheckbox-blue',

            radioClass: 'iradio-blue',

            increaseArea: '20%'

        });

        $("#demoform").Validform({

            tiptype: 2

        });

    });

</script>

</block>

<div class="clearfix hook hook-page-footer">

    {:hook('PageFooter')} <!-- 文档末尾钩子 -->

</div>

<include file="$_user_login_modal"/> <!-- 登录弹窗 -->

<script type="text/javascript" src="__HOME_LIBS__/bootstrap-modal/2.2.4/bootstrap-modalmanager.js"></script>

<script type="text/javascript" src="__HOME_LIBS__/bootstrap-modal/2.2.4/bootstrap-modal.js"></script>

<block name="script">

</block>

</body>

</html>

<!--H-ui前端框架提供前端技术支持 h-ui.net @2015-8-4 -->

　　

CoreThink主题开发（八）使用H-ui开发博客主题之用户登录之前及登录之后的更多相关文章

  1. 从无到有开发自己的Wordpress博客主题---代码环境准备

    注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码 这个不在赘述,按 ...

  2. 使用IntelliJ IDEA开发SpringMVC网站（五）博客文章管理

    原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客        3 ...

  3. 一步步开发自己的博客 .NET版（3、注册登录功能）

    前言 这次开发的博客主要功能或特点:    第一:可以兼容各终端,特别是手机端.    第二:到时会用到大量html5,炫啊.    第三:导入博客园的精华文章,并做分类.(不要封我)    第四:做 ...

  4. 解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET

    解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET 解决基于BAE python+bottle开发上的一系列问题 分类: python ...

  5. 20款时尚的 WordPress 博客主题【免费下载】

    在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单 ...

  6. 开源免费的WordPress个人博客主题推荐

    二次元动漫类个人主题 Sakura 功能强大,美观大气,二次元动漫专属 演示地址:https://2heng.xin/theme-sakura/ 开源地址:https://github.com/mas ...

  7. Hexo博客主题优化

    Hexo博客主题优化 添加背景图 在 themes/*/source/css/_custom/custom.styl 中添加如下代码: body{ background:url(/images/bg. ...

  8. 纯CSS打造BiliBili样式博客主题

    前言 一直以来,我都在思考如何减少不必要的JS代码,仅通过CSS来实现博客园主题美化.CSS有很多魔法代码,例如:before,iconfont,order,等等,利用好这些技巧,也能实现很好美化效果 ...

  9. dajngo ORM查询中select_related的作用，博客主题的定制，从数据库中按照年月筛选时间

    1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据 ...

  10. Zblog主题模板自适应手机响应式ZblogPHP简洁博客主题

    Z-blog PHP版本简洁主题模板 特点简洁舒适 手机移动端自适应,完美有利于优化 代码结构利于编辑 对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左 ...

随机推荐

  1. delphi中检测局域网ip能够ping通模块

    // 函数PingHost用于ping目标IP是否连通 // uses winsock    在uses中加入  winsock // 用法:  if PingHost(edit2.Text) the ...

  2. Atitit. 真正的全中国文字attilax易语言的特点以及范例

    Atitit. 真正的全中国文字attilax易语言的特点以及范例 1. 前言 attilax易语言是什么??1 2. attilax易语言的特点2 2.1. 支持多语言文字,不只汉字,还有藏文,维文 ...

  3. Xamarin for VS 3.11.1594 Stable版免费完整破解补丁

    Xamarin for VS 3.11.1594 Stable版免费完整破解补丁 此版本只能用于3.11.1594版本破解, 其他版本可能会有错误. Android和IOS完整支持,不像某些破解只支持 ...

  4. OSI与TCP/IP你了解多少？

    刚开始接触计算机的时候,非常好奇数据是怎样传输的,通过后期的学习逐步了解了计算机的通信原理.相信很多人在学习计算机的时候,首先入门的第一门课就是计算机的通信原理,而通信原理又离不开两大参考模型:OSI ...

  5. Django的自定义标签

    Django提供了自定义标签功能,可以方便常用方法的重复使用. 标签的本质就是函数,标签名就是函数名. 注意点: 1.需要到django.template对象. 2.register = templa ...

  6. C++ Primer（第五版）读书笔记 & 习题解答 --- Chapter 3

    Chapter 3.1 1. using声明具有如下的形式: using namespace::name; Chapter 3.2 1. C++标准一方面对库类型所提供的操作做了规定,另一方面也对库的 ...

  7. Windows手动安装MySQL

    由于MySQL 5.6(也许5.5)以后去掉了Server Instance Configuration Wizard(服务实例配置向导),于是msi版变成了和zip版一样,要手动配置. * 假定安装 ...

  8. pdfBox 读取pdf文件

    1.引入maven依赖 <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pd ...

  9. UVA 1363 Joseph's Problem 找规律+推导 给定n,k;求k%[1,n]的和。

    /** 题目:Joseph's Problem 链接:https://vjudge.net/problem/UVA-1363 题意:给定n,k;求k%[1,n]的和. 思路: 没想出来,看了lrj的想 ...

  10. oracle 启动模式

    转载自:http://blog.csdn.net/nsj820/article/details/6573525 <一>.ORACLE数据库启动模式 1.启动SQL*PLUS不与数据库连接 ...