zoukankan      html  css  js  c++  java
  • 一个简单的blog系统(十二) 增加友情链接页面

    1.首先,我们打开header.ejs,在其中添加一行代码,并作出响应修改:

    <li><a href="/links" title='友情链接'>链接</a></li>


    2. 然后,我们修改index.js,在其中添加如下所示的代码:

    //友情链接页面路由
    router.get('/links', function(req, res) {
        res.render('links', {
            title: '链接',
            user: req.session.user,
            success: req.flash('success').toString(),
            error: req.flash('error').toString()
        });
    });

    3. 其次,我们在views文件夹下面创建links.ejs文件,用来存放相关链接的地方,在其中添加如下所示的代码:

    <%- include common/header %>
    
    <div class='container'>
        <h2>友情链接</h2>
        <hr/>
        <ul class="list-group">
              <li class="list-group-item"><a href="http://imooc.com">慕课网</a></li>
              <li class="list-group-item"><a href="http://jikexueyuan.com">极客学院</a></li>
              <li class="list-group-item"><a href="http://www.runoob.com">菜鸟教程</a></li>
        </ul>
    </div>
    
    <%- include common/footer %>

      至此,我们就给博客添加了友情链接的功能。

  • 相关阅读:
    Vue(小案例_vue+axios仿手机app)_go实现退回上一个路由
    nyoj 635 Oh, my goddess
    nyoj 587 blockhouses
    nyoj 483 Nightmare
    nyoj 592 spiral grid
    nyoj 927 The partial sum problem
    nyoj 523 亡命逃窜
    nyoj 929 密码宝盒
    nyoj 999 师傅又被妖怪抓走了
    nyoj 293 Sticks
  • 原文地址:https://www.cnblogs.com/yuity/p/5305050.html
Copyright © 2011-2022 走看看