毕业设计一周一记03

时间:2021-08-10 04:07:42

本周计划:

逐步完成商城总框架

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" .}}
*在模板中可以接着载入其他模板