全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

MVC+EasyUI+三层新闻网站建立 详情页面制作方法(八)

 MVC新闻网站建立,完成详情页面的制作。

详情就是点击详情后弹出一个div,所以需要现在boby里面先建立一个div

<div id="detailDiv">
  <table>
   <tr>
    <td>标题:</td>
    <td><input class="easyui-textbox" style="width:250px;height:32px" id="title"/></td>
   </tr>
   <tr>
    <td>作者:</td>
    <td><input class="easyui-textbox" style="width: 250px; height: 32px" id="author" /></td>
   </tr>
   <tr>
    <td>发布日期:</td>
    <td><input class="easyui-textbox" style="width: 250px; height: 32px" id="subDateTime" /></td>
   </tr>
   <tr>
    <td>内容:</td>
    <td><input class="easyui-textbox" data-options="multiline:true" style="width: 400px; height: 250px" id="Msg" /></td>
   </tr>
  </table>
 </div>

这个div是需要隐藏的,当点击详情再弹出来。(隐藏语句需要放在页面加载的函数中)

//设置详细框为不可见
$("#detailDiv").css("display", "none");

在上一篇的datagrid里面我给详情的超链接添加了一个   onclick="showDetail('+row.Id+')"  事件    row.Id就是拿到点击的新闻Id

现在就需要完善这个方法

 //显示新闻详情
  function showDetail(index) {
   //弹出div
   $("#detailDiv").css("display", "block");
   $.post("/NewInfo/ShowModelById", { id: index }, function (data) {
    
    $("#title").textbox("setValue", data.Title);
    $("#author").textbox("setValue", data.Author);
    $("#subDateTime").textbox("setValue", ChangeDateFormat(data.SubDateTime));
    $("#Msg").textbox("setValue", data.Msg);
   });
   //弹出dialog
   $("#detailDiv").dialog({
    title: "新闻详情",
    modal: true,
    width: 500,
    height: 500,
    
   });
  }

同样的这里要根据Id查询新闻信息

在DAL层的NewInfoDal中

/// <summary>
  /// 根据id查询出记录
  /// </summary>
  /// <param name="id"></param>
  /// <returns></returns>
  public NewInfo GetEntityModel(int id)
  {
   string sql = "select * from T_News where Id=@Id";
   DataTable da = SqlHelper.ExcuteDataTable(sql, CommandType.Text, new SqlParameter("@Id", id));
   NewInfo newInfo = null;
   if (da.Rows.Count > 0)
   {
    newInfo = new NewInfo();
    LoadEntity(da.Rows[0], newInfo);
   }
   return newInfo;

  }

在BLL层的NewInfoServices中

 /// <summary>
  /// 根据id查询记录
  /// </summary>
  /// <param name="id"></param>
  /// <returns></returns>
  public NewInfo GetEntityModel(int id)
  {
   return NewInfoDal.GetEntityModel(id);
  }

最后在NewInfo控制器下建立ShowModelById方法

 /// <summary>
  /// 根据id查询记录
  /// </summary>
  /// <returns></returns>
  public ActionResult ShowModelById()
  {
   int id = int.Parse(Request["id"]);
   NewInfo model = NewInfoBll.GetEntityModel(id);
   return Json(model, JsonRequestBehavior.AllowGet);
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# MVC  # 新闻网站  # 详情页面  # MVC+EasyUI+三层新闻网站建立 建站准备工作(一)  # MVC+EasyUI+三层新闻网站建立 主页布局的方法(五)  # MVC+EasyUI+三层新闻网站建立 实现登录功能(四)  # MVC+EasyUI+三层新闻网站建立 后台登录界面的搭建(二)  # MVC+EasyUI+三层新闻网站建立 验证码生成(三)  # 一步步打造简单的MVC电商网站BooksStore(2)  # 一步步打造简单的MVC电商网站BooksStore(1)  # MVC4制作网站教程第四章 更新栏目4.3  # MVC4制作网站教程第四章 浏览栏目4.2  # MVC4制作网站教程第四章 添加栏目4.1  # 弹出  # 放在  # 发布日期  # 我给  # 建立一个  # 在上  # 大家多多  # 超链接  # 加载  # true  # title  # multiline  # author  # data  # subDateTime  # options  # Msg  # row  # showDetail 


相关文章: 定制建站流程步骤详解:一站式方案设计与开发指南  如何在阿里云虚拟主机上快速搭建个人网站?  陕西网站制作公司有哪些,陕西凌云电器有限公司官网?  表情包在线制作网站免费,表情包怎么弄?  如何快速搭建支持数据库操作的智能建站平台?  C#怎么创建控制台应用 C# Console App项目创建方法  设计网站制作公司有哪些,制作网页教程?  成都网站制作报价公司,成都工业用气开户费用?  子杰智能建站系统|零代码开发与AI生成SEO优化指南  如何选择靠谱的建站公司加盟品牌?  已有域名和空间如何搭建网站?  制作网站的公司有哪些,做一个公司网站要多少钱?  Swift中switch语句区间和元组模式匹配  如何通过.red域名打造高辨识度品牌网站?  网站制作软件有哪些,制图软件有哪些?  天河区网站制作公司,广州天河区如何办理身份证?需要什么资料有预约的网站吗?  建站之星Pro快速搭建教程:模板选择与功能配置指南  ,柠檬视频怎样兑换vip?  建站之星如何修改网站生成路径?  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  建站主机解析:虚拟主机配置与服务器选择指南  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  如何通过NAT技术实现内网高效建站?  交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?  内网网站制作软件,内网的网站如何发布到外网?  网站按钮制作软件,如何实现网页中按钮的自动点击?  代刷网站制作软件,别人代刷火车票靠谱吗?  如何在局域网内绑定自建网站域名?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  建站之星后台密码遗忘?如何快速找回?  logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?  建站主机SSH密钥生成步骤及常见问题解答?  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  青浦网站制作公司有哪些,苹果官网发货地是哪里?  贸易公司网站制作流程,出口贸易网站设计怎么做?  网站制作说明怎么写,简述网页设计的流程并说明原因?  建站之星如何配置系统实现高效建站?  常州企业网站制作公司,全国继续教育网怎么登录?  图册素材网站设计制作软件,图册的导出方式有几种?  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  电脑免费海报制作网站推荐,招聘海报哪个网站多?  早安海报制作网站推荐大全,企业早安海报怎么每天更换?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  利用JavaScript实现拖拽改变元素大小  如何基于云服务器快速搭建个人网站?  PHP 500报错的快速解决方法  潍坊网站制作公司有哪些,潍坊哪家招聘网站好?  简历在线制作网站免费,免费下载个人简历的网站是哪些?  建站IDE高效指南:快速搭建+SEO优化+自适应模板全解析 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。