保存笔记走通

controllers/NoteController.go

@@ -1,10 +1,10 @@
 package controllers
 
 import (
-	"github.com/astaxie/beego"
-	"strconv"
 	"beeblog/models"
 	"beeblog/service"
+	"github.com/astaxie/beego"
+	"strconv"
 )
 
 type NoteController struct {
@@ -16,12 +16,14 @@ func (this *NoteController) Save() {
 	pid, _ := this.GetInt64("pid")
 	title := this.GetString("title")
 	uid := this.GetSession("userid")
+	noteHtml := this.GetString("noteHtml")
+	noteVal := this.GetString("noteVal")
 	if uid == nil {
 		this.Data["json"] = models.ReurnError(401, "保存失败")
 		this.ServeJSON()
 		return
 	}
-	note := &models.Note{Title: title, Pid: pid, UserId: uid.(int64)}
+	note := &models.Note{Title: title, Pid: pid, UserId: uid.(int64), NoteVal: noteVal, NoteHtml: noteHtml}
 	err := noteService.SaveNote(note)
 	if err == nil {
 		this.Data["json"] = note
@@ -35,6 +37,7 @@ func (this *NoteController) Edit() {
 	noteService := service.NoteService{}
 	idStr := this.Ctx.Input.Param(":id")
 	noteHtml := this.GetString("noteHtml")
+	noteVal := this.GetString("noteVal")
 	id, _ := strconv.ParseInt(idStr, 10, 64)
 	uid := this.GetSession("userid")
 	if uid == nil {
@@ -55,6 +58,7 @@ func (this *NoteController) Edit() {
 		return
 	}
 	note.NoteHtml = noteHtml
+	note.NoteVal = noteVal
 	err := noteService.EditNote(note)
 	if err == nil {
 		this.Data["json"] = models.ReurnSuccess("")
@@ -77,7 +81,7 @@ func (this *NoteController) SaveNoteColl() {
 	note := &models.NoteColl{Title: title, UserId: uid.(int64)}
 	err := noteService.SaveNoteColl(note)
 	if err == nil {
-		this.Data["json"] = models.ReurnData("",note)
+		this.Data["json"] = models.ReurnData("", note)
 	} else {
 		this.Data["json"] = models.ReurnError(500, "保存失败")
 	}
@@ -229,4 +233,4 @@ func (this *NoteController) NoteApi() {
 	}
 	this.Data["json"] = noteColls
 	this.ServeJSON()
-}
+}

routers/NoteRouter.go

@@ -8,7 +8,7 @@ import (
 func init() {
 	beego.Router("/api/note/:id([0-9]+)", &controllers.NoteController{}, "get:Get")
 	beego.Router("/note", &controllers.NoteController{}, "get:Note")
-	beego.Router("/note/api", &controllers.NoteController{}, "get:NoteApi")
+	beego.Router("/api/note", &controllers.NoteController{}, "get:NoteApi")
 	beego.Router("/api/notecoll/save", &controllers.NoteController{}, "post:SaveNoteColl")
 	beego.Router("/api/notecoll/edit", &controllers.NoteController{}, "post:EditNoteColl")
 	beego.Router("/api/note/save", &controllers.NoteController{}, "post:Save")

views/note.html

@@ -62,7 +62,23 @@
     <div class="ivu-menu-png" @click="drawer = true">
         <img src="/static/img/imenu.png" alt="" width="30" height="30">
     </div>
-    <mavon-editor :externalLink="externalLink" :toolbars="toolbars" v-model="meval"></mavon-editor>
+    <Modal
+            v-model="modal1"
+            title="笔记信息"
+            @on-ok="okHandler"
+            @on-cancel="cancelHandler">
+        <i-form :label-width="100">
+            <form-item label="文件夹名称">
+                <i-select v-model="currentNote.pid">
+                    <i-option v-for="item in noteCols" :value="item.id" :key="item.id">${ item.title }</i-option>
+                </i-select>
+            </form-item>
+            <form-item label="笔记名称">
+                <i-input type="text" v-model="currentNote.title" placeholder="请输入笔记名称"/>
+            </form-item>
+        </i-form>
+    </Modal>
+    <mavon-editor :externalLink="externalLink" :toolbars="toolbars" v-model="meval" @save="saveHandler"></mavon-editor>
     <Drawer title="目录选择" placement="left" :closable="false" v-model="drawer" width="400">
         <i-button type="primary" ghost long>添加文件夹</i-button>
         <i-button type="success" ghost long style="margin-top: 5px">添加笔记</i-button>
@@ -87,7 +103,8 @@
             'mavon-editor': MavonEditor.mavonEditor
         },
         data: {
-            drawer: true,
+            modal1: false,
+            drawer: false,
             externalLink: {
                 // markdown_css: function() {
                 //     // 这是你的markdown css文件路径
@@ -125,7 +142,7 @@
                 /* 1.3.5 */
                 undo: true, // 上一步
                 //redo: true, // 下一步
-                //trash: true, // 清空
+                trash: true, // 清空
                 save: true, // 保存（触发events中的save事件）
                 /* 1.4.2 */
                 navigation: true, // 导航目录
@@ -139,104 +156,125 @@
                 menu: true, // 预览
             },
             notes: [],
-            meval: ''
+            currentNote: {},
+            meval: '',
+            noteCols: []
+
         },
         mounted() {
             var _this = this
-            $.get("/note/api", function (data, status) {
+            $.get("/api/note", function (data, status) {
                 _this.notes = data
+                data.forEach((el) => {
+                    _this.noteCols.push({title: el.Title, id: el.Id})
+                })
             })
         },
         methods: {
+            okHandler() {
+                var _this = this
+                if (!this.currentNote.pid) {
+                    this.$Notice.warning({
+                        title: '请选择文件夹后重新保存',
+                        desc: ''
+                    })
+                    return
+                }
+                if (!this.currentNote.title) {
+                    this.$Notice.warning({
+                        title: '请输入笔记名称后重新保存',
+                        desc: ''
+                    })
+                    return
+                }
+                $.post('/api/note/save/', {
+                        pid: this.currentNote.pid,
+                        title: this.currentNote.title,
+                        noteHtml: this.currentNote.NoteHtml
+                        noteVal: this.currentNote.NoteVal
+                    },
+                    function (data) {
+                        if (data.Status == 500) {
+                            _this.$Notice.error({
+                                title: '保存失败',
+                                desc: ''
+                            })
+                        } else if (data.Status == 401) {
+                            window.location.href = "/login"
+                        } else {
+                            _this.currentNote.Id = data.Id
+                            debugger
+                            _this.$Notice.success({
+                                title: '保存成功',
+                                desc: ''
+                            })
+                        }
+                    }, 'json')
+            },
+            cancelHandler() {
+                this.$Notice.warning({
+                    title: '笔记没有被保存！！！',
+                    desc: ''
+                })
+            },
             noteSelectHandler(id) {
                 var _this = this
                 this.notes.forEach((item) => {
                     item.Notes.forEach((note) => {
                         if (id == note.Id) {
+                            _this.currentNote = note
                             _this.meval = note.NoteVal ? note.NoteVal : note.NoteHtml
                         }
                     })
                 })
+            },
+            saveHandler(value, render) {
+                this.currentNote.NoteVal = value
+                this.currentNote.NoteHtml = render
+                if (!this.currentNote.Id) {
+                    this.modal1 = true
+                } else {
+                    this.editHandler(value, render)
+                }
+            },
+            editHandler(value, render) {
+                var _this = this
+                $.post('/api/note/edit/' + this.currentNote.Id, {
+                        noteHtml: render,
+                        noteVal: value
+                    },
+                    function (data) {
+                        if (data.Status == 0) {
+                            _this.$Notice.success({
+                                title: '保存成功',
+                                desc: ''
+                            })
+                        } else if (data.Status == 401) {
+                            window.location.href = "/login"
+                        } else {
+                            _this.$Notice.error({
+                                title: '保存失败',
+                                desc: ''
+                            })
+                        }
+                    }, 'json')
             }
         }
     })
 </script>
 <script>
-    function keyDown(e) {
+    // function keyDown(e) {
-        // e.preventDefault();
+    //     // e.preventDefault();
-        var currKey = 0, e = e || event || window.event;
+    //     var currKey = 0, e = e || event || window.event;
-        currKey = e.keyCode || e.which || e.charCode;
+    //     currKey = e.keyCode || e.which || e.charCode;
-        if (currKey == 83 && (e.ctrlKey || e.metaKey)) {
+    //     if (currKey == 83 && (e.ctrlKey || e.metaKey)) {
-            layer.msg("ctrl+s")
+    //         layer.msg("ctrl+s")
-            saveNote()
+    //         saveNote()
-            return false;
+    //         return false;
-        }
+    //     }
+    //
+    // }
 
-    }
-
-    function saveNote() {
-        if (!note || !note.Id) {
-            layer.msg('请在左边菜单中选择笔记', function () {
-            });
-            return
-        }
-        var noteHtml = editor.txt.html()
-        if (!editor.txt.html() && editor.txt.html().trim().length == 0) {
-            layer.msg('保存内容为空', function () {
-            });
-            return
-        }
-        $.post('/api/note/edit/' + note.Id, {
-                noteHtml: noteHtml
-            },
-            function (data) {
-                if (data.Status == 0) {
-                    layer.msg("保存成功", {icon: 6});
-                } else if (data.Status == 401) {
-                    window.location.href = "/login"
-                } else {
-                    layer.msg("服务器异常", {icon: 5});
-                }
-            }, 'json')
-    }
-
-    function noteClick(id) {
-        $.get('/api/note/' + id,
-            function (data) {
-                if (!data.Status) {
-
-                    if (data.NoteHtml && data.NoteHtml.trim().length != 0) {
-                        editor.txt.html(data.NoteHtml);
-                        $(".current-title").text(data.Title)
-                    } else if (note) {
-                        editor.txt.html("");
-                    }
-                    note = data
-                } else if (data.Status == 401) {
-                    window.location.href = "/login"
-                } else if (data.Status == 403) {
-                    layer.msg("暂无权限", {icon: 5});
-                } else {
-                    layer.msg("服务器异常", {icon: 5});
-                }
-            }, 'json')
-
-    }
-
-    function addNoteCallback(obj) {
-        var subMenu = $(".sub-menu")
-        $.each(subMenu, function (index, el) {
-            if ($(el).attr("value") == obj.Pid) {
-                var child = '<li><a href="javascript:void(0)" onclick="noteClick(' + obj.Id + ')" value="' + obj.Id + '" >' + obj.Title + '</a></li>'
-                $(el).append(child)
-                if (!note || !note.Id) {
-                    note = obj
-                    $(".current-title").text(obj.Title)
-                }
-                return
-            }
-        })
-    }
 
     $(function () {