我的Vue之旅 09 数据数据库表的存储与获取实现 Mysql + Golang _生活百科

第四期 · 将部分数据存储至Mysql，使用axios通过golang搭建的http服务器获取数据。
新建数据库DROP DATABASE VUE;create database if not exists vue;use vue;JSON TO MYSQLJSON to MySQL (transform.tools)
DROP DATABASE VUE;create database if not exists vue;use vue;CREATE TABLE gameblog (id INT PRIMARY KEY AUTO_INCREMENT,title VARCHAR(255),text VARCHAR(255),img VARCHAR(255));insert into gameblog(title,text,img) values("Games of the Month: surrealist solitaire puzzles","What’s that? You need more games? I hear you, anonymous hapi fan.We’ve reached the part of the year when games start coming out fast","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102184434_1.jpg"),("Games of the Month: Puzzles!","Sometimes you need a good puzzle game, just something to throw all of your attention at and ignore anything else going on. Well if that sometime for you is right now, then you’re in luck because in this Games of the Month","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102184434_2.jpg"),("The next hapi Creator Day is July 29th!","I don’t think I’m allowed to make the entire body of this post “Thenext itch.io Creator Day is taking place on Friday July 29th.” I mean it’s true, we are hosting the next itch.io Creator Day on Friday July 29th but I should probably write more here.","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102184434_3.jpg");select * from gameblog;CREATE TABLE game (id INT PRIMARY KEY AUTO_INCREMENT,title VARCHAR(255),text VARCHAR(255),img VARCHAR(255),price decimal(6,2) default 0,web boolean default 0# TODO 发布时间# TODO 浏览量# TODO 评论量# TODO 热度综合指标);CREATE TABLE tag (id INT PRIMARY KEY AUTO_INCREMENT,title VARCHAR(255));CREATE TABLE gametag (gameid INT,tagid INT);# TODO 外键insert into game(id,title,text,img,price,web) values(1,"Late Night Mop","A haunted house cleaning simulator.","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102193135_1.png",0,0),(2,"an average day at the cat cafe","A haunted house cleaning simulator.","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102193135_2.png",0,1),(3,"Corebreaker","A fast-paced action-platform shooter game with roguelike elements.","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102193135_3.png",19.99,0),(4,"Atuel","Traverse a surrealist landscape inspired by the Atuel River in Argentina.","https://xiaonenglife.oss-cn-hangzhou.aliyuncs.com/static/pic/2022/11/20221102193135_5.png",0,0);insert into tag values(1,"Difficult"),(2,"Fast-Paced");insert into gametag values(3,1),(3,2),(4,1);DELIMITER $$CREATE PROCEDURE gamelist()BEGIN # TODOEND $$DELIMITER ;select a.title,a.text,img,price,web,if(group_concat(c.title separator "#") is null ,"", group_concat(c.title separator "#")) as tag from game a left join gametag b on a.id = b.gameid left join tag c on b.tagid = c.id group by a.id;本地图片上传OSS图床得到静态资源的持久地址，我使用的是PicGo图床工具。

文章插图
SQL TO GOLANG STRUCT在线sql转golang struct - 球儿工具 (qetool.com)
config.go为了方便mysql服务器的配置，写一个配置文件。

package mysql_vueimport "database/sql"func GetMySQLDB() (db *sql.DB, err error) {	dbDriver := "mysql"	dbUser := "root"	dbPass := "sql2008"	dbName := "vue"	db, err = sql.Open(dbDriver, dbUser+":"+dbPass+"@/"+dbName)	return}

gameblog.goid暂时不需要，后期路由跳转需要用到，可以先注释。

package mysql_vueimport (	"encoding/json"	_ "github.com/go-sql-driver/mysql")type Gameblog struct {	// ID int64 `db:"id" json:"id"`	Title string `db:"title" json:"title"`	Textstring `db:"text" json:"text"`	Imgstring `db:"img" json:"img"`}func (Gameblog) TableName() string {	return "gameblog"}func (Gameblog) QueryGameblog() (json_ []byte, err error) {	// db, err := sql.Open("mysql", "root:sql2008@tcp(127.0.0.1:3306)/vue")	db, err := GetMySQLDB()	checkError(err)	defer db.Close()	// ^ 必须按照顺序选取,下面的Scan需要一一对应,如果多了或少了字段会导致Scan错误.	results, err := db.Query("SELECT title,text,img FROM gameblog order by id desc")	checkError(err)	var gameBlogs []Gameblog	for results.Next() {var gameBlog Gameblogerr = results.Scan(&gameBlog.Title, &gameBlog.Text, &gameBlog.Img)checkError(err)gameBlogs = append(gameBlogs, gameBlog)	}	json_, err = json.Marshal(gameBlogs)	checkError(err)	return json_, nil}
上一页
1
2
3
下一页
		  	经验总结扩展阅读

           
                  
              
                  苏珊|“世界第一女胖子”，被高富帅疯狂追求，婚后生下2个儿子 
                
                   
                
              
            

                  
              
                  虾40-50是什么意思? 
                
                   
                
              
            

                  
              
                  怎样画唇好看 教你简单好掌握的方法 
                
                   
                
              
            

                  
              
                  王心凌美容轻松变身小美女 
                
                   
                
              
            

                  
              
                  大家觉得360安全卫士怎么样好用吗（360安全卫士 好用吗) 
                
                   
                
              
            

                  
              
                  健身|为什么奉劝老年人不要去健身房？56岁阿姨坦言：老公差点和我离婚 
                
                   
                
              
            

                  
              
                  俗话说：“福不双至 人生不顺时，记住这三句话，必将有所改变 
                
                   
                
              
            

                  
              
                  中分|程潇终于掀起“铁刘海”，一身白色羽毛露肩短裙亮相，美到不敢认 
                
                   
                
              
            

                  
              
                  痛楚|【爱茉尔】护肤品怎么样 
                
                   
                
              
            

                  
              
                  鸡胸肉要不要混着猫粮 
                
                   
                
              
            

                  
              
                  2020年女孩免费取名 
                
                   
                
              
            

                  
              
                  跨越年龄之恋的老妻少夫，如今妻子85岁，53岁的丈夫生活举步艰辛 
                
                   
                
              
            

                  
              
                  亚洲龙后排座椅怎么放倒？ 
                
                   
                
              
            

                  
              
                  赵忠祥|78岁赵忠祥被爆突发疾病，老搭档倪萍前去探望，与家属交谈一直眉头紧锁 
                
                   
                
              
            

                  
              
                  人活着，一定要明白的10条处世之道 
                
                   
                
              
            

                  
              
                  写了又删的，是说不出口的心里话 
                
                   
                
              
            

                  
              
                  2023年7月27日可以提车吗 2023年7月27日是提车日子好吗 
                
                   
                
              
            

                  
              
                  2022年10月1日是黄道吉日吗 2022年10月1日国庆节是多少周年 
                
                   
                
              
            

                  
              
                  测字算卦,2020年农历四月十六日是黄历好日子吗？ 
                
                   
                
              
            

                  
              
                  汽油和柴油的区别,柴油与汽油的区别 
                
                   
                
              
            

          

19_Vue如何监测到对象类型数据发生改变的？ 

我的世界地狱门怎么造（mc十大禁用种子) 

我的世界怎么制作下界通道地狱门（我的世界中的下界传送门怎么制作) 

我的世界地狱门做法（我的世界特殊地狱门怎么做) 

没有打火石我的世界地狱门怎么做（我的世界传送门打火石怎么做) 

我的世界地狱门怎么做（mc七种传送门) 

优雅的写好Vue项目代码 — 路由拆分、Vuex模块拆分、element按需加载 

汽车干燥器的作用 空气干燥器总成 

一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 

ref 源码解析 Vue ref 和 v-for 结合