个人博客留言板功能实现-全球看点
ZY知识库留言板功能实现 前言因为这个博客是用的大佬的开源项目,我也
因为这个博客是用的大佬的开源项目,我也是用自己的想法改了很多东西,虽然可能写的不是很好,但是我自己想要的效果实现了,开源项目不就是用来学习的嘛,所以不能一层不变,之前首页改版、评论功能我都没有写文章,这次抽空更新了留言板功能,来水一篇文章。
留言板地址:ZY知识库 · ZY - 留言板 (pljzy.top)
(资料图片仅供参考)
首先我创建了如下2个类,类型无非就是int、string、DateTime,这里就不做多的解释了
字段名 | 解释 |
---|---|
Id | 主键 |
Name | 留言者昵称 |
留言者邮箱 | |
Message | 留言内容 |
Created | 留言时间 |
字段名 | 解释 |
---|---|
Id | 主键 |
MessageId | 留言类外键 |
Name | 回复者昵称 |
回复者邮箱 | |
Reply | 回复内容 |
Created | 留言时间 |
然后我创建了IMessagesService接口类,列举部分如下:
using msg = Personalblog.Model.Entitys.Messages;public interface IMessagesService{ //新增留言 Task SubmitMessageAsync(msg messages); //查询所有留言,分页列表 IPagedList GetAll(QueryParameters param);}
然后用MessagesService
类实现这个接口类:
public class MessagesService:IMessagesService{ private readonly MyDbContext _myDbContext; public MessagesService(MyDbContext myDbContext) { _myDbContext = myDbContext; } public async Task SubmitMessageAsync(Messages messages) { StringBuilder sb = CommentSJson.CommentsJson(messages.Message); messages.Message = sb.ToString(); messages.created_at = DateTime.Now; await _myDbContext.Messages.AddAsync(messages); await _myDbContext.SaveChangesAsync(); return messages; } public IPagedList GetAll(QueryParameters param) { return _myDbContext.Messages.Include(m => m.Replies).ToList().ToPagedList(param.Page, param.PageSize); }}
IPagedList
是一个分页插件,用NuGet下载X.PagedList/8.4.3
包CommentsJson
方法是用来处理quill
富文本编辑器传过来的内容,这里就不做解释了。
builder.Services.AddTransient
public class MsgBoardController : Controller{ private readonly IMessagesService _messagesService; public MsgBoardController(IMessagesService messagesService) { _messagesService = messagesService; } // GET public async Task Index(int page = 1, int pageSize = 10) { MsgBoardList msgBoardList = new MsgBoardList() { PagedList = _messagesService.GetAll(new QueryParameters { Page = page, PageSize = pageSize }), ... }; return View(msgBoardList); } /// /// 新增留言 /// /// /// [HttpPost] public async Task SubMessage([FromBody]Messages messages) { if(messages.Message == null || messages.Message == "") return new ApiResponse(){Data = "请输入留言内容",Message = "请输入留言内容",StatusCode = 422}; if(messages.Name == null || messages.Name == "") return new ApiResponse(){Message = "请输入昵称~",StatusCode = 422}; if (messages.Email == null || messages.Email == "") return new ApiResponse(){Message = "请输入邮箱~",StatusCode = 422}; bool isValid = CheckEmail.CheckEmailFormat(messages.Email); if (!isValid) { return new ApiResponse(){Message = "邮箱格式错误~",StatusCode = 422}; } try { return new ApiResponse(){Data = GetHtml(await _messagesService.SubmitMessageAsync(messages)),Message = "留言成功",StatusCode = 200}; } catch (Exception e) { return new ApiResponse() { Data = "服务器异常!", Message = "服务器异常!", StatusCode = 500 }; } }}
因为是MVC项目所以控制器继承Controller
类,然后后台管理的接口则是继承ControllerBase
用于实现Restful
风格接口。
留言列表 @foreach (var m in Model.PagedList) { @await Html.PartialAsync("Widgets/MsgBoxList",m) }
分布视图MsgBoxList
用于显示留言
分布视图MsgBoxReplyList
用于显示该留言是否有人回复
MsgBoxList
:
@model Personalblog.Model.Entitys.Messages @Html.Raw(@Model.Message) @if (Model.Replies.Any()){ @await Html.PartialAsync("Widgets/MsgBoxReplyList",Model.Replies)}
部分代码
$.ajax({ url:"/MsgBoard/SubMessage/", type:"post", data:JSON.stringify({ "Name":""+Name+"", "Email":""+Email+"", "Message":""+Content+"" }), contentType: "application/json", success:function (data){ if (data.statusCode === 200){ alert(data.message, "success") const CommentList = document.getElementById("CommentList") const html = data.data CommentList.insertAdjacentHTML("beforeend", html); clearInput() }else{ alert(data.data, "danger") } $("#btnComent").prop("disabled", false); }, error:function(xhr,status,error){ $("#btnComent").prop("disabled", false); if (xhr.status === 429){ alert("请求过于频繁,请稍后再试。","warning") }else if (xhr.status === 422){ alert(xhr.responseJSON.message,"warning") } else{ alert("服务器异常,请稍后再试!!!","danger") } } })
上述内容就是对留言板功能的大体实现,总的来说,这是一个留言板的简单实现。
关键词:
ZY知识库留言板功能实现 前言因为这个博客是用的大佬的开源项目,我也
第二十五届中国国际高新技术成果交易会举办时间为2023年11月15至19日,
夜雨制作组译制,严禁商用只做授权嵌翻,所以更新频率较低,随缘更新原
6月9日,江苏2023年普通高考安全顺利结束。作为一次以奋斗为注脚的“成
以青春作歌,愿少年,永远年少!
鸡打鸣烧鸡的具体步骤:一、清水洗净鸡胸肉,胡萝卜,土豆,洋葱,红辣椒,香
6月9日,上海证券交易所上市审核委员会召开2023年第49次会议,审议通过
行业方面,预计港股价值成长齐发力,并建议关注估值较低、受政策利好较
近日,川沙新镇联合浦东新区就业促进中心,在界龙村村委会开展系列就业
保卫萝卜4周赛6 10怎么过?今天保卫萝卜4周赛6 10到底怎么过,今天主要
今天上午9点东坡庙会·粽情黄冈2023年湖北龙舟公开赛(黄冈站)正式开
如果你五一假期没能出游,那么端午节或许将是不错的旅游时机。受假期时
据北京疾控消息,近日北京市医疗机构报告两例猴痘病毒感染病例,两名病
1、但也肯定在少数人,星海高中虽然在苏州市的高中中排第2,朋友圈的学
1、皮下静脉毛细血管内的平滑肌遇到低温时发生的症状。本文就为大家分
1、生活中不能卖的东西太多了吧。2、你也没有给选项违法的影响社会的都
珠三角水资源配置工程B3标项目建设现场。南方日报记者石磊摄南方日报讯
01:11潮新闻客户端记者何丽娜通讯员沈冰清黄君萍有些人在煎药时为操作
RNG在上一场比赛中以比较轻松的姿态击败了iG战队。反倒是这一场比赛WE
北京时间6月11日凌晨3时,国际米兰将会迎来对阵曼城的欧冠决赛。比赛前
央视网消息:国家统计局今天(6月9日)发布,5月份,消费需求继续恢复,市场
上证报中国证券网讯(记者严曦梦)上海金融法院院长赵红6月9日在第十四
中新网6月9日电题:今夏旅行“蜂向标”:“避暑游”成主流“多巴胺”景
荣盛发展拟收购荣盛盟固利76%股权股价一字涨停---昨日晚间,荣盛发展发
袜子啤酒花食品直接从汽水店出来。即使20世纪50年代早于你的时代,短袜
Copyright 2015-2023 京津冀酒业网 版权所有 备案号:京ICP备2022022245号-12 联系邮箱:434 922 62 @qq.com