go原生http开发简易blog（一）项目简介与搭建

文章目录

  • 一、项目简介
  • 二、项目搭建前置知识
  • 三、首页- - -前端文件与后端结构体定义
  • 四、配置文件加载
  • 五、构造假数据- - -显示首页内容

代码地址：https://gitee.com/lymgoforIT/goblog

一、项目简介

使用Go原生http开发一个简易的博客系统，包含一下功能：

  • 文章增删改查，文章列表分页显示
  • 评论系统
  • 文章分类、归档

学习本项目能学到什么？

  • 使用Go开发web项目基本思路，初步具有工程思维，如路由分组、目录组织，代码封装等。
  • 博客基本功能开发套路，如博客与评论的查询、分类、归档、分页等。
  • 循序渐进，掌握编程思维和思路。这一点是最重要的，会不断优化代码，而不是一步给出最终代码，这样更能培养编程思维和思路。

页面效果

在这里插入图片描述

二、项目搭建前置知识

接下来，我们会一步一步实现博客首页，开始我们可能会把代码都写到main.go中，后期再不断调整，优化，形成工程化的目录结构。

首先是启动一个http服务的代码，如下：

package mainimport ("log""net/http"
)func main(){server := http.Server{Addr: "127.0.0.1:8080",}http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {writer.Write([]byte("ok"))})if err := server.ListenAndServe();err != nil {log.Println(err)}
}

启动后，浏览器访问，可以看到ok字样
在这里插入图片描述

这里返回给前端的不过是一个字符串而已，实际工作中一般前后端交互都是使用的JSON数据或者protoc协议的，那么想要返回JSON字符串给前端，又该如何做呢？

其实也简单，设置好请求头即可，如下：

package mainimport ("encoding/json""log""net/http"
)type IndexData struct {Title string `json:"title"`Desc  string `json:"desc"`
}func index(w http.ResponseWriter, r *http.Request) {// 设置请求头，指明返回的是JSON数据w.Header().Set("Content-Type", "application/json")var indexData IndexDataindexData.Title = "go博客"indexData.Desc = "入门学习笔记"jsonStr, _ := json.Marshal(indexData)w.Write(jsonStr)
}func main() {server := http.Server{Addr: "127.0.0.1:8080",}http.HandleFunc("/", index)if err := server.ListenAndServe(); err != nil {log.Println(err)}
}

在这里插入图片描述

目前浏览器得到的响应结果都是后端直接返回的数据，但我们前端是给用户使用的，需要有一定页面才行。

在Go中渲染html页面，可以使用Go自带的html/template库，使用方式如下：

首先建立template/index.html文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
hello lym blog!!
<br>
标题：{{.Title}}
<br>
描述：{{.Desc}}
</body>
</html>

package mainimport ("encoding/json""fmt""html/template""log""net/http""os"
)type IndexData struct {Title string `json:"title"`Desc  string `json:"desc"`
}func index(w http.ResponseWriter, r *http.Request) {// 设置请求头，指明返回的是JSON数据w.Header().Set("Content-Type", "application/json")var indexData IndexDataindexData.Title = "go博客"indexData.Desc = "入门学习笔记"jsonStr, _ := json.Marshal(indexData)w.Write(jsonStr)
}func indexHtml(w http.ResponseWriter, r *http.Request) {// 使用给定的名字分配一个html模板t := template.New("index.html")viewPath, _ := os.Getwd()// 将html文件关联到模板上t, _ = t.ParseFiles(viewPath + "/template/index.html")var indexData IndexDataindexData.Title = "go博客"indexData.Desc = "入门学习笔记"// 使用给定的数据结构解析模板，并将结果写入werr := t.Execute(w, indexData)fmt.Println(err)
}func main() {server := http.Server{Addr: "127.0.0.1:8080",}http.HandleFunc("/", index)http.HandleFunc("/index", indexHtml)if err := server.ListenAndServe(); err != nil {log.Println(err)}
}

此时访问index路径，便会看到是页面展示了，不过还没有css,js等静态文件渲染，后期会慢慢加上。
在这里插入图片描述

三、首页- - -前端文件与后端结构体定义

有了前面的基础知识，我们现在就可以搭建首页啦！

因为本学习笔记主要注重的是后端逻辑，所以前端页面和静态文件等是直接用的已有的，放到项目目录下即可。如果有需要，可以到码云上取：https://gitee.com/lymgoforIT/goblog

在这里插入图片描述

首页展示时，有很多数据是从后端获取的，所以我们首先需要定义一些结构体，用于数据渲染，其中有一些通用数据，且基本不怎么变的，我们可以放到配置文件中，而不用存DB，比如博客系统的标题、标签以及相关系统变量等。
在这里插入图片描述

config/config.go

package configtype Viewer struct {Title       string   // 首页标题Description string   // 首页描述Logo        string   // 博客系统logoNavigation  []string // 导航栏Bilibili    string   // bilibiliAvatar      string   // 头像UserName    string   // 用户名UserDesc    string   // 用户描述
}// 系统相关配置
type SystemConfig struct {AppName         stringVersion         float32CurrentDir      string // 项目路径CdnURL          string // cdn地址，用户缓存静态资源QiniuAccessKey  string // 使用七牛云存储图片资源QiniuSecretKey  stringValine          bool // 评论系统用的ValineValineAppid     stringValineAppkey    stringValineServerURL string
}

其余数据基本是从DB获取的，与DB交互的结构体，我们一般会单独建立model文件夹存放。
models/post.go

package modelsimport ("goblog/config""html/template""time"
)// 用于与DB交互，与DB中字段一一对应
type Post struct {Pid        int       `json:"pid"`        // 文章IDTitle      string    `json:"title"`      // 文章标题Slug       string    `json:"slug"`       // 自定义页面 pathContent    string    `json:"content"`    // 文章的htmlMarkdown   string    `json:"markdown"`   // 文章的MarkdownCategoryId int       `json:"categoryId"` //分类idUserId     int       `json:"userId"`     //用户idViewCount  int       `json:"viewCount"`  //查看次数Type       int       `json:"type"`       //文章类型 0 普通，1 自定义文章CreateAt   time.Time `json:"createAt"`   // 创建时间UpdateAt   time.Time `json:"updateAt"`   // 更新时间
}// 用于给前端响应，所以有了分类名称和用户名等信息，而不是分类id或者用户id
type PostMore struct {Pid          int           `json:"pid"`          // 文章IDTitle        string        `json:"title"`        // 文章标题Slug         string        `json:"slug"`         // 自定义页面 pathContent      template.HTML `json:"content"`      // 文章的htmlCategoryId   int           `json:"categoryId"`   // 文章的MarkdownCategoryName string        `json:"categoryName"` // 分类名UserId       int           `json:"userId"`       // 用户idUserName     string        `json:"userName"`     // 用户名ViewCount    int           `json:"viewCount"`    // 查看次数Type         int           `json:"type"`         // 文章类型 0 普通，1 自定义文章CreateAt     string        `json:"createAt"`UpdateAt     string        `json:"updateAt"`
}type PostReq struct {Pid        int    `json:"pid"`Title      string `json:"title"`Slug       string `json:"slug"`Content    string `json:"content"`Markdown   string `json:"markdown"`CategoryId int    `json:"categoryId"`UserId     int    `json:"userId"`Type       int    `json:"type"`
}type SearchResp struct {Pid   int    `orm:"pid" json:"pid"` // 文章IDTitle string `orm:"title" json:"title"`
}type PostRes struct {config.Viewerconfig.SystemConfigArticle PostMore
}

models/home.go

用于封装前端需要的首页数据

package modelsimport "goblog/config"type HomeResponse struct {config.ViewerCategorys []CategoryPosts     []PostMoreTotal     intPage      intPages     []intPageEnd   bool // 当前页是否是最后一页，决定分页那里是否显示左右箭头
}

四、配置文件加载

这里配置文件我们用的toml，实际工作中可能yaml用的更多一点。

config/config.toml

[viewer]Title = "Go语言博客"Description = "Go语言博客"Logo = "/resource/images/logo.png"Navigation = ["首页","/", "GO语言","/golang", "归档","/pigeonhole", "关于","/about"]Bilibili = "https://space.bilibili.com/473844125"Zhihu = "https://www.zhihu.com/people/ma-shen-zhi-lu"Avatar = "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F13147603927%2F1000.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1647242040&t=c6108010ed46b4acebe18955acdd2d24"UserName = "张三"UserDesc = "长得非常帅的程序员"
[system]CdnURL = "https://static.mszlu.com/goblog/es6/md-assets"QiniuAccessKey = "替换自己的"QiniuSecretKey = "替换自己的"Valine = trueValineAppid = "替换自己的"ValineAppkey = "替换自己的"ValineServerURL = "替换自己的"

toml文件我们可以使用github.com/BurntSushi/toml包，获取

 go get github.com/BurntSushi/toml

配置文件加载，常规套路是定义全局变量，使用init加载

config/config.go

package configimport ("os""github.com/BurntSushi/toml"
)var Cfg *TomlConfigfunc init() {Cfg = new(TomlConfig)var err errorCfg.System.CurrentDir, err = os.Getwd()if err != nil {panic(any(err))}Cfg.System.AppName = "lym-go-blog"Cfg.System.Version = 1.0_, err = toml.DecodeFile("config/config.toml", &Cfg)if err != nil {panic(any(err))}
}type TomlConfig struct {Viewer ViewerSystem SystemConfig
}type Viewer struct {Title       string   // 首页标题Description string   // 首页描述Logo        string   // 博客系统logoNavigation  []string // 导航栏Bilibili    string   // bilibiliAvatar      string   // 头像UserName    string   // 用户名UserDesc    string   // 用户描述
}// 系统相关配置
type SystemConfig struct {AppName         stringVersion         float32CurrentDir      string // 项目路径CdnURL          string // cdn地址，用户缓存静态资源QiniuAccessKey  string // 使用七牛云存储图片资源QiniuSecretKey  stringValine          bool // 评论系统用的ValineValineAppid     stringValineAppkey    stringValineServerURL string
}

五、构造假数据- - -显示首页内容

main.go

注意看代码注释

package mainimport ("goblog/config""goblog/models""html/template""log""net/http""time"
)type IndexData struct {Title string `json:"title"`Desc  string `json:"desc"`
}// 前端html页面中使用了一些函数，所以这里需要定义一下
// 是否偶数
func IsODD(num int) bool {return num%2 == 0
}func GetNextName(strs []string, index int) string {return strs[index+1]
}// 日期按指定格式转换
func Date(layout string) string {return time.Now().Format(layout)
}func index(w http.ResponseWriter, r *http.Request) {t := template.New("index.html")// 拿到当前的路径path := config.Cfg.System.CurrentDir//访问博客首页模板的时候，因为有多个模板的嵌套，解析文件的时候，需要将其涉及到的所有模板都进行解析home := path + "/template/home.html"header := path + "/template/layout/header.html"footer := path + "/template/layout/footer.html"personal := path + "/template/layout/personal.html"post := path + "/template/layout/post-list.html"pagination := path + "/template/layout/pagination.html" // 页码// 定义模板中需要用到的函数t.Funcs(template.FuncMap{"isODD": IsODD, "getNextName": GetNextName, "date": Date})t, err := t.ParseFiles(path+"/template/index.html", home, header, footer, personal, post, pagination)if err != nil {log.Println(err)}//页面上涉及到的所有的数据，必须有定义var categorys = []models.Category{{Cid:  1,Name: "go",},{Cid:  2,Name: "python",},}var posts = []models.PostMore{{Pid:          1,Title:        "go博客",Content:      "这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容",UserName:     "张三",ViewCount:    123,CreateAt:     "2023-12-17",CategoryId:   1,CategoryName: "go",Type:         0,},{Pid:          2,Title:        "这是第二篇博客",Content:      "这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容",UserName:     "李四",ViewCount:    1314,CreateAt:     "2023-12-17",CategoryId:   1,CategoryName: "go",Type:         0,},}var hr = &models.HomeResponse{Viewer:    config.Cfg.Viewer,Categorys: categorys,Posts:     posts,Total:     2,Page:      1,Pages:     []int{1},PageEnd:   true,}t.Execute(w, hr)
}func main() {//程序入口，一个项目 只能有一个入口//web程序，http协议 ip portserver := http.Server{Addr: "127.0.0.1:8080",}http.HandleFunc("/", index)// 因为静态文件放到了public/resource目录下，但是页面中写路径的时候都写的resource，所以这里转一下http.Handle("/resource/", http.StripPrefix("/resource/", http.FileServer(http.Dir("public/resource/"))))if err := server.ListenAndServe(); err != nil {log.Println(err)}
}

此时通过流量器访问8080端口，便可看到如下界面了

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/229070.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

使用堆排序算法

使用堆排序算法

使用堆排序算法&#xff08;升序&#xff0c;建大堆顶&#xff09;完善此程序。&#xff08;注&#xff1a;截图为堆排序初始化后的大堆顶结果&#xff0c;详见源代码&#xff09; #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #define N 10void input(int a[], …
阅读更多...
【react.js + hooks】基于事件机制的跨组件数据共享

【react.js + hooks】基于事件机制的跨组件数据共享

跨组件通信和数据共享不是一件容易的事&#xff0c;如果通过 prop 一层层传递&#xff0c;太繁琐&#xff0c;而且仅适用于从上到下的数据传递&#xff1b;建立一个全局的状态 Store&#xff0c;每个数据可能两三个组件间需要使用&#xff0c;其他地方用不着&#xff0c;挂那么…
阅读更多...
MySQL日志管理，备份与恢复

MySQL日志管理，备份与恢复

备份的主要目的是灾难恢复&#xff0c;备份还可以测试应用、回滚数据修改、查询历史数据、审计等。 而备份、恢复中&#xff0c;日志起到了很重要的作用 MySQL日志管理是数据库管理中的一个重要方面&#xff0c;它可以用于诊断问题、监控性能、进行故障恢复等。MySQL主要有几种…
阅读更多...
【合成数字】合成类游戏-uniapp项目开发流程详解

【合成数字】合成类游戏-uniapp项目开发流程详解

以前玩过2048游戏&#xff0c;从中发现规律&#xff0c;想到跟合成类游戏相似&#xff0c;知道为什么很相似吗&#xff0c;在这里&#xff0c;做一个数字合成游戏玩玩吧&#xff0c;感兴趣的话可以看看&#xff0c;这里给大家讲一讲数字合成游戏的开发过程。 文章目录 创建项目…
阅读更多...
Pandas-DataFtame的索引与切片（第3讲）

Pandas-DataFtame的索引与切片（第3讲）

Pandas-DataFtame的索引与切片（第3讲）         🍹博主 侯小啾 感谢您的支持与信赖。☀️ 🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ�…
阅读更多...
【动态读取配置文件】ParameterTool读取带环境的配置信息

【动态读取配置文件】ParameterTool读取带环境的配置信息

不同环境Flink配置信息是不同的&#xff0c;为了区分不同环境的配置文件&#xff0c;使用ParameterTool工具读取带有环境的配置文件信息 区分环境的配置文件 三个配置文件&#xff1a; flink.properties&#xff1a;决定那个配置文件生效 flink-dev.properties&#xff1a;测…
阅读更多...
主持知识竞赛类节目的一般流程是什么

主持知识竞赛类节目的一般流程是什么

竞争性的团队活动&#xff0c;更适合青年的特点&#xff0c;更容易得到青年的支持&#xff0c;也是"离教于乐"的好方式。 这类活动可从内容和特点上分为知识性竞赛&#xff0c;技能性竞赛&#xff0c;文娱性竞赛&#xff0c;体育竞技性竞赛等形式。 知识性竞赛&…
阅读更多...
【VMware安装及虚拟机配置】

【VMware安装及虚拟机配置】

1. 下载VMware 进入 VMware Workstation 17 Pro下载链接 下拉到如下位置&#xff0c;点击DOWNLOAD 2. 安装VMware 参考&#xff1a;虚拟机VMware下载与安装教程 本次安装是vmware 17&#xff0c;安装步骤差不多&#xff0c;只参考第二部分即可。 3. 激活VMware 密钥&…
阅读更多...
【Qt QML入门】TextInput

【Qt QML入门】TextInput

TextInput&#xff1a;单行文本输入框。 TextInput除了光标和文本外&#xff0c;默认没有边框等效果。 import QtQuick import QtQuick.Window import QtQuick.ControlsWindow {id: winwidth: 800height: 600visible: truetitle: qsTr("Hello World")//单行文本输…
阅读更多...
HarmonyOS开发实战：如何实现一个运动排名榜页面

HarmonyOS开发实战：如何实现一个运动排名榜页面

HarmonyOS开发实战&#xff1a;如何实现一个运动排名榜页面 代码仓库&#xff1a; 运动排名榜页面 项目介绍 本项目使用声明式语法和组件化基础知识&#xff0c;搭建一个可刷新的排行榜页面。在排行榜页面中&#xff0c;使用循环渲染控制语法来实现列表数据渲染&#xff0c;…
阅读更多...
03 使用Vite开发Vue3项目

03 使用Vite开发Vue3项目

概述 要使用vite创建Vue3项目&#xff0c;有很多种方式&#xff0c;如果使用命令&#xff0c;则推荐如下命令&#xff1a; # 使用nvm将nodejs的版本切换到20 nvm use 20# 全局安装yarn npm install -g yarn# 使用yarnvite创建项目 yarn create vite不过&#xff0c;笔者更推荐…
阅读更多...
LeedCode刷题---滑动窗口问题(二)

LeedCode刷题---滑动窗口问题(二)

顾得泉&#xff1a;个人主页 个人专栏&#xff1a;《Linux操作系统》 《C/C》 《LeedCode刷题》 键盘敲烂&#xff0c;年薪百万&#xff01; 一、将X减到0的最小操作数 题目链接&#xff1a;将 x 减到 0 的最小操作数 题目描述 给你一个整数数组 nums 和一个整数 x 。每一…
阅读更多...
mysql的负向条件查询会不会使用索引

mysql的负向条件查询会不会使用索引

mysql的负向条件查询&#xff0c;例如not in&#xff0c;会不会使用索引&#xff1f; 其实&#xff0c;mysql还是会尽量利用索引。如果查询的列上有索引&#xff0c;并且索引能够覆盖查询所需的列&#xff0c;那么mysql可能会使用索引来获取结果&#xff0c;而不是进行全表扫描…
阅读更多...
2024中国国际大数据产业博览会年度主题征集公告

2024中国国际大数据产业博览会年度主题征集公告

2024中国国际大数据产业博览会年度主题征集公告 中国国际大数据产业博览会&#xff08;以下简称数博会&#xff09;&#xff0c;是全球首个以大数据为主题的国家级博览会&#xff0c;由国家发展和改革委员会、工业和信息化部、国家互联网信息办公室和贵州省人民政府共同主办&am…
阅读更多...
ADB命令安装卸载手机APP

ADB命令安装卸载手机APP

前言 手机内置的浏览器很多广告&#xff0c;推荐的新闻也很多负面的新闻&#xff0c;所以就想卸载内置的手机app&#xff0c;不过现在很多手机都是限制了内置的软件都不能卸载&#xff0c;以前随便获取一下root权限&#xff0c;也是可以卸载的&#xff0c;不过最近搞了一下&am…
阅读更多...
【POI的如何做大文件的写入】

【POI的如何做大文件的写入】

&#x1f513;POI如何做大文件的写入 &#x1f3c6;文件和POI之间的区别是什么&#xff1f;&#x1f3c6;POI对于当今的社会发展有何重要性&#xff1f;&#x1f3c6;POI大文件的写入&#x1f396;️使用XSSF写入文件&#x1f396;️使用SXSSFWorkbook写入文件&#x1f396;️对…
阅读更多...
设计可编辑表格组件

设计可编辑表格组件

前言 什么是可编辑表格呢&#xff1f;简单来说就是在一个表格里面进行表单操作&#xff0c;执行增删改查。这在一些后台管理系统中是尤为常见的。 今天我们根据vue2 element-ui来设计一个表单表格组件。&#xff08;不涉及完整代码&#xff0c;想要使用完整功能可以看底部连…
阅读更多...
ReenterLock重入锁

ReenterLock重入锁

synchronized就是一种最简单的控制方法&#xff0c;它决定了一个线程释放可以访问临界区资源。 同时&#xff0c;Object.wait()方法和Object.notify()方法起到了线程等待和通知的作用。 ReenterLock重入锁可以完全替代关键字Synchoronized.重入锁是Synchoronized、Object.wait(…
阅读更多...
[楚慧杯 2023] web

[楚慧杯 2023] web

文章目录 eaaevalupload_shell eaaeval 打开题目&#xff0c;源码给了用户密码 登陆后啥也没有&#xff0c;扫一下发现源码泄露www.zip <?php class Flag{public $a;public $b;public function __construct(){$this->a admin;$this->b admin;}public function _…
阅读更多...
C++ list常用操作

C++ list常用操作

目录 一、介绍 二、list的常用操作 1、构造 2、迭代器 3、元素访问 4、容量操作 一、介绍 std::list文档链接 list是可以在常数范围内在任意位置进行插入和删除的序列式容器&#xff0c;并且该容器可以前后双向迭代。list的底层是双向链表结构&#xff0c;双向链表中每个…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023