简单web服务与客户端开发实战项目小结

最新推荐文章于 2023-04-10 18:40:02 发布

大练功狂

最新推荐文章于 2023-04-10 18:40:02 发布

阅读量230

点赞数

文章标签： web go语言

本文链接：https://blog.csdn.net/lihy259/article/details/111565116

版权

简单web服务与客户端开发实战项目小结

项目主题

一个简单的文章管理系统，可以实现库存与管理文章的功能，用户之间可以注册并且发表文章，点赞，关注标签等。

在这里插入图片描述

数据类型

用户：包含编号，邮箱，名称，作品等信息，作品有多个，多个文章标题间用封号隔开，这也决定了封号是标题中的不合法字符。

文章：包含作者，获得赞数，内容，评论。评论用___;___隔开。

标签：包含标签名，包含文章，关注数，评论。评论也用___;___隔开

排行：包含文章排行与用户排行，统计获得的赞数进行排序。

数据存储

一律采用json格数进行存储，结构体是一个map[string]string，这种结构也方便了所有json文件的读取。

服务端编程

服务端的架构思想是：前端发送一个请求，后端发回去一个html文件，在html文件中写入所需要的数据。

具体实现

在服务端，需要调用go语言自带的html库：

func InitHttp(){
	http.HandleFunc("/",HomePage)
	http.HandleFunc("/user/",UserPage)
	http.HandleFunc("/tag/",TagPage)
	http.HandleFunc("/article/",ArticlePage)
	http.HandleFunc("/rank/",RankPage)

	err := http.ListenAndServe(":9090", nil) //设置监听的端口
	if err != nil {
		log.Fatal("ListenAndServe", err)
	}

}

规定访问的路径和监听的端口。

其中的HomePage和UserPage等页面函数，就是响应函数，会写回一个html文件。

如何写回html文件：

通过套用前端开发者的模板，在适当的地方插入数据，完成html的生成。其中插入的数据，写回的html文件全都使用vue模式。

例如：

func CreateTagHtml(dir []string)(string){
	files:=GetAllFile("tag\\")
	divs:=""
	scripts:=""
	for _,i:=range files{
		info:=ReadJsonFile("tag\\"+i)
		divs+=GetTagDiv(info)
		scripts+=GetTagScript(info)
	}
	//fmt.Println(divs)
	//fmt.Println(scripts)
	ans:=""
	f,err:=os.Open("TagFormat.html")
	if (err!=nil){
		return ans
	}
	reader:=bufio.NewReader(f)
	for {
		line, err := reader.ReadString('\r')
		ans+=line
		if (strings.Contains(line,"addhere")){
			ans+=divs
			ans+="<script>\n"
			ans+=scripts
			ans+="</script>\n"
		}
		if err != nil || io.EOF == err {
			break
		}

	}
	return ans
}

这个函数就会套用TagFormat.html模板，写入整个标签信息的网页。

客户端编程

服务端启动后，通过访问locakhost:9090到达项目的主页。
在这里插入图片描述
这个网页的代码如下（使用vue.js）框架：

<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="title">{{title}}<br> <br> <br> </div>
    <br>
    <button id="user"  v-on:click="clickUser">
        {{msg}}
    </button>
    <br>
    <button id="article" v-on:click="clickArticle">
        {{msg}}
    </button>
    <br>
    <button id="tag" v-on:click="clickTag">
        {{msg}}
    </button>
    <br>
    <button id="rank" v-on:click="clickRank">
        {{msg}}
    </button>

    <script>
        var title=new Vue({
            el :"#title",
            data :{
                title:"欢迎来到极简文档管理系统"
            }
        })

        var user=new Vue({
            el:"#user",
            data:{
                msg:"查询用户"
            } ,
            methods:{
                clickUser: function(){
                    window.open("http://localhost:9090/user/")
                }
            }           
        })

        var article=new Vue({
            el:"#article",
            data:{
                msg:"查询文章"
            },
            methods:{
                clickArticle: function(){
                    window.open("http://localhost:9090/article/")
                }
            }  
        })

        var tag=new Vue({
            el:"#tag",
            data:{
                msg:"访问标签"
            },
            methods:{
                clickTag: function(){
                    window.open("http://localhost:9090/tag/")
                }
            }  
        })
        var rank=new Vue({
            el:"#rank",
            data:{
                msg:"排行"
            },
            methods:{
                clickRank: function(){
                    window.open("http://localhost:9090/rank/")
                }
            }  
        })



    </script>
</body>

</html>

然后通过点击各种按钮，进入各个信息的查询。完成前端与后端的简单通信。

其他文件，比如UserFormat.html,ArticleFormat.html等是框架文件，服务器会读取这些文件，并在指定处插入信息，然后返回。这些带有format名字的文件，就是一个没有信息的架构文件。

总结

go语言作为一门专门用于服务器编程的语言，在这一次项目中得到了充分的体现。go语言自带的net，html等库函数，可以让使用者非常轻松地搭建一个服务器。当然，这次项目做的是一个极简的文章管理系统，由于是极简，许多内容和函数都没有得到考虑，但是这个框架足矣体现go语言服务器搭建的强大之处。

大练功狂

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单web服务与客户端开发实战项目小结

简单web服务与客户端开发实战项目小结项目主题一个简单的文章管理系统，可以实现库存与管理文章的功能，用户之间可以注册并且发表文章，点赞，关注标签等。数据类型用户：包含编号，邮箱，名称，作品等信息，作品有多个，多个文章标题间用封号隔开，这也决定了封号是标题中的不合法字符。文章：包含作者，获得赞数，内容，评论。评论用___;___隔开。标签：包含标签名，包含文章，关注数，评论。评论也用___;___隔开排行：包含文章排行与用户排行，统计获得的赞数进行排序。数据存储一律采用json格数进行存储
复制链接

扫一扫