前言：
文章分类管理，文章管理，文章回收站
正文：
分类管理效果：
添加分类：
文章列表效果：
添加文章效果：
文章回收站效果：
控制器代码：admins/controllers/news.go
//文章分类列表 func NewsCateList(c *gin.Context) { list:=modes.NewsCateList(c) c.HTML(http.StatusOK,"news/news_cate_list.html", gin.H{ "list":list, "cate_name":c.Query("cate_name"), "count":len(list), }) } //文章分类添加/编辑 func NewsCateAdd(c *gin.Context) { var cate modes.SysNewsCate news_id,exist := c.GetQuery("news_id"); if exist == true{ //编辑 news_idd,_ := strconv.Atoi(news_id) cate = modes.NewsCateItem(news_idd,c) } c.HTML(http.StatusOK,"news/news_cate_edit.html", gin.H{ "cate":cate, }) } //文章分类保存 func NewsCateSave(c *gin.Context) { res,msg := modes.NewsCateSave(c) if res != true { c.JSON(http.StatusOK, gin.H{ "code": 400, "msg": msg,}) return } c.JSON(http.StatusOK, gin.H{ "code": 0, "msg": "保存成功",}) } //文章分类删除 func NewsCateDel(c *gin.Context) { res,msg := modes.NewsCateDel(c) if res != true { c.JSON(http.StatusOK, gin.H{ "code": 400, "msg": msg,}) return } c.JSON(http.StatusOK, gin.H{ "code": 0, "msg": "删除成功",}) } //文章列表 func NewsList(c *gin.Context) { list:=modes.NewsList(c,1) cate_list := modes.NewsCateList(c) //将cate_id 转换为int cate_id,_ := strconv.Atoi(c.Query("cate_id")) c.HTML(http.StatusOK,"news/news_list.html", gin.H{ "list":list, "count":len(list), "cate_list":cate_list, "news_title":c.Query("news_title"), "cate_id":cate_id, "start_date":c.Query("start_date"), "end_date":c.Query("end_date"), }) } //文章添加/编辑 func NewsAdd(c *gin.Context) { news := modes.SysNews{} news_id,exist := c.GetQuery("news_id"); if exist == true{ //编辑 news_idd,_ := strconv.Atoi(news_id) news = modes.NewsItem(news_idd,c) //content base64解码 bytes,_ := base64.StdEncoding.DecodeString(news.NewsContent) news.NewsContent = string(bytes) } cate_list := modes.NewsCateList(c) c.HTML(http.StatusOK,"news/news_edit.html", gin.H{ "news":news, "cate_list":cate_list, }) } //文章保存 func NewsSave(c *gin.Context) { res,msg := modes.NewsSave(c) if res != true { c.JSON(http.StatusOK, gin.H{ "code": 400, "msg": msg,}) return } c.JSON(http.StatusOK, gin.H{ "code": 0, "msg": "保存成功",}) } //文章删除 func NewsDel(c *gin.Context) { news_id := c.Query("news_id") news_idd,_ := strconv.Atoi(news_id) res,msg := modes.NewsDel(news_idd,c) if res != true { c.JSON(http.StatusOK, gin.H{ "code": 400, "msg": msg,}) return } c.JSON(http.StatusOK, gin.H{ "code": 0, "msg": "保存成功",}) } //文章列表 func NewsTrashList(c *gin.Context) { list:=modes.NewsList(c,2) cate_list := modes.NewsCateList(c) //将cate_id 转换为int cate_id,_ := strconv.Atoi(c.Query("cate_id")) c.HTML(http.StatusOK,"news/news_trash_list.html", gin.H{ "list":list, "count":len(list), "cate_list":cate_list, "news_title":c.Query("news_title"), "cate_id":cate_id, "start_date":c.Query("start_date"), "end_date":c.Query("end_date"), }) } //恢复 func NewsRestore(c *gin.Context) { news_id := c.Query("news_id") news_idd,_ := strconv.Atoi(news_id) res,msg := modes.NewsRestore(news_idd,c) if res != true { c.JSON(http.StatusOK, gin.H{ "code": 400, "msg": msg,}) return } c.JSON(http.StatusOK, gin.H{ "code": 0, "msg": "保存成功",}) } //永久删除 func NewsDelReal(c *gin.Context) { news_id := c.Query("news_id") news_idd,_ := strconv.Atoi(news_id) res,msg := modes.NewsDelReal(news_idd,c) if res != true { c.JSON(http.StatusOK, gin.H{ "code": 400, "msg": msg,}) return } c.JSON(http.StatusOK, gin.H{ "code": 0, "msg": "保存成功",}) }
模型代码：modes/newsModel.go
type SysNewsCate struct { Id int `form:"id"` CateName string `form:"cate_name"` CateOrders string `form:"cate_orders"` IsShow int `form:"is_show"` } type SysNews struct { Id int `form:"id"` NewsTitle string `form:"news_title"` NewsDesc string `form:"news_desc"` NewsContent string `form:"news_content"` NewsPic string `form:"news_pic"` IsShow int `form:"is_show"` CateId int `form:"cate_id"` IsRecommed int `form:"is_recommed"` NewsReads int `form:"news_reads"` IsDel int `form:"is_del"` DelDatetime string `form:"del_datetime"` AddDatetime string `form:"add_datetime"` } type SysNewsList struct { SysNews CateName string } //获取新闻分类列表 func NewsCateList(c *gin.Context) []SysNewsCate{ cate_list := []SysNewsCate{} NewDb := DB if cate_name,isExist := c.GetQuery("cate_name");isExist == true{ if strings.TrimSpace(cate_name) != ""{ NewDb = NewDb.Where("cate_name = ?",cate_name) } } res := NewDb.Model(SysNewsCate{}).Order("cate_orders DESC").Find(&cate_list) if res.Error != nil { return cate_list } return cate_list } //获取新闻分类 func NewsCateItem(news_id int,c *gin.Context) SysNewsCate { var news_cate SysNewsCate DB.Model(SysNewsCate{}).Where("id = ?",news_id).First(&news_cate) return news_cate } //保存分类 func NewsCateSave(c *gin.Context) (bool,string) { var cate = SysNewsCate{} c.ShouldBind(&cate) if cate.Id > 0 { //更新 res := DB.Model(SysNewsCate{}).Where("id=?",cate.Id).Updates(&cate) if res.Error != nil { return false,"保存失败" } }else{ //增加 res := DB.Model(SysNewsCate{}).Create(&cate) if res.Error != nil { return false,"保存失败" } } return true,"保存成功" } //删除分类 func NewsCateDel(c *gin.Context) (bool,string){ id := c.Query("id") idd,err := strconv.Atoi(id) if err !=nil { return false,err.Error() } var count int64 //判断分类下是否有文章 DB.Model(SysNews{}).Where("cate_id=?",idd).Count(&count) if count >0 { count_str := strconv.Itoa(int(count)) return false,"该分类下有"+count_str+"篇文章，请先移除后再删除分类" } res :=DB.Model(SysNewsCate{}).Where("id=?",idd).Delete(SysNewsCate{}) if res.Error != nil { return false,res.Error.Error() } return true,"保存成功" } //文章列表 func NewsList(c *gin.Context,flag int) ([]SysNewsList) { news_list := []SysNewsList{} NewDb := DB if title,isExist := c.GetQuery("news_title");isExist == true{ if strings.TrimSpace(title) != ""{ NewDb = NewDb.Where("news_title like ?","%"+title+"%") } } if is_show,isExist := c.GetQuery("is_show");isExist == true{ if strings.TrimSpace(is_show) != ""{ NewDb = NewDb.Where("is_show = ?",is_show) } } if cate_id,isExist := c.GetQuery("cate_id");isExist == true{ if strings.TrimSpace(cate_id) != ""{ NewDb = NewDb.Where("cate_id = ?",cate_id) } } if start_date,isExist := c.GetQuery("start_date");isExist == true{ if strings.TrimSpace(start_date) != "" { start_date = start_date + " 00:00:00" NewDb = NewDb.Where("add_datetime > ?", start_date) } } if end_date,isExist := c.GetQuery("end_date");isExist == true{ if strings.TrimSpace(end_date) != "" { end_date = end_date+" 23:59:59" NewDb = NewDb.Where("add_datetime <= ?",end_date) } } if flag == 1 { //只查询未删除的 NewDb = NewDb.Where("is_del = ?",1) }else{ //只查询未删除的 NewDb = NewDb.Where("is_del = ?",2) } res := NewDb.Model(SysNews{}).Select("sys_news.*","sys_news_cate.cate_name"). Order("sys_news.id DESC"). Joins("join sys_news_cate on sys_news.cate_id = sys_news_cate.id").Find(&news_list) if res.Error != nil { return news_list } return news_list } //文章详情 func NewsItem(news_id int,c *gin.Context) SysNews { var news SysNews DB.Model(SysNews{}).Where("id = ?",news_id).First(&news) return news } //文章保存 func NewsSave(c *gin.Context) (bool,string) { var news = SysNews{} c.ShouldBind(&news) if news.Id > 0 { //更新 //对内容进行base64编码一下 content := []byte(news.NewsContent) news.NewsContent = base64.StdEncoding.EncodeToString(content) ////解编码 //bytes,_ := base64.StdEncoding.DecodeString(news.NewsContent) //news.NewsContent = string(bytes) res := DB.Model(SysNews{}).Where("id=?",news.Id).Updates(&news) if res.Error != nil { return false,"保存失败" } }else{ //增加 //对内容进行base64编码一下,方便保存 content := []byte(news.NewsContent) news.NewsContent = base64.StdEncoding.EncodeToString(content) news.AddDatetime = time.Now().Format(common.TimeTem) news.DelDatetime = "1999-01-01 00:00:00" res := DB.Model(SysNews{}).Create(&news) if res.Error != nil { return false,"保存失败" } } return true,"保存成功" } //文章删除 func NewsDel(news_id int,c *gin.Context) (bool,string) { var news = SysNews{ IsDel: 2, DelDatetime: time.Now().Format(common.TimeTem), } res := DB.Model(SysNews{}).Where("id=?",news_id).Updates(&news) if res.Error != nil { return false,"保存失败" } return true,"删除成功" } //文章恢复 func NewsRestore(news_id int,c *gin.Context) (bool,string) { var news = SysNews{ IsDel: 1, DelDatetime: "1999-01-01 00:00:00", } res := DB.Model(SysNews{}).Where("id=?",news_id).Updates(&news) if res.Error != nil { return false,"保存失败" } return true,"删除成功" } //文章彻底删除 func NewsDelReal(news_id int,c *gin.Context) (bool,string) { var news = SysNews{} res := DB.Model(SysNews{}).Where("id=?",news_id).Delete(&news) if res.Error != nil { return false,"保存失败" } return true,"删除成功" }
文件上传：common/upload.go
// 定义上传路径 const UPLOAD_DIR = "./static/uploads" //文件上传 ，文章封面图 func FileUpload(c *gin.Context) { file, err := c.FormFile("file") if err != nil { c.JSON(http.StatusForbidden, gin.H{ "code": 400, "error": err.Error(), }) return } arr := strings.Split(file.Filename, ".") filepath, ok := checkExtAndgetFilePath(arr[1]) if ok != true { c.JSON(http.StatusForbidden, gin.H{ "code": 400, "error": "invalid ext", }) return } if err = c.SaveUploadedFile(file, filepath); err != nil { c.JSON(http.StatusForbidden, gin.H{ "code": 400, "error": "upload failed", }) return } file_url :=strings.Replace(filepath,"./static/uploads","/uploads",1) c.JSON(http.StatusOK, gin.H{ "code": 200, "error": "upload success", "img_url": file_url, }) return } // 检查扩展名，并返回文件路径 func checkExtAndgetFilePath(fileExt string) (string, bool) { allowExt := map[string]bool{ "jpg": true, "png": true, "jpeg": true, } if _, ok := allowExt[fileExt]; !ok { return "", false } year := strconv.Itoa(time.Now().Year()) month := strconv.Itoa(int(time.Now().Month())) file_dir := UPLOAD_DIR + "/"+year+month+"/" //创建文件夹 _, ok := os.Stat(file_dir) if ok != nil { os.Mkdir(UPLOAD_DIR, os.ModePerm) } filePath := file_dir + strconv.FormatInt(time.Now().UnixNano(), 10) + "." + fileExt return filePath, true } //UEeditor 文件上传 func ImgUpload(c *gin.Context) { action := c.Query("action") json_str := `/* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制，单位B */ "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */ "imageCompressEnable": true, /* 是否压缩图片,默认是true */ "imageCompressBorder": 1600, /* 图片压缩最长边限制 */ "imageInsertAlign": "none", /* 插入的图片浮动方式 */ "imageUrlPrefix": "", /* 图片访问路径前缀 */ "imagePathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */ /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */ /* {time} 会替换成时间戳 */ /* {yyyy} 会替换成四位年份 */ /* {yy} 会替换成两位年份 */ /* {mm} 会替换成两位月份 */ /* {dd} 会替换成两位日期 */ /* {hh} 会替换成两位小时 */ /* {ii} 会替换成两位分钟 */ /* {ss} 会替换成两位秒 */ /* 非法字符 \ : * ? " < > | */ /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */ /* 涂鸦图片上传配置项 */ "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */ "scrawlFieldName": "upfile", /* 提交的图片表单名称 */ "scrawlPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "scrawlMaxSize": 2048000, /* 上传大小限制，单位B */ "scrawlUrlPrefix": "", /* 图片访问路径前缀 */ "scrawlInsertAlign": "none", /* 截图工具上传 */ "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */ "snapscreenPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "snapscreenUrlPrefix": "", /* 图片访问路径前缀 */ "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */ /* 抓取远程图片配置 */ "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"], "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */ "catcherFieldName": "source", /* 提交的图片列表表单名称 */ "catcherPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "catcherUrlPrefix": "", /* 图片访问路径前缀 */ "catcherMaxSize": 2048000, /* 上传大小限制，单位B */ "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取图片格式显示 */ /* 上传视频配置 */ "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */ "videoFieldName": "upfile", /* 提交的视频表单名称 */ "videoPathFormat": "/ueditor/php/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "videoUrlPrefix": "", /* 视频访问路径前缀 */ "videoMaxSize": 102400000, /* 上传大小限制，单位B，默认100MB */ "videoAllowFiles": [ ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */ /* 上传文件配置 */ "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */ "fileFieldName": "upfile", /* 提交的文件表单名称 */ "filePathFormat": "/ueditor/php/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "fileUrlPrefix": "", /* 文件访问路径前缀 */ "fileMaxSize": 51200000, /* 上传大小限制，单位B，默认50MB */ "fileAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ], /* 上传文件格式显示 */ /* 列出指定目录下的图片 */ "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */ "imageManagerListPath": "/ueditor/php/upload/image/", /* 指定要列出图片的目录 */ "imageManagerListSize": 20, /* 每次列出文件数量 */ "imageManagerUrlPrefix": "", /* 图片访问路径前缀 */ "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */ "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */ /* 列出指定目录下的文件 */ "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */ "fileManagerListPath": "/ueditor/php/upload/file/", /* 指定要列出文件的目录 */ "fileManagerUrlPrefix": "", /* 文件访问路径前缀 */ "fileManagerListSize": 20, /* 每次列出文件数量 */ "fileManagerAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ] /* 列出的文件类型 */ }` if action == "config" { //返回配置信息 c.String(http.StatusOK,json_str); return }else if action == "uploadimage"{ file, err := c.FormFile("upfile") if err != nil { c.JSON(http.StatusForbidden, gin.H{ "code": 400, "error": err.Error(), }) return } arr := strings.Split(file.Filename, ".") filepath, ok := checkExtAndgetFilePath(arr[1]) if ok != true { c.JSON(http.StatusForbidden, gin.H{ "code": 400, "error": "invalid ext", }) return } if err = c.SaveUploadedFile(file, filepath); err != nil { c.JSON(http.StatusForbidden, gin.H{ "code": 400, "error": "upload failed", }) return } file_url :=strings.Replace(filepath,"./static/uploads","/uploads",1) c.JSON(http.StatusOK, gin.H{ "state": "SUCCESS", "url": file_url, "title": file.Filename, "original":file.Filename, "type":arr[1], "size":file.Size, }) return } }
模板文件：news_list.html
<article class="cl pd-20"> <div class="text-c"> <form name="postform" method="get" action="/admin/news_list"> <span class="select-box inline"> <select name="cate_id" class="select"> <option value="">全部分类</option> {{range $k,$v := .cate_list}} <option value="{{$v.Id}}" {{if eq $v.Id $.cate_id}}selected{{end}}>{{$v.CateName}}</option> {{end}} </select> </span> 日期范围： <input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}'})" id="logmin" name="start_date" value="{{.start_date}}" class="input-text Wdate" style="width:120px;"> - <input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d'})" id="logmax" name="end_date" value="{{.end_date}}" class="input-text Wdate" style="width:120px;"> <input type="text" name="news_title" id="news_title" value="{{.news_title}}" placeholder="文章标题" style="width:250px" class="input-text"> <button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont"></i> 搜文章</button> </form> </div> <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> {{ $admin_uid := GetAdminId}} <a class="btn btn-primary radius" data-title="添加文章" {{if has_powa $admin_uid "/admin/news_add"}} style="display:none" {{end}} onclick="article_add('添加文章','/admin/news_add')" href="javascript:;"><i class="Hui-iconfont"></i> 添加文章</a> </span> <span class="r">共有数据：<strong>{{.count}}</strong> 条</span> </div> <div class="mt-20"> <table class="table table-border table-bordered table-bg table-hover table-sort"> <thead> <tr class="text-c"> <th width="25"><input type="checkbox" name="" value=""></th> <th width="80">ID</th> <th>标题</th> <th width="120">封面图</th> <th width="100">文章分类</th> <th width="100">是否显示</th> <th width="75">浏览次数</th> <th width="120">添加时间</th> <th width="120">操作</th> </tr> </thead> <tbody> {{range $k,$v := .list }} <tr class="text-c"> <td><input type="checkbox" value="" name=""></td> <td>{{$v.Id}}</td> <td class="text-l"><u style="cursor:pointer" class="text-primary" onClick="article_edit('查看','/admin/news_add','{{$v.Id}}')" title="查看">{{$v.NewsTitle}}</u></td> <td><img src="{{$v.NewsPic}}" width="110"></td> <td>{{$v.CateName}}</td> <td class="td-status"> {{if eq $v.IsShow 1}} <span class="label label-success radius">显示</span> {{else}} <span class="label label-info radius">隐藏</span> {{end}} </td> <td>{{$v.NewsReads}}</td> <td>{{$v.AddDatetime}}</td> <td class="f-14 td-manage"> <a class="ml-5" {{if has_powa $admin_uid "/admin/news_add"}} style="display:none" {{end}} onClick="article_edit('资讯编辑','/admin/news_add','{{$v.Id}}')" href="javascript:;" title="编辑"><i class="Hui-iconfont"></i></a> <a class="ml-5" {{if has_powa $admin_uid "/admin/news_del"}} style="display:none" {{end}} onClick="article_del(this,'{{$v.Id}}')" href="javascript:;" title="删除"><i class="Hui-iconfont"></i></a></td> </tr> {{end}} </tbody> </table> </div> </article> <script type="text/javascript"> $('.table-sort').dataTable({ "aaSorting": [[ 1, "desc" ]],//默认第几个排序 "bStateSave": true,//状态保存 "aoColumnDefs": [ //{"bVisible": true, "aTargets": [ 3,4,5 ]} ,//控制列的隐藏显示 {"orderable":false,"aTargets":[0,8]}// 不参与排序的列 ] }); /*资讯-添加*/ function article_add(title,url,w,h){ var index = layer.open({ type: 2, title: title, content: url }); layer.full(index); } /*资讯-编辑*/ function article_edit(title,url,id,w,h){ var index = layer.open({ type: 2, title: title, content: url+"?news_id="+id }); layer.full(index); } /*资讯-删除*/ function article_del(obj,id){ layer.confirm('确认要删除吗？',function(index){ $.ajax({ type: 'GET', url: '/admin/news_del?news_id='+id, dataType: 'json', success: function(data){ if (data.code == 0){ $(obj).parents("tr").remove(); layer.msg('已删除!',{icon:1,time:1000}); }else{ layer.msg(data.msg); } }, error:function(data) { console.log(data.msg); }, }); }); } </script>
模板文件：news_edit.html
<article class="page-container"> <form class="form form-horizontal" id="form-article-add" method="post" action="/admin/news_save"> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章标题：</label> <div class="formControls col-xs-8 col-sm-9"> <input type="text" class="input-text" value="{{.news.NewsTitle}}" placeholder="" id="news_title" name="news_title"> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章栏目：</label> <div class="formControls col-xs-8 col-sm-9"> <span class="select-box"> <select name="cate_id" class="select"> <option value="0">全部栏目</option> {{range $k,$v := .cate_list}} <option value="{{$v.Id}}" {{if eq $v.Id $.news.CateId}}selected{{end}}>{{$v.CateName}}</option> {{end}} </select> </span> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">浏览量：</label> <div class="formControls col-xs-8 col-sm-9"> <input type="text" class="input-text" value="{{.news.NewsReads}}" placeholder="" id="news_reads" name="news_reads"> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">文章摘要：</label> <div class="formControls col-xs-8 col-sm-9"> <textarea name="news_desc" cols="" rows="" class="textarea" placeholder="说点什么...最少输入10个字符" datatype="*10-100" dragonfly="true" nullmsg="备注不能为空！" onKeyUp="textarealength(this,200)">{{.news.NewsDesc}}</textarea> <p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">是否显示：</label> <div class="formControls col-xs-8 col-sm-9 skin-minimal"> <div class="radio-box"> <input name="is_show" type="radio" id="is_show-1" value="1" {{if eq .news.IsShow 1 }}checked{{end}} {{if not .news.IsShow}}checked{{end}}> <label for="is_show-1">显示</label> </div> <div class="radio-box"> <input type="radio" id="is_show-2" name="is_show" value="2" {{if eq .news.IsShow 2 }}checked{{end}}> <label for="is_show-2">隐藏</label> </div> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">是否推荐：</label> <div class="formControls col-xs-8 col-sm-9 skin-minimal"> <div class="radio-box"> <input name="is_recommed" type="radio" id="is_recommed-1" value="1" {{if eq .news.IsRecommed 1 }}checked{{end}} {{if not .news.IsRecommed}}checked{{end}}> <label for="is_recommed-1">正常</label> </div> <div class="radio-box"> <input type="radio" id="is_recommed-2" name="is_recommed" value="2" {{if eq .news.IsRecommed 2 }}checked{{end}}> <label for="is_recommed-2">推荐</label> </div> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">是否删除：</label> <div class="formControls col-xs-8 col-sm-9 skin-minimal"> <div class="radio-box"> <input name="is_del" type="radio" id="is_del-1" value="1" {{if eq .news.IsDel 1 }}checked{{end}} {{if not .news.IsDel}}checked{{end}}> <label for="is_del-1">正常</label> </div> <div class="radio-box"> <input type="radio" id="is_del-2" name="is_del" value="2" {{if eq .news.IsDel 2 }}checked{{end}}> <label for="is_del-2">删除</label> </div> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">缩略图：</label> <div class="formControls col-xs-8 col-sm-9"> <div class="uploader-thum-container"> <div id="fileList" class="uploader-list"> {{if .news.NewsPic}} <div id="WU_FILE_0" class="item upload-state-success"><div class="pic-box"><img src="{{.news.NewsPic}}" style="height: 100px"></div><div class="info">{{.news.NewsPic}}</div><p class="state">已上传</p><div class="progress-box" style="display: none;"><span class="progress-bar radius"><span class="sr-only" style="width: 100%;"></span></span></div></div> {{end}} </div> <div id="filePicker">选择图片</div> <button id="btn-star" class="btn btn-default btn-uploadstar radius ml-10">开始上传</button> <input type="hidden" name="news_pic" id="news_pic" value="{{.news.NewsPic}}"> </div> </div> </div> <div class="row cl"> <label class="form-label col-xs-4 col-sm-2">文章内容：</label> <div class="formControls col-xs-8 col-sm-9"> <script id="editor" type="text/plain" style="width:100%;height:400px;"></script> <input type="hidden" name="news_content" id="news_content"> <input type="hidden" name="id" id="id" value="{{.news.Id}}"> </div> </div> <div class="row cl"> <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2"> <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 提交</button> <button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button> </div> </div> </form> </article> <script type="text/javascript" src="/static/h-ui.lib/webuploader/0.1.5/webuploader.min.js"></script> <script type="text/javascript" src="/static/h-ui.lib/ueditor/1.4.3/ueditor.config.js"></script> <script type="text/javascript" src="/static/h-ui.lib/ueditor/1.4.3/ueditor.all.min.js"> </script> <script type="text/javascript" src="/static/h-ui.lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <script type="text/javascript"> var ue = UE.getEditor('editor'); ue.ready(function (){ //设置内容 UE.getEditor('editor').setContent({{.news.NewsContent}}) }) $(function(){ $('.skin-minimal input').iCheck({ checkboxClass: 'icheckbox-blue', radioClass: 'iradio-blue', increaseArea: '20%' }); $list = $("#fileList"), $btn = $("#btn-star"), state = "pending", uploader; var uploader = WebUploader.create({ auto: true, swf: '/static/h-ui.lib/webuploader/0.1.5/Uploader.swf', // 文件接收服务端。 server: '/admin/fileupload', // 选择文件的按钮。可选。 // 内部根据当前运行是创建，可能是input元素，也可能是flash. pick: '#filePicker', // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！ resize: false, // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' } }); uploader.on( 'fileQueued', function( file ) { var $li = $( '<div id="' + file.id + '" class="item">' + '<div class="pic-box"><img></div>'+ '<div class="info">' + file.name + '</div>' + '<p class="state">等待上传...</p>'+ '</div>' ), $img = $li.find('img'); $list.append( $li ); // 创建缩略图 // 如果为非图片文件，可以不用调用此方法。 //thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb( file, function( error, src ) { if ( error ) { $img.replaceWith('<span>不能预览</span>'); return; } //缩略图尺寸 $img.attr( 'src', src ); }, 100, 100 ); }); // 文件上传过程中创建进度条实时显示。 uploader.on( 'uploadProgress', function( file, percentage ) { var $li = $( '#'+file.id ), $percent = $li.find('.progress-box .sr-only'); // 避免重复创建 if ( !$percent.length ) { $percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only'); } $li.find(".state").text("上传中"); $percent.css( 'width', percentage * 100 + '%' ); }); // 文件上传成功，给item添加成功class, 用样式标记上传成功。 uploader.on( 'uploadSuccess', function( file ,res) { $("#news_pic").val(res.img_url) $( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传"); }); // 文件上传失败，显示上传出错。 uploader.on( 'uploadError', function( file ) { $( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错"); }); // 完成上传完了，成功或者失败，先删除进度条。 uploader.on( 'uploadComplete', function( file ) { $( '#'+file.id ).find('.progress-box').fadeOut(); }); uploader.on('all', function (type) { if (type === 'startUpload') { state = 'uploading'; } else if (type === 'stopUpload') { state = 'paused'; } else if (type === 'uploadFinished') { state = 'done'; } if (state === 'uploading') { $btn.text('暂停上传'); } else { $btn.text('开始上传'); } }); $btn.on('click', function () { if (state === 'uploading') { uploader.stop(); } else { uploader.upload(); } }); $("#form-article-add").validate({ rules:{ menu_name:{ required:true, minlength:2, maxlength:16 }, }, onkeyup:false, focusCleanup:true, success:"valid", submitHandler:function(form){ $("#news_content").val(ue.getContent()) $(form).ajaxSubmit(function (data){ if(data.code == 0){ var index = parent.layer.getFrameIndex(window.name); parent.window.location.reload(); parent.layer.close(index); }else{ layer.alert(data.msg) } }); } }); }); </script>