go+beego框架项目中实现发布文章信息功能流程步骤

Go  /  管理员 发布于 3年前   650

接上一篇博文，在我的项目中开发发布文章功能

需求：

发布文章功能分两个插入步骤：

1.插入文章信息

2.拆分标签，循环插入标签信息

步骤：

一.路由

//创建文章
beego.Router("/addart", &controllers.ArtController{}, "get:Addart;post:Addart")

二.模型

1.文章模型

package models

import (
	"github.com/astaxie/beego/orm"
)

//art表需显示的字段
type Art struct {
	Art_id   int `orm:"column(art_id);pk"` // 设置主键
	Title    string
	Content  string
	Cat_id   int
	Author   string
	User_id  int
	Tags     string
	Pubtime  string
	Is_state int
	Lastup   int
	Comm     int
	View     int
}

//实例
func init() {
	orm.RegisterModel(new(Art))
}

//方法 编辑
func EditArt(art *Art) (int64, error) {
	o := orm.NewOrm()
	id, err := o.Update(art)
	return id, err
}

//方法 添加
func AddArt(art *Art) (int64, error) {
	o := orm.NewOrm()
	//art := new(Art)
	//art.Profile = profile
	//art.Name = "slene"
	id, err := o.Insert(art)
	return id, err
}

2.标签模型

package models

import (
	"github.com/astaxie/beego/orm"
)

//tag表需显示的字段
type Tag struct {
	Tag_id  int `orm:"column(tag_id);pk"` // 设置主键
	Art_id  int
	Tagname string
	Addtime string
}

//实例
func init() {
	orm.RegisterModel(new(Tag))
}

//方法 编辑
func EditTag(tag *Tag) (int64, error) {
	o := orm.NewOrm()
	id, err := o.Update(tag)
	return id, err
}

//方法 添加
func AddTag(tag *Tag) (int64, error) {
	o := orm.NewOrm()
	id, err := o.Insert(tag)
	return id, err
}

三.控制器

package controllers

import (
	"fmt"
	"gblog/models"
	"strconv"
	"strings"
	"time"

	"github.com/astaxie/beego/orm"
)

type ArtController struct {
	BaseController
}

...

//添加数据
func (c *ArtController) Addart() {
	//1.拿到数据
	title := c.GetString("title")
	content := c.GetString("content")
	tags := c.GetString("tags")
	cat_id, _ := strconv.Atoi(c.GetString("cat_id"))
	//session user信息
	username := c.GetSession("username").(string)
	//接口类型interface int64转int
	userid := int(c.GetSession("userid").(int64))

	if c.Ctx.Request.Method == "POST" {
		//2.对数据进行校验
		if title == "" && content == "" {
			c.ErrorJson(500, "标题/内容不能为空", nil)
		}
		//获取时间戳
		s := time.Now().Unix()
		timestamp := strconv.FormatInt(int64(s), 10)

		art := models.Art{Title: title, Content: content, Cat_id: cat_id, Author: username, User_id: userid, Tags: tags, Pubtime: timestamp, Is_state: 0}
		id, err := models.AddArt(&art)
		if err != nil {
			c.ErrorJson(500, "发布失败", nil)
		}
		//插入标签
		ss := strings.Split(tags, ",")
		for i := 0; i < len(ss); i++ {
			tag := models.Tag{Art_id: int(id), Tagname: ss[i], Addtime: timestamp}
			models.AddTag(&tag)
		}

		//改成事务方式

		fmt.Println(art, id, err)
		c.SuccessJson("发布成功")
	}
	fmt.Println("6666", title, cat_id, content, tags)

	c.TplName = "addart.html"
}

四.视图

web编辑器我直接用的wangEditor很方便

{{template "public/header.html" .}}
<div class="row clearfix">
    <div class="col-md-8 column">
        <ul class="breadcrumb">
<li><a href="/">首页</a></li><li><a href="/user">个人中心</a></li><li class="active">发布文章</li>
</ul>
        <div>
         <p class="h-block"><strong>发布文章：</strong>
            <form class="h-block" id="myForm" method="post" action="/addart" role="form">
                <div class="form-group">
                    <span id="check_art" style="font-size: 8px;color: red;display: none;padding-left: 40%;"></span>
                    <label>标题:</label><input type="text" name="title" value="" class="form-control">
                    <label>栏目:</label>
                    <select name="cat_id" class="form-control">
                      {{range $ind, $elem := .cats}}
                      <option value="{{$elem.cat_id}}" >{{$elem.catname}}</option>
                      {{end}}
                    </select>
                    <label >内容:</label>
                    <div id="div-demo"></div>
                    <textarea name="content" id="text1" style="display: none"></textarea>
                    <label>标签:   ( 用英文逗号分隔 比如： 标签a , 标签b )</label>
                    <input type="text" name="tags" value="" class="form-control">
                </div>
                <button type="submit" class="btn btn-default">提交</button>
            </form>
        </p>
        </div>
        
    </div>
    <div class="col-md-4 column">
    </div>
</div>
{{template "public/footer.html" .}}
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
<script type="text/javascript">
    $(function (){
        var E = window.wangEditor
        if (document.getElementById('div-demo')) {
            var editor = new E('#div-demo')
            // 配置菜单栏，设置不需要的菜单
            editor.config.excludeMenus = [
                'italic',
                'underline',
                'strikeThrough',
                'indent',
                'emoticon',
                'video'
            ]
            editor.config.uploadImgShowBase64 = true
            editor.config.height = 200
            const $text1 = $('#text1')
            editor.config.onchange = function (html) {
                // 第二步，监控变化，同步更新到 textarea
                $text1.val(html)
            }
            editor.create()
            // 第一步，初始化 textarea 的值
            $text1.val(editor.txt.html())
        }
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        // bind form using ajaxForm
        $('#myForm').ajaxForm({
            dataType:  'json',
            // success:   processJson
            success: function(data){
                if (data.Code == 500) {console.log(data);
                    alert(data.Msg);
                }else{
                    $("#check_art").html(data.Data);
                    $("#check_art").css("display","block");
                };
            }
        });
    });
</script>

效果图：