因为这个博客是用的大佬的开源项目,我也是用自己的想法改了很多东西,虽然可能写的不是很好,但是我自己想要的效果实现了,开源项目不就是用来学习的嘛,所以不能一层不变,之前首页改版、评论功能我都没有写文章,这次抽空更新了留言板功能,来水一篇文章。
(资料图)
留言板地址: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 @Model.created_at @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知识库留言板功能实现 前言因为这个博客是用的大佬的开源项目,我也
OPPOReno10Pro+售价3899元起16GB+256GB。荣耀90Pro跟OPPOReno10Pro+都是曲屏,大家买哪
来为大家解答以上的问题。精算专业全国排名,国内精算专业大学排名这个
C114讯6月10日消息备受业界关注的中国移动2023年至2024年5G无线主设备
梅西显然也是遭到了巴萨方面的戏耍,这也让加泰本地媒体都看不下去了。
1、“忽如一夜春风来,千树万树梨花开”,出自唐代著名诗人岑参的《...
来为大家解答以上问题,邮政银行卡被吞了怎么办,银行卡被吞了怎么办很
1、playtherole扮演具体的角色。2、通常搭配:playtheroleof (扮演 的角色)
来为大家解答以上问题,如何进入开发者模式小米,如何进入开发者模式很
来为大家解答以上问题,小米账号注册的游戏可以到其他手机登吗,小米账
来为大家解答以上问题,无法连接到internet但网络正常,无法连接到inte
想了解更多精彩内容,快来关注我的钢铁据Mysteel不完全统计,本周(6月
6月的首周,杭州临安一个案名为“华发荟天府”的楼盘意外出圈,登上...
6月10日8时20分许,沪蓉线长安集至南分路间突发不明水源水淹道床,影响
昆明自古以来就是鱼米之乡,盛产稻米。因此,米线、饵块、饵丝等米制食
央视网消息:贵州省铜仁市思南县的大河坝镇位于武陵山腹地,在脱贫攻坚
各地税务部门不断优化服务前5个月新办涉税经营主体643 5万户
原文:www billboard-japan com special detail 2917翻译:ChatGPT校对
中央气象台6月10日10时发布暴雨蓝色预警:预计,6月10日14时至11日14时
随着彩票市场的不断发展,越来越多人参与彩票投注。为了提高中奖概率,
天津北方网讯:2023年天津市常见恶性肿瘤联合筛查项目昨天在市肿瘤医院
说他是德甲赛场上的“带刀后卫”,并不为过。如果能从拜仁签下这位...
1、调查提纲是指调查研究活动的内容要点。它是调查计划的具体化、纲目
6月9日晚间,蔚来(09866 HK NIO US)公布2023年第一季度财报。总营收
回顾2023年4月MPV销量榜,广汽传祺M8以7204台的成绩位列第三名,已经成
不知不觉已来到了6月,这是一个值得期待的夏天。有夏日气泡水般的欢快
当前大家对于湖南文理学院学报:社会科学版都是颇为感兴趣的,大家都想
24小时财经资讯平台,依托新锐财经日报《每日经济新闻》(NationalBusin
本报讯(记者路艳霞)北京新华书店的第一家主题书店幽默书店近日迎来了
来为大家解答以下的问题,考资料来源怎么写,参考资料这个很多人还不知