桃源资源网

ASP.NET MVC5+EF6+EasyUI后台管理系统 微信公众平台开发之消息管理
网络编程 2024/11/15 佚名
3 2

前言 

回顾上一节，我们熟悉的了解了消息的请求和响应，这一节我们来建立数据库的表，表的设计蛮复杂 

你也可以按自己所分析的情形结构来建表 

必须非常熟悉表的结果才能运用这张表，这表表的情形涵盖比较多 

思维导图 

我这个人比较喜欢用思维导图来分析和表达一些模型：

ASP.NET MVC5+EF6+EasyUI后台管理系统 微信公众平台开发之消息管理 

表结构 

根据思维导图，我们可以建立的表可以是3张表：消息表，规则表，类型表
消息表：实际的消息
规则表：文本、图文、语音等
类型表：文本、图文、语音（默认回复，订阅回复）
也可以是两张表：规制表，消息表（+一个类型字段） 

我这里只设计一张表：消息表（+一个规则字段+一个类型字段） 

设计表结构与个人的平时习惯有关系，我还是喜欢简单的东西，别为了设计而去专门设计，这样只会增加系统的复杂度 

CREATE TABLE [dbo].[WC_MessageResponse](
 [Id] [varchar](50) NOT NULL,  --主键 
 [OfficalAccountId] [varchar](50) NULL, --所属公众号
 [MessageRule] [int] NULL,   --消息规则（枚举）
 [Category] [int] NULL,   --类型（枚举）
 [MatchKey] [varchar](1000) NULL,  --关键字
 [TextContent] [varchar](max) NULL, --文本内容
 [ImgTextContext] [varchar](max) NULL, --图文文本内容
 [ImgTextUrl] [varchar](1000) NULL, --图文图片URL
 [ImgTextLink] [varchar](1000) NULL, --图文图片超链接
 [MeidaUrl] [varchar](1000) NULL,  --语音URL
 [MeidaLink] [varchar](1000) NULL,  --语音超链接
 [Enable] [bit] NOT NULL,   --是否启用
 [IsDefault] [bit] NOT NULL,  --是否默认
 [Remark] [varchar](2000) NULL,  --说明
 [Sort] [int] NOT NULL,   --排序
 [CreateTime] [datetime] NOT NULL,  --创建时间
 [CreateBy] [varchar](50) NOT NULL, --创建人
 [ModifyTime] [datetime] NOT NULL,  --修改时间
 [ModifyBy] [varchar](50) NULL,  --修改人
 CONSTRAINT [PK_WC_MessageResponse] PRIMARY KEY CLUSTERED 
(
 [Id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]

GO

SET ANSI_PADDING OFF
GO

ALTER TABLE [dbo].[WC_MessageResponse] WITH CHECK ADD CONSTRAINT [FK_WC_MessageResponse_WC_OfficalAcconts] FOREIGN KEY([OfficalAccountId])
REFERENCES [dbo].[WC_OfficalAccounts] ([Id])
ON DELETE CASCADE
GO

ALTER TABLE [dbo].[WC_MessageResponse] CHECK CONSTRAINT [FK_WC_MessageResponse_WC_OfficalAcconts]
GO

表对应了两个枚举和关联主表公众号管理的主表 

CREATE TABLE [dbo].[WC_OfficalAccounts](
 [Id] [varchar](50) NOT NULL,  --主键
 [OfficalId] [varchar](200) NULL, --公众号的唯一ID
 [OfficalName] [varchar](200) NOT NULL, --公众号名称
 [OfficalCode] [varchar](200) NOT NULL, --公众号帐号
 [OfficalPhoto] [varchar](1000) NULL, --头像
 [OfficalKey] [varchar](500) NULL, --EncodingAESKey
 [ApiUrl] [varchar](1000) NULL,  --我们的资源服务器
 [Token] [varchar](200) NULL,  --Token
 [AppId] [varchar](200) NULL,  --AppId
 [AppSecret] [varchar](200) NULL, --Appsecret
 [AccessToken] [varchar](200) NULL, --访问Token
 [Remark] [varchar](2000) NULL,  --说明
 [Enable] [bit] NOT NULL,  --是否启用
 [IsDefault] [bit] NOT NULL,  --是否为当前默认操作号
 [Category] [int] NOT NULL,  --类别（媒体号，企业号，个人号，开发测试号）
 [CreateTime] [datetime] NOT NULL, --创建时间
 [CreateBy] [varchar](50) NOT NULL, --创建人
 [ModifyTime] [datetime] NOT NULL, --修改时间
 [ModifyBy] [varchar](50) NULL,  --修改人
 CONSTRAINT [PK_WC_OfficalAcconts] PRIMARY KEY CLUSTERED 
(
 [Id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

对应的枚举 

 public enum WeChatReplyCategory
 {
 //文本
 Text =1,
 //图文
 Image =2,
 //语音
 Voice =3,
 //相等，用于回复关键字
 Equal=4,
 //包含，用于回复关键字
 Contain = 5
 }

 public enum WeChatRequestRuleEnum
 {
 /// <summary>
 /// 默认回复，没有处理的
 /// </summary>
 Default =0,
 /// <summary>
 /// 关注回复
 /// </summary>
 Subscriber =1,
 /// <summary>
 /// 文本回复
 /// </summary>
 Text =2,
 /// <summary>
 /// 图片回复
 /// </summary>
 Image =3,
 /// <summary>
 /// 语音回复
 /// </summary>
 Voice =4,
 /// <summary>
 /// 视频回复
 /// </summary>
 Video =5,
 /// <summary>
 /// 超链接回复
 /// </summary>
 Link =6,
 /// <summary>
 /// LBS位置回复
 /// </summary>
 Location =7,
 }

枚举其实对应就是我省掉的其余两张表
 到这里，相信表的设计已经非常清晰 

后台代码 

增删改查非常普通，主要关注点在前端，前端处理提交的消息中，必须包含规则，类型，来指定消息的最终表达

Controller

[HttpPost]
 [SupportFilter(ActionName = "Edit")]
 public JsonResult PostData(WC_MessageResponseModel model)
 {
  WC_OfficalAccountsModel accountModel = account_BLL.GetCurrentAccount();
  if (string.IsNullOrEmpty(model.Id))
  {
  model.Id = ResultHelper.NewId;
  }
  
  model.CreateBy = GetUserId();
  model.CreateTime = ResultHelper.NowTime;
  model.ModifyBy = GetUserId();
  model.ModifyTime = ResultHelper.NowTime;
  model.OfficalAccountId = accountModel.Id;
  model.Enable = true;
  model.IsDefault = true;
  if (m_BLL.PostData(ref errors, model))
  {
  LogHandler.WriteServiceLog(GetUserId(), "Id" + model.Id + ",OfficalAccountId" + model.OfficalAccountId, "成功", "保存", "WC_MessageResponse");
  return Json(JsonHandler.CreateMessage(1, Resource.SaveSucceed));
  }
  else
  {
  string ErrorCol = errors.Error;
  LogHandler.WriteServiceLog(GetUserId(), "Id" + model.Id + ",OfficalAccountId" + model.OfficalAccountId + "," + ErrorCol, "失败", "保存", "WC_MessageResponse");
  return Json(JsonHandler.CreateMessage(0, Resource.SaveFail + ErrorCol));
  }

 }

BLL

public bool PostData(ref ValidationErrors errors, WC_MessageResponseModel model)
 {
  try
  {

  WC_MessageResponse entity = new WC_MessageResponse();

  if (IsExists(model.Id))
  {
   entity = m_Rep.GetById(model.Id);
  }

  entity.Id = model.Id;
  entity.OfficalAccountId = model.OfficalAccountId;
  entity.MessageRule = model.MessageRule;
  entity.Category = model.Category;
  entity.MatchKey = model.MatchKey;
  entity.TextContent = model.TextContent;
  entity.ImgTextContext = model.ImgTextContext;
  entity.ImgTextUrl = model.ImgTextUrl;
  entity.ImgTextLink = model.ImgTextLink;
  entity.MeidaUrl = model.MeidaUrl;
  entity.Enable = model.Enable;
  entity.IsDefault = model.IsDefault;
  entity.Remark = model.Remark;
  entity.CreateTime = model.CreateTime;
  entity.CreateBy = model.CreateBy;
  entity.Sort = model.Sort;
  entity.ModifyTime = model.ModifyTime;
  entity.ModifyBy = model.ModifyBy;
  if (m_Rep.PostData(entity))
  {
   return true;
  }
  else
  {
   errors.Add(Resource.NoDataChange);
   return false;
  }

  }
  catch (Exception ex)
  {
  errors.Add(ex.Message);
  ExceptionHander.WriteException(ex);
  return false;
  }
 }

DAL

public bool PostData(WC_MessageResponse model)
 {
  //如果所有开关都关掉，证明不启用回复
  if (model.Category == null)
  {
  return true;
  }
  //全部设置为不默认
  ExecuteSqlCommand(string.Format("update [dbo].[WC_MessageResponse] set IsDefault=0 where OfficalAccountId ='{0}' and MessageRule={1}", model.OfficalAccountId, model.MessageRule));
  //默认回复和订阅回复,且不是图文另外处理，因为他们有3种模式，但是只有一个是默认的
  if (model.Category!= (int)WeChatReplyCategory.Image && (model.MessageRule == (int)WeChatRequestRuleEnum.Default || model.MessageRule == (int)WeChatRequestRuleEnum.Subscriber))
  {
  //查看数据库是否存在数据
  var entity = Context.WC_MessageResponse.Where(p => p.OfficalAccountId == model.OfficalAccountId && p.MessageRule == model.MessageRule && p.Category == model.Category).FirstOrDefault();
  if (entity != null)
  {
   //删除原来的
   Context.WC_MessageResponse.Remove(entity);
  }
  }
  //全部设置为默认
  ExecuteSqlCommand(string.Format("update [dbo].[WC_MessageResponse] set IsDefault=1 where OfficalAccountId ='{0}' and MessageRule={1} and Category={2}", model.OfficalAccountId, model.MessageRule,model.Category));
  //修改
  if(IsExist(model.Id))
  {
  Context.Entry<WC_MessageResponse>(model).State = EntityState.Modified;
  return Edit(model);
  }
  else { 
  return Create(model);
  }
 }

DAL层有必要来说明一下 

默认回复和关注回复有3种类型：文本，图文，语音（但是只能有一种，所以有IsDefault字段来表明执行哪种回复）所以这两个规则必须另外处理，且看DAL的代码执行的SQL语句便明白。 

所以我们尽情的设计前端吧！

 ASP.NET MVC5+EF6+EasyUI后台管理系统 微信公众平台开发之消息管理

前端如何设计？ 

我们来看一个思维导图： 

ASP.NET MVC5+EF6+EasyUI后台管理系统 微信公众平台开发之消息管理  

前端完整代码 

<style>
 .formtable td {
 vertical-align: top;
 padding: 10px;
 }

 .formtable th {
 text-align: left;
 padding: 10px;
 height: 30px;
 }

 .formtablenormal {
 width: 500px;
 }

 .formtablenormal th {
  border: 0px;
  text-align: right;
 }

 .formtablenormal td {
  border: 0px;
  vertical-align: middle;
 }
</style>
<script>
 //1文本2图文3语音
 var Category = {
 Text: 1,
 Image: 2,
 Voice: 3,
 Equal: 4,
 Contain: 5
 };
 //
 var RequestRule = {
 Default: 0,
 Subscriber: 1,
 Text: 2,
 Image: 3,
 Voice: 4,
 Video: 5,
 Link: 6,
 Location: 7
 };

 function initDefault() {
 $('#swText0').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $('#swImage0').switchbutton("uncheck");
   $('#swVoice0').switchbutton("uncheck");
   $("#div01").show();
   $("#div02,#div03").hide();
   $("#Category").val(Category.Text);
  }
  }
 });
 $('#swImage0').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $('#swVoice0').switchbutton("uncheck");
   $('#swText0').switchbutton("uncheck");
   $("#div02").show();
   $("#div01,#div03").hide();
   $("#Category").val(Category.Image);
   $("#List0").datagrid("resize");
  }
  }
 });
 $('#swVoice0').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $('#swImage0').switchbutton("uncheck");
   $('#swText0').switchbutton("uncheck");
   $("#div03").show();
   $("#div01,#div02").hide();
   $("#Category").val(Category.Voice);
  }
  }
 });
 //文本
 $.post('@Url.Action("GetList")', {
  page: 1,
  rows: 1,
  category: Category.Text,
  messageRule: RequestRule.Default
 },
 function(data) {
  var rows = data.rows;
  for (var i = 0; i < rows.length; i++) {
  if (rows[i].Category == Category.Text) {
   $("#Text0").val(rows[i].TextContent);
   if (rows[i].IsDefault) {
   $('#swText0').switchbutton("check");
   $('#swImage0').switchbutton("uncheck");
   $('#swVoice0').switchbutton("uncheck");
   }
  }
  }
 });
 //语音
 $.post('@Url.Action("GetList")', {
  page: 1,
  rows: 1,
  category: Category.Voice,
  messageRule: RequestRule.Default
 },
 function (data) {
  var rows = data.rows;
  for (var i = 0; i < rows.length; i++) {
  if (rows[i].Category == Category.Voice) {
   $("#VoiceTitle0").val(rows[i].TextContent);
   $("#VoiceContent0").val(rows[i].Remark);
   $("#VoiceUrl0").val(rows[i].MeidaUrl);
   if (rows[i].IsDefault) {
   $('#swVoice0').switchbutton("check");
   $('#swText0').switchbutton("uncheck");
   $('#swImage0').switchbutton("uncheck");
   }
  }
  }
 });

 $('#List0').datagrid({
  url: '@Url.Action("GetList")"check");
   $('#swText0').switchbutton("uncheck");
   $('#swVoice0').switchbutton("uncheck");
   $("#Category").val(Category.Image);
   }
  }
  },
  //单选模式
  //rownumbers: true,//行号
  columns: [[{
  field: 'Id',
  title: 'Id',
  width: 80,
  hidden: true
  },
  {
  field: 'TextContent',
  title: '标题',
  width: 80,
  sortable: true
  },
  {
  field: 'ImgTextUrl',
  title: '图片',
  width: 50,
  sortable: true,
  align: 'center', formatter: function (value) { return "<img width='80' height='80' src='" + value + "'/>" }
  },
  {
  field: 'ImgTextLink',
  title: '超链接',
  width: 80,
  sortable: true
  },
  {
  field: 'ImgTextContext',
  title: '回复内容',
  width: 180,
  sortable: true
  },

  ]]
 });

 $("#btnCreate02").unbind().click(function () {
  $("#modalwindow0").window({
  title: '@Resource.Create',
  width: 700,
  height: 500,
  iconCls: 'fa fa-plus'
  }).window('open');
 });

 

 $("#btnSava01").unbind().click(function() {
  //默认回复
  $("#MessageRule").val(RequestRule.Default);
  if ($.trim($("#Text0").val())=="")
  {
  $.messager.alert('@Resource.Tip', '内容必须填写！', 'warning');
  return;
  }
  $("#TextContent").val($.trim($("#Text0").val()));
  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
   data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });




 $("#btnSava02").unbind().click(function () {
  if ($.trim($("#ImageTitle0").val()) == "") {
  $.messager.alert('@Resource.Tip', '标题必须填写！', 'warning');
  return;
  }
  if ($.trim($("#ImageUrl0").val()) == "") {
  $.messager.alert('@Resource.Tip', '图片必须上传！', 'warning');
  return;
  }
  if ($.trim($("#Sort0").val()) == "") {
  $.messager.alert('@Resource.Tip', '排序必须填写！', 'warning');
  return;
  }
  //图文回复
  $("#MessageRule").val(RequestRule.Default);
  $("#TextContent").val($("#ImageTitle0").val());
  $("#ImgTextUrl").val($("#ImageUrl0").val());
  $("#ImgTextContext").val($("#ImageContent0").val());
  $("#ImgTextLink").val($("#ImageLink0").val());
  $("#Sort").val($("#Sort0").val());
  

  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   if (data.type == 1) {
   $("#Id").val("");
   $("#List0").datagrid('reload');
   $("#modalwindow0").window('close');
   $("#ImageTitle0").val("");
   $("#form02 img").attr("src", "/Content/Images/NotPic.jpg");
   $("#ImageContent0").val("");
   $("#ImageLink0").val("");
   $("#Sort0").val(0);
   $('#FileUpload02').val('');
   }
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 $("#btnSava03").unbind().click(function() {
  //默认回复
  $("#MessageRule").val(RequestRule.Default);
  if ($.trim($("#Text0").val())=="")
  {
  if ($.trim($("#VoiceTitle0").val()) == "") {
   $.messager.alert('@Resource.Tip', '标题必须填写！', 'warning');
   return;
  }
  if ($.trim($("#VoiceUrl0").val()) == "") {
   $.messager.alert('@Resource.Tip', '必须上传语音！', 'warning');
   return;
  }
  $("#TextContent").val($("#VoiceTitle0").val());
  $("#MeidaUrl").val($("#VoiceUrl0").val());
  $("#Remark").val($("#VoiceContent0").val());
  }

  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 }

 function initSubscriber() {
  $('#swText1').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $('#swImage1').switchbutton("uncheck");
   $('#swVoice1').switchbutton("uncheck");
   $("#div11").show();
   $("#div12,#div13").hide();
   $("#Category").val(Category.Text);
  }
  }
 });
 $('#swImage1').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $('#swVoice1').switchbutton("uncheck");
   $('#swText1').switchbutton("uncheck");
   $("#div12").show();
   $("#div11,#div13").hide();
   $("#Category").val(Category.Image);
   $("#List1").datagrid("resize");
  }
  }
 });
 $('#swVoice1').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $('#swImage1').switchbutton("uncheck");
   $('#swText1').switchbutton("uncheck");
   $("#div13").show();
   $("#div11,#div12").hide();
   $("#Category").val(Category.Voice);
  }
  }
 });
 //文本
 $.post('@Url.Action("GetList")', {
  page: 1,
  rows: 1,
  category: Category.Text,
  messageRule: RequestRule.Subscriber
 },
 function(data) {
  var rows = data.rows;
  for (var i = 0; i < rows.length; i++) {
  if (rows[i].Category == Category.Text) {
   $("#Text1").val(rows[i].TextContent);
   if (rows[i].IsDefault) {
   $('#swText1').switchbutton("check");
   $('#swImage1').switchbutton("uncheck");
   $('#swVoice1').switchbutton("uncheck");
   }
  }
  }
 });
 //语音
 $.post('@Url.Action("GetList")', {
  page: 1,
  rows: 1,
  category: Category.Voice,
  messageRule: RequestRule.Subscriber
 },
 function (data) {
  var rows = data.rows;
  for (var i = 0; i < rows.length; i++) {
  if (rows[i].Category == Category.Voice) {
   $("#VoiceTitle1").val(rows[i].TextContent);
   $("#VoiceContent1").val(rows[i].Remark);
   if (rows[i].IsDefault) {
   $('#swVoice1').switchbutton("check");
   $('#swText1').switchbutton("uncheck");
   $('#swImage1').switchbutton("uncheck");
   }
  }
  }
 });

 $('#List1').datagrid({
  url: '@Url.Action("GetList")"check");
   $('#swText1').switchbutton("uncheck");
   $('#swVoice1').switchbutton("uncheck");
   }
  }
  },
  //单选模式
  //rownumbers: true,//行号
  columns: [[{
  field: 'Id',
  title: 'Id',
  width: 80,
  hidden: true
  },
  {
  field: 'TextContent',
  title: '标题',
  width: 80,
  sortable: true
  },
  {
  field: 'ImgTextUrl',
  title: '图片',
  width: 50,
  sortable: true,
  align: 'center', formatter: function (value) { return "<img width='80' height='80' src='" + value + "'/>" }
  },
  {
  field: 'ImgTextLink',
  title: '超链接',
  width: 80,
  sortable: true
  },
  {
  field: 'ImgTextContext',
  title: '回复内容',
  width: 180,
  sortable: true
  },

  ]]
 });

 $("#btnCreate12").unbind().click(function () {
  $("#modalwindow1").window({
  title: '@Resource.Create',
  width: 700,
  height: 500,
  iconCls: 'fa fa-plus'
  }).window('open');
 });
 

 $("#btnSava11").unbind().click(function() {
  //默认回复
  $("#MessageRule").val(RequestRule.Subscriber);
  if ($.trim($("#Text1").val())=="")
  {
  $.messager.alert('@Resource.Tip', '内容必须填写！', 'warning');
  return;
  }
  $("#TextContent").val($.trim($("#Text1").val()));
  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
   data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });

 $("#btnSava12").unbind().click(function () {
  if ($.trim($("#ImageTitle1").val()) == "") {
  $.messager.alert('@Resource.Tip', '标题必须填写！', 'warning');
  return;
  }
  if ($.trim($("#ImageUrl1").val()) == "") {
  $.messager.alert('@Resource.Tip', '图片必须上传！', 'warning');
  return;
  }
  if ($.trim($("#Sort1").val()) == "") {
  $.messager.alert('@Resource.Tip', '排序必须填写！', 'warning');
  return;
  }
  //图文回复
  $("#MessageRule").val(RequestRule.Subscriber);
  $("#TextContent").val($("#ImageTitle1").val());
  $("#ImgTextUrl").val($("#ImageUrl1").val());
  $("#ImgTextContext").val($("#ImageContent1").val());
  $("#ImgTextLink").val($("#ImageLink1").val());
  $("#Sort").val($("#Sort1").val());
  
  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   if (data.type == 1) {
   $("#Id").val("");
   $("#List1").datagrid('reload');
   $("#modalwindow1").window('close');
   $("#ImageTitle1").val("");
   $("#form12 img").attr("src", "/Content/Images/NotPic.jpg");
   $("#ImageContent1").val("");
   $("#ImageLink1").val("");
   $("#Sort1").val(0);
   $('#FileUpload12').val('');
   }
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 $("#btnSava13").unbind().click(function() {
  //默认回复
  $("#MessageRule").val(RequestRule.Subscriber);
  if ($.trim($("#Text1").val())=="")
  {
  if ($.trim($("#VoiceTitle1").val()) == "") {
   $.messager.alert('@Resource.Tip', '标题必须填写！', 'warning');
   return;
  }
  if ($.trim($("#VoiceUrl1").val()) == "") {
   $.messager.alert('@Resource.Tip', '必须上传语音！', 'warning');
   return;
  }
  $("#TextContent").val($("#VoiceTitle1").val());
  $("#MeidaUrl").val($("#VoiceUrl1").val());
  $("#Remark").val($("#VoiceContent1").val());
  }

  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 }

 function initText() {
 $("#Category").val(Category.Equal);
 $('#List2').datagrid({
  url: '@Url.Action("GetList")"(完全匹配)" + value
   } else {
   return "(模糊匹配)" + value
   }
  }
  },
  {
  field: 'TextContent',
  title: '回复内容',
  width: 80,
  sortable: true
  },

  ]]
 });

 $('#swMessageRule2').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $("#Category").val(Category.Equal);
  } else {
   $("#Category").val(Category.Contain);
  }
  }
 });
 $("#btnCreate2").unbind().click(function () {
  $("#modalwindow2").window({
  title: '@Resource.Create',
  width: 700,
  height: 400,
  iconCls: 'fa fa-plus'
  }).window('open');
 });

 $("#btnSava2").unbind().click(function () {
  if ($.trim($("#TextMatchKey2").val()) == "") {
  $.messager.alert('@Resource.Tip', '关键字必须填写！', 'warning');
  return;
  }
  if ($.trim($("#Text2").val()) == "") {
  $.messager.alert('@Resource.Tip', '内容必须填写！', 'warning');
  return;
  }
  //文本回复
  $("#MessageRule").val(RequestRule.Text);
  $("#MatchKey").val($.trim($("#TextMatchKey2").val()));
  $("#TextContent").val($("#Text2").val());
  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   if (data.type == 1) {
   $("#Id").val("");
   $("#List2").datagrid('reload');
   $("#modalwindow2").window('close');
   $("#TextMatchKey2").val("");
   $("#Text2").val("");
   }
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 }


 function initImage() {
 $("#Category").val(Category.Equal);
 $('#List31').datagrid({
  url: '@Url.Action("GetListProperty")"GetList")"(完全匹配)" + value
   } else {
   return "(模糊匹配)" + value
   }
  }
  },
  {
  field: 'CreateTime',
  title: '创建时间',
  width: 80,
  sortable: true
  },

  ]]
 }).datagrid('getPager').pagination({ showPageList: true, showRefresh: false, displayMsg: '' });


 $('#List3').datagrid({
  url:'@Url.Action("GetList")"(完全匹配)" + value
   } else {
   return "(模糊匹配)" + value
   }
  }
  },
  {
  field: 'ImgTextUrl',
  title: '图片',
  width: 50,
  sortable: true,
  align: 'center', formatter: function (value) { return "<img width='80' height='80' src='" + value + "'/>" }
  },
  {
  field: 'ImgTextLink',
  title: '超链接',
  width: 80,
  sortable: true
  },
  {
  field: 'ImgTextContext',
  title: '回复内容',
  width: 180,
  sortable: true
  },
  {
  field: 'Sort',
  title: '排序',
  width: 50,
  sortable: true
  },
  ]]
 });

 $('#swMessageRule3').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $("#Category").val(Category.Equal);
  } else {
   $("#Category").val(Category.Contain);
  }
  }
 });
 $("#btnCreate3").unbind().click(function () {
  $("#modalwindow3").window({
  title: '@Resource.Create',
  width: 700,
  height: 550,
  iconCls: 'fa fa-plus'
  }).window('open');
 });

 
 $("#btnSava3").unbind().click(function () {
  if ($.trim($("#ImageTitle3").val()) == "") {
  $.messager.alert('@Resource.Tip', '标题必须填写！', 'warning');
  return;
  }
  if ($.trim($("#TextMatchKey3").val()) == "") {
  $.messager.alert('@Resource.Tip', '关键字必须填写！', 'warning');
  return;
  }
  if ($.trim($("#ImageUrl3").val()) == "") {
  $.messager.alert('@Resource.Tip', '图片必须上传！', 'warning');
  return;
  }
  //图文回复
  $("#MessageRule").val(RequestRule.Image);
  $("#MatchKey").val($.trim($("#TextMatchKey3").val()));
  $("#TextContent").val($("#ImageTitle3").val());
  $("#ImgTextUrl").val($("#ImageUrl3").val());
  $("#ImgTextContext").val($("#ImageContent3").val());
  $("#ImgTextLink").val($("#ImageLink3").val());
  $("#Sort").val($("#Sort3").val());
  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   if (data.type == 1) {
   $("#Id").val("");
   $("#List3").datagrid('reload');
   $("#List31").datagrid('reload');
   $("#modalwindow3").window('close');
   $("#ImageTitle3").val("");
   $("#form3 img").attr("src", "/Content/Images/NotPic.jpg");
   $("#ImageContent3").val("");
   $("#ImageLink3").val("");
   $("#Sort3").val(0);
   $('#FileUpload3').val('');
   $("#TextMatchKey3").val('');
   }
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 }

 function initVoice() {
 $("#Category").val(Category.Equal);
 $('#List4').datagrid({
  url: '@Url.Action("GetList")"(完全匹配)" + value
   } else {
   return "(模糊匹配)" + value
   }
  }
  },
  {
  field: 'MeidaUrl',
  title: '语音',
  width: 80,
  sortable: true,
  align: 'center', formatter: function (value) { return "<img width='80' height='80' src='" + value + "'/>" }
  },
  {
  field: 'ImgTextLink',
  title: '超链接',
  width: 80,
  sortable: true
  },
  {
  field: 'ImgTextContext',
  title: '回复内容',
  width: 80,
  sortable: true
  },

  ]]
 });

 $('#swMessageRule4').switchbutton({
  onChange: function(checked) {
  if (checked) {
   $("#Category").val(Category.Equal);
  } else {
   $("#Category").val(Category.Contain);
  }
  }
 });
 $("#btnCreate4").unbind().click(function() {
  $("#modalwindow4").window({
  title: '@Resource.Create',
  width: 700,
  height: 500,
  iconCls: 'fa fa-plus'
  }).window('open');
 });

 
 $("#btnSava4").unbind().click(function () {
  if ($.trim($("#VoiceTitle4").val()) == "") {
  $.messager.alert('@Resource.Tip', '标题必须填写！', 'warning');
  return;
  }
  if ($.trim($("#TextMatchKey4").val()) == "") {
  $.messager.alert('@Resource.Tip', '关键字必须填写！', 'warning');
  return;
  }
  if ($.trim($("#VoiceUrl4").val()) == "") {
  $.messager.alert('@Resource.Tip', '必须上传语音！', 'warning');
  return;
  }
  //图文回复
  $("#MessageRule").val(RequestRule.Voice);
  $("#MatchKey").val($("#TextMatchKey4").val());
  $("#TextContent").val($("#VoiceTitle4").val());
  $("#MeidaUrl").val($("#VoiceUrl4").val());
  $("#Remark").val($("#VoiceContent4").val());
  if ($("#form").valid()) {
  $.ajax({
   url: "@Url.Action("PostData")",
   type: "Post",
  data: $("#form").serialize(),
  dataType: "json",
  success: function(data) {
   if (data.type == 1) {
   $("#Id").val("");
   $("#List4").datagrid('reload');
   $("#modalwindow4").window('close');
   $("#TextMatchKey4").val("");
   $("#VoiceTitle4").val("");
   $("#VoiceUrl4").val("");
   $("#VoiceContent4").val("");
   $("#FileUpload4").val("");
   $("#form3 img").attr("src", "/Content/Images/NotPic.jpg");
   }
   $.messageBox5s('@Resource.Tip', data.message);
  }
  });
 }
 });
 }
 $(function() {
 $('#tt').tabs({
  justified: true,
  width: '100%',
  height: $(window).height() - 20
 });
 $('#tt').tabs({
  onSelect: function(title, index) {
  switch (index) {
   case RequestRule.Default:
   initDefault();
   break;
   case RequestRule.Subscriber:
   initSubscriber();
   break;
   case RequestRule.Text:
   initText();
   break;
   case RequestRule.Image:
   initImage();
   break;
   case RequestRule.Voice:
   initVoice();
   break;
  }
  }
 });
 //初始化第一个标签
 initDefault();

 //自动宽高
 $(window).resize(function() {
  $('#tt').tabs({
  height:$(window).height() - 20
  });
  //$('#List2').datagrid('resize', {
  // width: SetGridWidthSub(40),
  // height: SetGridHeightSub(100)
  //});

 });
 });
 $(function () {
 $('input.textbox').validatebox().bind('blur', function () {
  $(this).validatebox('enableValidation').validatebox('validate');
 });
 })
</script>
<form id="form" method="post">
 <input type="hidden" id="Id" name="Id" />
 <input type="hidden" id="MessageRule" name="MessageRule" />
 <input type="hidden" id="Category" name="Category" />
 <input type="hidden" id="MatchKey" name="MatchKey" />
 <input type="hidden" id="TextContent" name="TextContent" />
 <input type="hidden" id="ImgTextContext" name="ImgTextContext" />
 <input type="hidden" id="ImgTextUrl" name="ImgTextUrl" />
 <input type="hidden" id="ImgTextLink" name="ImgTextLink" />
 <input type="hidden" id="MeidaUrl" name="MeidaUrl" />
 <input type="hidden" id="MeidaLink" name="MeidaLink" />
 <input type="hidden" id="Remark" name="Remark" />
 <input type="hidden" id="Sort" name="Sort" value="0" />
 <input type="hidden" id="CreateTime" name="CreateTime" />
 <input type="hidden" id="CreateBy" name="CreateBy" />
 <input type="hidden" id="ModifyTime" name="ModifyTime" />
 <input type="hidden" id="ModifyBy" name="ModifyBy" />
</form>
<div style="padding:10px;">
 <div id="tt" class="easyui-tabs">
  <div title="默认回复"> 
  <table class="formtable" style="height:45px; line-height:45px; width:100%; border-bottom:1px solid #e7eaec">
   <tr>
   <td style="width:100px;">
    文本: @Html.SwitchButtonByEdit("swText0", false)
   </td>
   <td style="width:100px;">
    图文: @Html.SwitchButtonByEdit("swImage0", false)
   </td>
   <td style="width:100px;">
    语音: @Html.SwitchButtonByEdit("swVoice0", false)
   </td>
   <td></td>
   <td style="width:300px;">
    <div class="color-green">当前操作公众号：<span id="CurrentOfficalAccount">@ViewBag.CurrentOfficalAcount</span></div>
   </td>
   </tr>
  </table>
  <div id="div01" class="displaynone">
   <div class="mvctool bgb">
   @Html.ToolButton("btnSava01", "fa fa-plus", "提交保存", ref perm, "Edit", false)
   </div>
   <textarea id="Text0" style="width: 300px;height: 330px; margin:20px;"></textarea>
   </div>
  <div id="div02" class="displaynone">
   <div class="mvctool bgb">
   @Html.ToolButton("btnCreate02", "fa fa-search", "添加回复", ref perm, "Edit", false)
   </div>
   <div id="modalwindow0" class="easyui-window" style="width:600px; height:550px;" data-options="modal:true,closed: true,minimizable:false,shadow:false">
   <div class="mvctool bgb">
    @Html.ToolButton("btnSava02", "fa fa-search", "提交保存", ref perm, "Edit", false)
   </div>
   <table class="formtablenormal">
    <tr><th>标题: </th><td><input type="text" id="ImageTitle0" class="textbox" data-options="required:true" /></td></tr>
    <tr>
    <th>图片: </th>
    <td>
     <form id="form02" method="post">
     <input type="hidden" name="ImageUrl0" id="ImageUrl0" />
     <img class="expic" src="/UploadFiles/2021-04-02/NotPic.jpg">


利用前端的思维导图，来快速理解前端代码，和应用于实际 




总结 


消息的管理是非常有技巧的一件事




1.消息在没有任务回复的情况 下，我们应该启用默认回复，要不用户会得不到回应，丢失体验 




2.关键字的设计一般是一环扣一环，是有引导作用的

比如：


关键字：（我要）   回复： 按1加入获得礼品一份，按2直接获得50元

关键字：（1）       回复： 按3获得铁观音茶一份，按4获得普洱茶

关键字：（3或4）  回复：请回复您的地址和电话及收件人

这样我们将获得系统与用户之间的完整对话，当然我们也要对用户最后的信息进行处理。




本文已被整理到了《ASP.NET微信开发教程汇总》，欢迎大家学习阅读。


关于管理系统的更多内容请点击《管理系统专题》进行学习


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
标签：
ASP.NET,MVC5,EF6,EasyUI,微信,消息管理
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
www.nqtax.com 桃源资源网
19,905影音资源
44,626技术资源
1,817软件资源
378,645站长资源

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
桃源资源网 Design By www.nqtax.com