毕业设计一周一记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" .}}
*在模板中可以接着载入其他模板