动态网站设计Go语言
问题遇到的现象和发生背景
输入http://192.168.34.168:8088打不开
问题相关代码，请勿粘贴截图
package main
import (
"fmt"
"html/template"
"log"
"net/http"
)
func Login(w http.ResponseWriter, r *http.Request) {
t, err := template.ParseFiles("fleas02.html")
if err == nil {
t.Execute(w, nil)
} else {
log.Fatal("解析页面错误！", err)
}
}
func Sign(w http.ResponseWriter, r *http.Request) {
t, err := template.ParseFiles("fleas3.html")
if err == nil {
t.Execute(w, nil)
} else {
log.Fatal("解析页面错误！", err)
}
}
func Home(w http.ResponseWriter, r *http.Request) {
t, err := template.ParseFiles("fleas1.html")
if err == nil {
fmt.Println("sdfghjk")
t.Execute(w, nil)
fmt.Println("1234567")
} else {
log.Fatal("解析页面错误！", err)
}
}
func News(w http.ResponseWriter, r *http.Request) {
dict := make(map[string][]int)
dict["name"] = []int{1, 23, 4, 5}
t, err := template.ParseFiles("fleas02.html")
if err == nil {
t.Execute(w, dict)
}
}
func main() {
http.HandleFunc("/", Home)
http.HandleFunc("/login", Login)
http.HandleFunc("/sign", Sign)
http.Handle("/layui/", http.StripPrefix("/layui/", http.FileServer(http.Dir("layui"))))
http.Handle("/images/", http.StripPrefix("/images/", http.FileServer(http.Dir("images"))))
http.HandleFunc("/", News)
err := http.ListenAndServe(":8088", nil)
if err != nil {
log.Fatal("err:", err)
}
}
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
能打开
fleas1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>跳蚤</title>
<link rel="stylesheet" href="./layui/css/layui.css">
<link rel="shortcut icon" href="./images/favicon/favicon.ico">
<style>
body {
width: 1300px;
}
img {
width: 1300px;
height: 250px;
}
p {
display: inline-block;
padding-right: 100px;
}
.class1 {
padding: 0;
margin: 0 auto;
background-color: white;
display: block;
width: 1300px;
}
/* ul,
li,
h3 {
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
margin: 50px auto;
width: 860px;
}
li {
height: 130px;
padding: 20px 0;
border-top: 2px solid #ccc;
}
li:hover {
background-color: #f8f8f8;
} */
/* img {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
width: 195px;
height: 130px;
} */
.content {
display: inline-block;
vertical-align: middle;
}
.content h3 {
margin-bottom: 25px;
font-weight: normal;
font-family: "黑体";
font-size: 20px;
}
.mid {
margin-bottom: 20px;
}
.mid span {
color: #cccc00;
font-size: 16px;
}
.mid a {
display: inline-block;
background-color: #eee;
padding: 2px 5px;
color: #999;
font-size: 14px;
text-decoration: none;
}
.botoom {
margin-bottom: 10px;
color: #999;
font-size: 14px;
}
.bottom span {
border: 1px solid #eee;
padding: 3px 10px;
border-radius: 25px;
}
.bottom i {
font-style: normal;
}
footer {
height: 15px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: black;
color: #ccc;
font-size: 15px;
text-align: center;
padding: 10px 0 10px 0;
}
</style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black"></div>
<!-- 头部区域（可配合layui 已有的水平导航） -->
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="/sign">注册</a></li>
<li class="layui-nav-item layui-this"><a href="/login">登录</a></li>
<li class="layui-nav-item "><a href="">→</a></li>
<li class="layui-nav-item">
<a href="javascript:;">运动</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">球拍</a></dd>
<dd><a href="">球</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">书本</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">公共选修课本</a></dd>
<dd><a href="">本子</a></dd>
<dd><a href="">笔</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">男装</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">休闲</a></dd>
<dd><a href="">运动</a></dd>
<dd><a href="">西装</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">女装</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">休闲</a></dd>
<dd><a href="">运动</a></dd>
<dd><a href="">西装</a></dd>
<dd><a href="">可爱</a></dd>
<dd><a href="">淑女</a></dd>
<dd><a href="">成熟</a></dd>
<dd><a href="">性感</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">鞋子</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">平底鞋</a></dd>
<dd><a href="">运动鞋</a></dd>
<dd><a href="">增高鞋</a></dd>
<dd><a href="">高跟鞋</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">饰品</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">发圈</a></dd>
<dd><a href="">卡子</a></dd>
<dd><a href="">耳环</a></dd>
<dd><a href="">项链</a></dd>
<dd><a href="">手链</a></dd>
<dd><a href="">戒指</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">护肤化妆</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">洗面奶</a></dd>
<dd><a href="">面膜</a></dd>
<dd><a href="">口红</a></dd>
<dd><a href="">其它</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">...</a></li>
</ul>
<ul class="layui-nav layui-layout-left">
<!-- 移动端显示 -->
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
<i class="layui-icon layui-icon-spread-left"></i>
</li>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">fleas_1</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">衣</a></dd>
<dd><a href="javascript:;">食</a></dd>
<dd><a href="javascript:;">住</a></dd>
<dd><a href="">行</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">fleas_2</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">买</a></dd>
<dd><a href="javascript:;">卖</a></dd>
<dd><a href="">交易</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="javascript:;">买</a></li>
<li class="layui-nav-item"><a href="">卖</a></li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<div>
<div class="class1">
<div class="layui-carousel" id="test1">
<div carousel-item>
<div><img src="images/期末作业/书.jpg" alt=""></div>
<div><img src="images/期末作业/衣服（裙子居多）.jpg" alt=""></div>
<div><img src="images/期末作业/羽毛球拍.jpg" alt=""></div>
<div><img src="images/期末作业/跳蚤市场.png" alt=""></div>
<div><img src="images/期末作业/狐狸面具.jpg" alt=""></div>
<div><img src="images/期末作业/口红.jpg" alt=""></div>
</div>
</div>
<ul>
<li>
<img src="images/期末作业/口红.jpg" alt=""
style="display:inline-block;vertical-align:middle;margin-right:20px;width:195px;height:130px;">
<div class="content">
<h3>不只有看肤色挑唇色 选对口红衣服更美</h3>
<div class="mid">
<span>标签</span>
<a href="#">唇膏</a>
<a href="#">红色</a>
<a href="#">化妆</a>
<a href="#">美容美体</a>
</div>
<div class="bottom">
<span>fleas</span>
<i>2022-2-1</i>
</div>
</div>
</li>
<li>
<img src="images/期末作业/呼啦圈.jpg" alt=""
style="display:inline-block;vertical-align:middle;margin-right:20px;width:195px;height:130px;">
<div class="content">
<h3>选对健身圈 好身材不是梦</h3>
<div class="mid">
<span>标签</span>
<a href="#">呼啦圈</a>
<a href="#">粉色</a>
<a href="#">减肥</a>
<a href="#">美容美体</a>
</div>
<div class="bottom">
<span>fleas</span>
<i>2022-2-1</i>
</div>
</div>
</li>
<li>
<img src="images/期末作业/星星耳坠.jpg" alt=""
style="display:inline-block;vertical-align:middle;margin-right:20px;width:195px;height:130px;">
<div class="content">
<h3>负责闪耀的星星 让你的美我见犹怜<h3>
<div class="mid">
<span>标签</span>
<a href="#">耳坠</a>
<a href="#">银色</a>
<a href="#">饰品</a>
</div>
<div class="bottom">
<span>fleas</span>
<i>2022-2-1</i>
</div>
</div>
</li>
<li>
<img src="images/期末作业/暖脚神器.jpg" alt=""
style="display:inline-block;vertical-align:middle;margin-right:20px;width:195px;height:130px;">
<div class="content">
<h3>暖脚神器 这个冬天不用愁<h3>
<div class="mid">
<span>标签</span>
<a href="#">暖脚</a>
<a href="#">粉色</a>
<a href="#">舒适</a>
</div>
<div class="bottom">
<span>fleas</span>
<i>2022-2-1</i>
</div>
</div>
</li>
<li>
<img src="images/期末作业/狐狸面具.jpg" alt=""
style="display:inline-block;vertical-align:middle;margin-right:20px;width:195px;height:130px;">
<div class="content">
<h3>戴面具的你 增添了一分神秘感<h3>
<div class="mid">
<span>标签</span>
<a href="#">面具</a>
<a href="#">红白相间</a>
<a href="#">狐狸</a>
</div>
<div class="bottom">
<span>fleas</span>
<i>2022-2-1</i>
</div>
</div>
</li>
</ul>
<script src="layui/layui.js"></script>
<script>
layui.use('carousel', function () {
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#test1'
, width: '75%' //设置容器宽度
, arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});
</script>
</div>
</div>
</div>
</div>
<a href="#">返回顶部</a>
<div class="layui-footer">
<!-- 底部固定区域 -->
底部固定区域
<footer>
<p>版权所有</p>
<p>张慧娜</p>
<p>QQ:767406104</p>
</footer>
</div>
</div>
<script src="./layui/layui.js"></script>
<script>
//JS
layui.use(['element', 'layer', 'util'], function () {
var element = layui.element
, layer = layui.layer
, util = layui.util
, $ = layui.$;
//头部事件
util.event('lay-header-event', {
//左侧菜单事件
menuLeft: function (othis) {
layer.msg('展开左侧菜单的操作', { icon: 0 });
}
, menuRight: function () {
layer.open({
type: 1
, content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
, area: ['260px', '100%']
, offset: 'rt' //右上角
, anim: 5
, shadeClose: true
});
}
});
});
</script>
<a href="javascript:scroll(0,0)">返回顶部</a>
</body>
</html>