zoukankan      html  css  js  c++  java
  • 毕业设计一周一记03

    本周计划:

    逐步完成商城总框架

    2017/11/4

    工作位置:商城主页

    工作内容:

    一·轮播条实现:

      思路:1.使用模板,监听左右点击事件改变模板中变量值.可行性判断:bootstrap 框架的js已经写成,不好修改。不可行。

         2.使用模板,页面中多次调用模板,调用时改变值。可行性判断:无法确定何时可以改变变量的值,不可行

         3.使用循环{{.range .datas}}在循环中写入轮播页面。不使用模板  可行性判断: 可行

      代码展示:

      <ul class="" id="bxslider-home4">
                        {{range .headerData}}
                        <li>
                            <img src="../{{.Location}}" alt="Slide">
                            <div class="caption-group">
                                <h2 class="caption title">
                                    {{.Name1}} <span class="primary">{{.Name2}} <strong>{{.Name3}}</strong></span>
                                </h2>
                                <h4 class="caption subtitle">{{.Primary}}</h4>
                                <a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
                            </div>
                        </li>
                        {{end}}
                        
                    </ul>

    遇见问题:

    问题一:找不到变量

    原因:引用变量大小写必须和models.go文件中定义的变量大小写一致

    问题二:{{.变量名}}在双引号中依然可以显示。

    使用beego框架模板的使用:

    参考资料:beego开发文档:https://beego.me/docs/mvc/view/tutorial.md

    {template "模板名" pipeline}}

    将对应的上下文 pipeline 传给模板,才可以在模板中调用

    Beego 中支持直接载入文件模板

    {{template "path/to/head.html" .}}
    *在模板中可以接着载入其他模板
  • 相关阅读:
    BZOJ 4247 挂饰
    BZOJ 4247 挂饰
    BZOJ 1087(SCOI 2005) 互不侵犯
    BZOJ 1087(SCOI 2005) 互不侵犯
    bzoj 2093 [Poi2010]Frog——滑动窗口
    bzoj 2096 [POI2004]ZAW——二进制枚举
    bzoj 2276 [Poi2011]Temperature——单调队列
    CF 293E Close Vertices——点分治
    洛谷 4178 Tree——点分治
    洛谷 2634 [国家集训队]聪聪可可——点分治
  • 原文地址:https://www.cnblogs.com/amiee/p/7782787.html
Copyright © 2011-2022 走看看