整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

golang web从入门到精通 设置响应渲染HTM

golang web从入门到精通 设置响应渲染HTML模板

olang 简介

Go(又称Golang)是Google开发的一种静态强类型、编译型、并发型,并具有垃圾回收功能的编程语言。

golang前景

适合云计算、微服务、基础后端软件的功能实现。

go语言优点

go是非常年轻的一门语言,“兼具Python 等动态语言的开发速度和C/C++等编译型语言的性能与安全性”,具备强大的标准库,内置垃圾回收机制,属于静态类型语言,因此具备编译检查和编码规范,特别是并发功能实现简单,但功能强大,可使用goroutine和channel轻松实现高并发。

golang web 优势

语法简单:语法简洁,新手入门简单,开发应用性能高。

便于维护:强类型静态语言,便于项目的重构和维护。

部署方便:编译的可执行二进制文件,在执行时,不需要部署环境,把编译文件上传,就完成了项目的部署。

设置响应内容为HTML

1、文件列表结构

2、html/base/admin.html

3、html/admin/admin.html

4、html/base/foot.html


5、设置请求处理对象

6、设置请求处理函数

果您已经添加过备案号到网站首页,但还是提示您未在首页添加网站备案号,请检查源码中网址是否是https://beian.miit.gov.cn/,如不是,请参考下方代码更新。

添加对应的备案信息到首页一般使用以下代码添加。(“备案号”请替换为您网站的备案号。)

<a href="https://beian.miit.gov.cn/"; target=_blank>备案号</a>

不同程序添加方式不一样,但思路相同,都是先找后台再找源文件,后台注意找版权设置或者icp备案号设置,如果没有再找源文件.

常见程序:

dedecms:后台管理-系统-系统基本参数-网站版权信息,将备案号和代码添加.

源文件方式:路径wwwroot\templets\模板\footer.htm 以上操作修改后,要重新生成首页.

discuz:后台-全局-系统设置-备案号

源文件方式:路径template\模板\common\footer.htm

phpcms:源文件方式:路径 /wwwroot/phpcms/templates/模板/content/ footer.html

代理平台:登录管理员,升级到最新版本,在系统设置-系统设置-基本信息-网站备案号,设置备案编号即可.

自己修改过代理平台模板,wwwroot\Template\模板\config\bottom.html 编辑.

wordpress:后台-设置-常规-ICP备案号.

因很多人不会使用自带主题,一般主题设置会有备案编号设置,底部版权设置,编辑添加上面代码即可.

aspcms:

源文件方式: \wwwroot\template\当前使用模板\zh_foot.html foot文件有时候可能有其他命名

其他网站程序:先到网站后台查看有没有版权备案号设置,一般都在基本设置。 如果后台没有则到对应的网站程序模板,找到页脚进行添加,一般页脚为footer开头命名.

freeCodeCamp网站上刷题看到的用纯CSS画一只企鹅案例。以下是代码:

<style>

.penguin {

/* change code below */

--penguin-skin: gray;

--penguin-belly: white;

--penguin-beak: orange;

/* change code above */

position: relative;

margin: auto;

display: block;

margin-top: 5%;

width: 300px;

height: 300px;

}

.penguin-top {

top: 10%;

left: 25%;

background: var(--penguin-skin, gray);

width: 50%;

height: 45%;

border-radius: 70% 70% 60% 60%;

}

.penguin-bottom {

top: 40%;

left: 23.5%;

background: var(--penguin-skin, gray);

width: 53%;

height: 45%;

border-radius: 70% 70% 100% 100%;

}

.right-hand {

top: 0%;

left: -5%;

background: var(--penguin-skin, gray);

width: 30%;

height: 60%;

border-radius: 30% 30% 120% 30%;

transform: rotate(45deg);

z-index: -1;

}

.left-hand {

top: 0%;

left: 75%;

background: var(--penguin-skin, gray);

width: 30%;

height: 60%;

border-radius: 30% 30% 30% 120%;

transform: rotate(-45deg);

z-index: -1;

}

.right-cheek {

top: 15%;

left: 35%;

background: var(--penguin-belly, white);

width: 60%;

height: 70%;

border-radius: 70% 70% 60% 60%;

}

.left-cheek {

top: 15%;

left: 5%;

background: var(--penguin-belly, white);

width: 60%;

height: 70%;

border-radius: 70% 70% 60% 60%;

}

.belly {

top: 60%;

left: 2.5%;

background: var(--penguin-belly, white);

width: 95%;

height: 100%;

border-radius: 120% 120% 100% 100%;

}

.right-feet {

top: 85%;

left: 60%;

background: var(--penguin-beak, orange);

width: 15%;

height: 30%;

border-radius: 50% 50% 50% 50%;

transform: rotate(-80deg);

z-index: -2222;

}

.left-feet {

top: 85%;

left: 25%;

background: var(--penguin-beak, orange);

width: 15%;

height: 30%;

border-radius: 50% 50% 50% 50%;

transform: rotate(80deg);

z-index: -2222;

}

.right-eye {

top: 45%;

left: 60%;

background: black;

width: 15%;

height: 17%;

border-radius: 50%;

}

.left-eye {

top: 45%;

left: 25%;

background: black;

width: 15%;

height: 17%;

border-radius: 50%;

}

.sparkle {

top: 25%;

left: 15%;

background: white;

width: 35%;

height: 35%;

border-radius: 50%;

}

.blush-right {

top: 65%;

left: 15%;

background: pink;

width: 15%;

height: 10%;

border-radius: 50%;

}

.blush-left {

top: 65%;

left: 70%;

background: pink;

width: 15%;

height: 10%;

border-radius: 50%;

}

.beak-top {

top: 60%;

left: 40%;

background: var(--penguin-beak, orange);

width: 20%;

height: 10%;

border-radius: 50%;

}

.beak-bottom {

top: 65%;

left: 42%;

background: var(--penguin-beak, orange);

width: 16%;

height: 10%;

border-radius: 50%;

}

body {

background:#c6faf1;

}

.penguin * {

position: absolute;

}

</style>

<div class="penguin">

<div class="penguin-bottom">

<div class="right-hand"></div>

<div class="left-hand"></div>

<div class="right-feet"></div>

<div class="left-feet"></div>

</div>