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小时内与您取得联系。