ASP.NET MVC 实现页落网资源分享网站+充值管理+后台管理（14）之会员中心管理
源码下载地址：http://www.yealuo.com/Sccnn/Detail?KeyValue=c891ffae-7441-4afb-9a75-c5fe000e3d1c
会员中心，主要包含了会员的基本信息维护、充值管理，以及下载充值的日志管理和收藏等功能
首先我们需要在MemberCenterModule区域下的Controller文件中创建MemberSystemController.cs控制器：
using Bobo.Utilities;
using Bobo.Utilities.Membership;
using IA.Business;
using IA.Entity;
using IA.WebApp.SystemExtension;
using System;
using System.Collections.Generic;
using System.Data;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace IA.WebApp.Areas.MemberCenterModule.Controllers
{
[LoginAuthorize("~/MemberCenterModule/MemberRegLogin/login")]
public class MemberSystemController : Controller
{
//
// GET: /MemberCenterModule/MemberSystem/
/// <summary>
/// 会员中心
/// </summary>
/// <returns></returns>
public ActionResult Index()
{
string MemeberID = ManageProvider.Provider.Current().UserId;
Com_Member mentity = new Com_MemberBll().Factory.FindEntity(MemeberID);
return View(mentity);
}
/// <summary>
/// 充值中心
/// </summary>
/// <returns></returns>
public ActionResult RechargeView()
{
string MemeberID = ManageProvider.Provider.Current().UserId;
Com_Member mentity = new Com_MemberBll().Factory.FindEntity(MemeberID);
return View(mentity);
}
//支付凭证
public ActionResult SubPayForm()
{
return View();
}
/// <summary>
/// 获取凭证实体
/// </summary>
/// <param name="KeyValue"></param>
/// <returns></returns>
public ActionResult GetPayInit(string KeyValue)
{
Com_PayFor mentity = new Com_PayForBll().Factory.FindEntity(KeyValue);
return Content(mentity.ToJson());
}
/// <summary>
/// 支付凭证提交
/// </summary>
/// <returns></returns>
public ActionResult SubPayDataForm(Com_PayFor entity, string KeyValue)
{
HttpPostedFileBase FileUrl = Request.Files["PayForUrlFile"];
Com_PayForBll bll = new Com_PayForBll();
try
{
int IsOk = 0;
string Message = "提交失败。";
List<string> fileType = ConfigHelper.GetSystemConfig("SystemConfig", "fileUploadPath", "ImageType").ToLower().Split('|').ToList();
string FileUrName = "";
bool FileHasUrl = FileUrl != null && FileUrl.ContentLength > 0;
if (FileHasUrl)
{
FileUrName = Path.GetFileName(FileUrl.FileName);
}
if ((FileHasUrl && !fileType.Contains(Path.GetExtension(FileUrName).ToLower())))
{
return Content(new JsonMessage { Code = "-1", Success = false, Message = "支付凭证只能上传" + ConfigHelper.GetSystemConfig("SystemConfig", "fileUploadPath", "ImageType").ToLower() + "类型的文件！" }.ToString());
}
if (FileHasUrl && CommonHelper.GetInt(SizeHelper.CountSizeNum(FileUrl.ContentLength)) > CommonHelper.GetInt(ConfigHelper.GetSystemConfig("SystemConfig", "fileUploadPath", "ImageSize")))
{
return Content(new JsonMessage { Code = "-1", Success = false, Message = "文件大小不能超过" + ConfigHelper.GetSystemConfig("SystemConfig", "fileUploadPath", "ImageSize") + "M！" }.ToString());
}
string AllPath = "";//ConfigHelper.GetSystemConfig("SystemConfig", "fileUploadPath", "AllFilePath");
string PicPath = "/Resource/PayForUrl/";
DirFileHelper.CreateDirectory(Server.MapPath(AllPath + PicPath));
//上传凭证
if (FileUrl != null && FileUrl.ContentLength > 0)
{
string fileName = CommonHelper.GetGuidNotLine() + Path.GetFileName(FileUrl.FileName);
FileUrl.SaveAs(Server.MapPath(AllPath + PicPath + fileName));
entity.PayForUrl = PicPath + fileName;
}
if (!StringHelper.IsNullOrEmpty(KeyValue))
{
entity.Modify(KeyValue);
IsOk = bll.Factory.Update(entity);
if (IsOk > 0)
{
Message = "编辑成功。";
}
}
else
{
entity.Create();
IsOk = bll.Factory.Insert(entity);
}
if (IsOk > 0)
{
Message = "提交成功。";
string emailTit = "用户上传支付凭证通知";
string emailBody = "用户【" + ManageProvider.Provider.Current().UserName + "】已经上传支付凭证，请尽快前往处理！http://www.yealuo.com/BackstageModule/PayForMange/Index";
NetHelper.SendMailByWeb("470797533@qq.com", ConfigHelper.ReadAppConfig("FromEmail"), emailTit, emailBody, ConfigHelper.ReadAppConfig("EmailPwd"), ConfigHelper.ReadAppConfig("SmtpServer"));//发送邮件
}
return Content(new JsonMessage { Success = true, Code = IsOk.ToString(), Message = Message }.ToString());
}
catch (Exception ex)
{
return Content(new JsonMessage { Success = false, Code = "-1", Message = "操作失败：" + ex.Message }.ToString());
}
}
/// <summary>
/// 提交用户信息
/// </summary>
/// <param name="entity"></param>
/// <param name="EmailCode"></param>
/// <param name="NewEmailCode"></param>
/// <param name="num"></param>
/// <returns></returns>
public ActionResult SubAccountInfo(Com_Member entity, string EmailCode, string NewEmailCode, int num = 0)
{
Com_MemberBll bll = new Com_MemberBll();
int IsOk = 0;
string Message = "操作失败。";
bool Success = false;
if (num > 0)
{
if (Session["EmailCode"].ToString() != Md5Helper.CreateMd5(EmailCode.ToLower(), 16))
{
return Content(new JsonMessage { Success = false, Code = "-2", Message = "邮箱验证码不正确" }.ToString());
}
if (num > 1)
{
if (Session["NewEmailCode"].ToString() != Md5Helper.CreateMd5(NewEmailCode.ToLower(), 16))
{
return Content(new JsonMessage { Success = false, Code = "-2", Message = "新邮箱验证码不正确" }.ToString());
}
}
else
{
entity.Password = Md5Helper.CreateMd5(DESEncrypt.Encrypt(entity.Password, BaseFactory.BaseHelper().GetPwodKey()).ToLower(), 32).ToLower();
}
}
try
{
string MemeberID = ManageProvider.Provider.Current().UserId;
entity.Modify(MemeberID);
IsOk = bll.Factory.Update(entity);
if (IsOk > 0)
{
Message = "修改成功。";
Success = true;
}
return Content(new JsonMessage { Success = Success, Code = IsOk.ToString(), Message = Message }.ToString());
}
catch (Exception ex)
{
return Content(new JsonMessage { Success = false, Code = "-1", Message = "操作失败：" + ex.Message }.ToString());
}
}
/// <summary>
/// 下载日志
/// </summary>
/// <param name="jgp"></param>
/// <returns></returns>
public ActionResult GetDownTable(JqGridParam jgp)
{
Com_DownloadLogBll bll = new Com_DownloadLogBll();
string MemeberID = ManageProvider.Provider.Current().UserId;
DataTable model = bll.GetTablePage(MemeberID, ref jgp);
//构建分页数据
var JsonData = new
{
success = true,
pageData = jgp,
message = "",
data = model
};
return Content(JsonData.ToJson());
}
/// <summary>
/// 获取收藏记录
/// </summary>
/// <param name="jgp"></param>
/// <returns></returns>
public ActionResult GetCollectionTable(JqGridParam jgp)
{
Com_ApproveBll bll = new Com_ApproveBll();
string MemeberID = ManageProvider.Provider.Current().UserId;
DataTable model = bll.GetTablePage(MemeberID, "Collection", ref jgp);
//构建分页数据
var JsonData = new
{
success = true,
pageData = jgp,
message = "",
data = model
};
return Content(JsonData.ToJson());
}
/// <summary>
/// 获取支付凭证记录
/// </summary>
/// <param name="jgp"></param>
/// <returns></returns>
public ActionResult GetPayTable(JqGridParam jgp)
{
Com_PayForBll bll = new Com_PayForBll();
string MemeberID = ManageProvider.Provider.Current().UserId;
DataTable model = bll.GetOtherTablePage(MemeberID, ref jgp);
//构建分页数据
var JsonData = new
{
success = true,
pageData = jgp,
message = "",
data = model
};
return Content(JsonData.ToJson());
}
/// <summary>
/// 获取评论记录
/// </summary>
/// <param name="jgp"></param>
/// <returns></returns>
public ActionResult GetMsgTable(JqGridParam jgp)
{
OND_MessageReplyBll bll = new OND_MessageReplyBll();
string MemeberID = ManageProvider.Provider.Current().UserId;
DataTable model = bll.GetOtherTablePage(MemeberID, ref jgp);
//构建分页数据
var JsonData = new
{
success = true,
pageData = jgp,
message = "",
data = model
};
return Content(JsonData.ToJson());
}
/// <summary>
/// 获取审批记录
/// </summary>
/// <param name="DataId"></param>
/// <returns></returns>
public ActionResult GetApprove(string DataId)
{
Com_ApproveBll bll = new Com_ApproveBll();
if (!StringHelper.IsNullOrEmpty(DataId))
{
List<Com_Approve> List = bll.GetApproveList(DataId, null, null);
return Content(List.ToJson());
}
else
{
return null;
}
}
}
}
然后创建对应的业务层方法：
（1）OND_MessageReplyBll.cs
using Bobo.DataAccess;
using Bobo.Repository;
using Bobo.Utilities;
using IA.Entity;
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.Common;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace IA.Business
{
// <summary>
/// 评论信息表
/// <author>
/// <name>YHB</name>
/// <date>2018.10.18</date>
/// </author>
/// </summary>
public class OND_MessageReplyBll : RepositoryFactory<OND_MessageReply>
{
/// <summary>
/// 获取list分页数据
/// </summary>
/// <param name="DataID"></param>
/// <param name="jgp"></param>
/// <returns></returns>
public List<OND_MessageReply> GetListPage(string DataID,ref JqGridParam jgp)
{
StringBuilder Sql = new StringBuilder();
List<DbParameter> param = new List<DbParameter>();
Sql.Append(@"SELECT * FROM(
SELECT y.[MessageReplyID]
,y.[DataID]
,y.[MessageReplyCenter]
,CASE ParentID WHEN '' THEN '' WHEN null THEN ''
ELSE (SELECT
'<p>引用'+x.CreateUserName +'发表于 '+CONVERT(nvarchar(50),x.CreateDate)+' 的回复：</p>'
+'<span>'+x.MessageReplyCenter +'</span>'
FROM OND_MessageReply x WHERE x.DeleteMark<>1 AND x.MessageReplyID=y.ParentID) END
AS ParentID
,y.[DeleteMark]
,y.[GiveNum]
,y.[CreateDate]
,y.[CreateUserId]
,y.[CreateUserName]
,y.[ModifyDate]
,y.[ModifyUserId]
,y.[ModifyUserName]
FROM [dbo].[OND_MessageReply] y WHERE y.DeleteMark<>1) T WHERE 1=1");
if (!StringHelper.IsNullOrEmpty(DataID))
{
Sql.Append(@" AND DataID=@DataID");
param.Add(DbFactory.CreateDbParameter("@DataID", DataID));
}
return Factory.FindListPageBySql(Sql.ToString(), param.ToArray(), ref jgp);
}
/// <summary>
/// 获取会员评论信息
/// </summary>
/// <param name="MemeberID"></param>
/// <param name="jgp"></param>
/// <returns></returns>
public DataTable GetOtherTablePage(string MemeberID, ref JqGridParam jgp)
{
StringBuilder Sql = new StringBuilder();
List<DbParameter> param = new List<DbParameter>();
Sql.Append(@"SELECT * FROM(
SELECT
x2.ArticleTitle,x2.ArticleType
,(SELECT COUNT(*) FROM OND_MessageReply y1 WHERE y1.DeleteMark<>1 AND y1.ParentID=x1.MessageReplyID) AS ReplyNum
,x1.* FROM dbo.OND_MessageReply x1
INNER JOIN dbo.Com_Article x2 ON x1.DataID=x2.ArticleID AND x2.DeleteMark<>1
) T WHERE DeleteMark<>1");
if (!StringHelper.IsNullOrEmpty(MemeberID))
{
Sql.Append(@" AND CreateUserId=@CreateUserId");
param.Add(DbFactory.CreateDbParameter("@CreateUserId", MemeberID));
}
return Factory.FindTablePageBySql(Sql.ToString(), param.ToArray(), ref jgp);
}
}
}
}
}
(2)Com_PayForBll.cs：
using Bobo.DataAccess;
using Bobo.Repository;
using Bobo.Utilities;
using IA.Entity;
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.Common;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace IA.Business
{
// <summary>
/// 支付流水表
/// <author>
/// <name>YHB</name>
/// <date>2018.10.18</date>
/// </author>
/// </summary>
public class Com_PayForBll : RepositoryFactory<Com_PayFor>
{ /// <summary>
/// 获取分页数据
/// </summary>
/// <param name="jgp"></param>
/// <returns></returns>
public DataTable GetTablePage(string UserAccount, int? PayForState, ref JqGridParam jgp)
{
StringBuilder Sql = new StringBuilder();
List<DbParameter> param = new List<DbParameter>();
Sql.Append(@"SELECT * FROM (SELECT x2.RealName,x2.Integral AS HasIntegral,x2.MemberType, x1.* FROM Com_PayFor x1
LEFT JOIN Com_Member x2 ON x1.CreateUserId=x2.MemberID) T WHERE 1=1 AND DeleteMark<>1");
if (!StringHelper.IsNullOrEmpty(UserAccount))
{
Sql.Append(@" AND RealName=@RealName");
param.Add(DbFactory.CreateDbParameter("@RealName", UserAccount));
}
if (!StringHelper.IsNullOrEmpty(PayForState))
{
Sql.Append(@" AND PayForState=@PayForState");
param.Add(DbFactory.CreateDbParameter("@PayForState", PayForState));
}
return Factory.FindTablePageBySql(Sql.ToString(), param.ToArray(), ref jgp);
}
/// <summary>
/// 获取充值记录
/// </summary>
/// <param name="MemeberID"></param>
/// <param name="jgp"></param>
/// <returns></returns>
public DataTable GetOtherTablePage(string MemeberID, ref JqGridParam jgp)
{
StringBuilder whereSql = new StringBuilder();
List<DbParameter> param = new List<DbParameter>();
whereSql.Append(@" AND DeleteMark<>1");
if (!StringHelper.IsNullOrEmpty(MemeberID))
{
whereSql.Append(@" AND CreateUserId=@MemeberID");
param.Add(DbFactory.CreateDbParameter("@MemeberID", MemeberID));
}
return Factory.FindTablePage(whereSql.ToString(), param.ToArray(), ref jgp);
}
}
}
（3）Com_ApproveBll.cs
using Bobo.DataAccess;
using Bobo.Repository;
using Bobo.Utilities;
using Bobo.Utilities.Membership;
using IA.Entity;
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.Common;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace IA.Business
{
// <summary>
/// 审批记录表
/// <author>
/// <name>YHB</name>
/// <date>2018.10.18</date>
/// </author>
/// </summary>
public class Com_ApproveBll : RepositoryFactory<Com_Approve>
{
/// <summary>
/// 插入审批记录
/// </summary>
/// <param name="DataId"></param>
/// <param name="Action"></param>
/// <param name="Idea"></param>
/// <param name="transaction"></param>
/// <returns></returns>
public int SubmitApproveData(string DataId, string ActionCode, string Action, string Idea, DbTransaction transaction)
{
int IsOk = 0;
Com_Approve entity = new Com_Approve();
try
{
entity.DataId = DataId;
entity.ActionCode = ActionCode;
entity.Action = Action;
entity.Idea = Idea;
entity.CreateUserId = ManageProvider.Provider.Current().UserId;
entity.CreateUserName = ManageProvider.Provider.Current().UserName;
entity.Create();
IsOk = Factory.Insert(entity, transaction);
}
catch
{
IsOk = -1;
}
return IsOk;
}
/// <summary>
/// 获取审核记录
/// </summary>
/// <param name="DataId"></param>
/// <returns></returns>
public List<Com_Approve> GetApproveList(string DataId, string ActionCode, string MemberID)
{
StringBuilder whereSql = new StringBuilder();
List<DbParameter> param = new List<DbParameter>();
whereSql.Append(@" AND DeleteMark<>1");
if (!StringHelper.IsNullOrEmpty(DataId))
{
whereSql.Append(@" AND DataId=@DataId");
param.Add(DbFactory.CreateDbParameter("@DataId", DataId));
}
if (!StringHelper.IsNullOrEmpty(ActionCode))
{
whereSql.Append(@" AND ActionCode=@ActionCode");
param.Add(DbFactory.CreateDbParameter("@ActionCode", ActionCode));
}
if (!StringHelper.IsNullOrEmpty(MemberID))
{
whereSql.Append(@" AND CreateUserId=@CreateUserId");
param.Add(DbFactory.CreateDbParameter("@CreateUserId", MemberID));
}
whereSql.Append(@" ORDER BY CreateDate DESC");
return Factory.FindList(whereSql.ToString(), param.ToArray());
}
/// <summary>
/// 获取记录
/// </summary>
/// <param name="MemeberID"></param>
/// <param name="ActionCode"></param>
/// <param name="jgp"></param>
/// <returns></returns>
public DataTable GetTablePage(string MemeberID, string ActionCode, ref JqGridParam jgp)
{
StringBuilder Sql = new StringBuilder();
List<DbParameter> param = new List<DbParameter>();
Sql.Append(@"SELECT * FROM(
SELECT x2.FileID,x2.FileTitle,x1.* FROM dbo.Com_Approve x1
INNER JOIN dbo.Com_Attachment x2 ON x2.FileID=x1.DataID AND x1.DeleteMark<>1 AND x2.DeleteMark<>1
) T WHERE 1=1");
if (!StringHelper.IsNullOrEmpty(MemeberID))
{
Sql.Append(@" AND CreateUserId=@MemeberID");
param.Add(DbFactory.CreateDbParameter("@MemeberID", MemeberID));
}
if (!StringHelper.IsNullOrEmpty(ActionCode))
{
Sql.Append(@" AND ActionCode=@ActionCode");
param.Add(DbFactory.CreateDbParameter("@ActionCode", ActionCode));
}
return Factory.FindTablePageBySql(Sql.ToString(), param.ToArray(), ref jgp);
}
}
}
最后我们需要创建三个视图（基本信息维护、支付套餐选择，支付凭证上传），都创建在同一个MemberSystem视图文件中：
（1）基本信息维护Index.cshtml
@using IA.Entity
@using Bobo.Utilities
@model Com_Member
@{
ViewBag.Title ="会员中心- 页落素材网-页落网";
Layout = "~/Views/Shared/_LayoutMember.cshtml";
}
<script src="~/Content/Scripts/jQuery.md5.js"></script>
<script src="~/Content/Scripts/boboui-jshelp.js"></script>
<script src="~/Content/Scripts/Juicer/juicer.js"></script>
<script src="~/Content/Scripts/m_pager.js"></script>
@*center S*@
<div id="center" style="padding-top:130px;">
<div class="member-main">
<div class="member-top">
<img src="~/Content/Images/slice/pht.png" class="member-photo L" width="100" height="125" alt="@Model.RealName">
<div class="member-txt R">
<div class="member-UserName">@Model.RealName</div>
<div class="member-ico">普通会员 <a href="/MemberCenterModule/MemberSystem/RechargeView">成为VIP</a></div>
<div class="member-Tip"> <b>@Model.Integral</b> 金币 <a href="/MemberCenterModule/MemberSystem/RechargeView">充值金币</a></div>
</div>
</div>
<div class="member-tag-nav">
<a href="javascript:;" class="on tag-nav-item">我的资料</a>
<a href="javascript:;" class="tag-nav-item">我的收藏</a>
<a href="javascript:;" class="tag-nav-item">我的下载</a>
<a href="javascript:;" class="tag-nav-item">我的充值</a>
<a href="javascript:;" class="tag-nav-item">我的评论</a>
</div>
@* 我的资料*@
<div class="member-tag-com on">
<form id="formInfo" action="/MemberCenterModule/MemberSystem/SubAccountInfo" method="post" enctype="multipart/form-data" style="margin: 1px">
<div class="member-center-item">
<div class="member-center-title L">账号：</div>
<div class="member-center-txt L">@Model.Account</div>
<div class="member-center-tip L"><a href="javascript:;" onclick="AddEditBtn(1)">修改密码</a></div>
</div>
<div class="member-center-item">
<div class="member-center-title L">邮箱：</div>
<div class="member-center-txt L">@Model.Email</div>
<div class="member-center-tip L"><a href="javascript:;" onclick="AddEditBtn(2)">修改邮箱</a></div>
</div>
<div class="member-center-item">
<div class="member-center-title L">昵称：</div>
<div class="member-center-txt L">
<input type="text" id="RealName" name="RealName" class="mc-text" value="@Model.RealName" />
</div>
</div>
<div class="member-center-item">
<div class="member-center-title L">手机号码：</div>
<div class="member-center-txt L">
<input type="text" id="Mobile" name="Mobile" class="mc-text" value="@Model.Mobile" />
</div>
</div>
<div class="member-center-item">
<input type="button" class="submcBtn" onclick="SubAccountInfo(0)" value="提交修改" />
</div>
</form>
</div>
@* 我的收藏*@
<div class="member-tag-com">
<ul class="member-list-box">
<li class="member-list-item member-list-title">
<span class="lst-item1 L">素材标题</span>
<span class="lst-item2 R">收藏时间</span>
</li>
<div id="Collection-box"></div>
</ul>
<div id="CollectionPage" class="m_pageBar com_pageBar" style="padding:0 30px;"></div>
</div>
@* 我的下载*@
<div class="member-tag-com">
<ul class="member-list-box">
<li class="member-list-item member-list-title">
<span class="lst-item1 L">素材标题</span>
<span class="lst-item2 R">下载时间</span>
<span class="lst-item3 R">消费金币</span>
</li>
<div id="down-box"></div>
</ul>
<div id="downPage" class="m_pageBar com_pageBar" style="padding:0 30px;"></div>
</div>
@* 我的充值*@
<div class="member-tag-com">
<ul class="member-list-box">
<li class="member-list-item member-list-title">
<span class="lst-item1 L">充值套餐</span>
<span class="lst-item2 R">操作</span>
<span class="lst-item3 R">充值状态</span>
<span class="lst-item2 R">充值时间</span>
</li>
<div id="Pay-box"></div>
</ul>
<div id="PayPage" class="m_pageBar com_pageBar" style="padding:0 30px;"></div>
</div>
@* 我的评论*@
<div class="member-tag-com">
<ul class="member-list-box">
<li class="member-list-item member-list-title">
<span class="lst-item1 L">文章标题</span>
<span class="lst-item2 R">回复&点赞</span>
<span class="lst-item2 R">评论时间</span>
<span class="lst-item4 R">评论内容</span>
</li>
<div id="Msg-box"></div>
</ul>
<div id="MsgPage" class="m_pageBar com_pageBar" style="padding:0 30px;"></div>
</div>
</div>
</div>
@*center E*@
@*下载分页数据模版*@
<script id="downBody" type="text/template">
{#each data as item}
<li class="member-list-item">
<a class="lst-item1 L" href="/Sccnn/Detail?KeyValue=!{item.FileID}" title="!{item.FileTitle}">!{subString(item.FileTitle,40)}</a>
<span class="lst-item2 R">!{formatDate(item.CreateDate, "yyyy-MM-dd hh:mm:ss")}</span>
<span class="lst-item3 R">!{item.Integral}</span>
</li>
{#/each}
</script>
@*收藏分页数据模版*@
<script id="CollectionBody" type="text/template">
{#each data as item}
<li class="member-list-item">
<a class="lst-item1 L" href="/Sccnn/Detail?KeyValue=!{item.FileID}" title="!{item.FileTitle}">!{subString(item.FileTitle,40)}</a>
<span class="lst-item2 R">!{formatDate(item.CreateDate, "yyyy-MM-dd hh:mm:ss")}</span>
</li>
{#/each}
</script>
@*充值分页数据模版*@
<script id="PayBody" type="text/template">
{#each data as item}
<li class="member-list-item">
<a href="javascript:;" title="点击查看支付凭证" class="lst-item1 L" onclick="layer.full(layer.open({ content: $(this).find('.imgHid').html()}))">
<div style="display:none;" class="imgHid">
<img src="!{item.PayForUrl}">
</div>
{#if item.PayForContent==5}
<span> 5个金币/5元</span>
{#else if item.PayForContent==10}
<span> 10个金币/10元</span>
{#else if item.PayForContent==22}
<span> 22个金币/20元</span>
{#else if item.PayForContent==33}
<<span> 33个金币/30元</span>
{#else if item.PayForContent==44}
<span> 44个金币/40元</span>
{#else if item.PayForContent==55}
<span> 55个金币/50元</span>
{#else if item.PayForContent==110}
<span> 110个金币/100元</span>
{#else if item.PayForContent==220}
<span> 220个金币/200元</span>
{#else if item.PayForContent==330}
<span> 330个金币/300元</span>
{#else if item.PayForContent==440}
<span> 440个金币/400元</span>
{#else if item.PayForContent==550}
<span> 550个金币/500元</span>
{#/if}
</a>
{#if item.PayForState>0}
<span class="lst-item2 R" style="color:#999;">
充值完成
</span>
{#else}
<span class="lst-item2 R">
<a href="/MemberCenterModule/MemberSystem/SubPayForm?KeyValue=!{item.PayForID}">编辑</a>
</span>
{#/if}
{#if item.PayForState>0}
<span class="lst-item3 R" style="color:#00ff21;"> 审核通过</span>
{#else if item.PayForState==-1}
<span class="lst-item3 R" style="color: #ff0000;"> 审核不通过
<a href="javascript:;" onclick="ApproveDetail($(this))" data-id="!{item.PayForID}">详情</a>
</span>
{#else}
<span class="lst-item3 R" style="color:#ff6a00;">待审核 </span>
{#/if}
<span class="lst-item2 R">!{formatDate(item.CreateDate, "yyyy-MM-dd hh:mm:ss")}</span>
</li>
{#/each}
</script>
@*我的评论分页数据模版*@
<script id="MsgBody" type="text/template">
{#each data as item}
<li class="member-list-item">
<a target="_blank" href="/WebArticle/Detail?KeyValue=!{item.DataID}&ArticleType=!{item.ArticleType}#msg-form" title="!{item.ArticleTitle}" class="lst-item1 L">
!{subString(item.ArticleTitle,21)}
</a>
<span class="lst-item2 R">
回复(!{item.ReplyNum})
点赞(!{item.GiveNum})
</span>
<span class="lst-item2 R">!{formatDate(item.CreateDate, "yyyy-MM-dd hh:mm:ss")}</span>
<span class="lst-item4 R" title="!{item.MessageReplyCenter}"> !{subString(item.MessageReplyCenter,21)}</span>
</li>
{#/each}
</script>
@*隐藏弹窗模版*@
<script id="PwdEdit" type="text/template">
<div style="margin:20px 20px;">
<form id="form1" action="/MemberCenterModule/MemberSystem/SubAccountInfo" method="post" enctype="multipart/form-data" style="margin: 1px">
<input type="hidden" id="KeyValue" name="KeyValue" />
<table class="layer-table-form">
<tr>
<td><span class="layer-form-tit">新密码：</span><input type="password" name="Password" class="layer-form-txt" id="Password" datacol="yes" err="新密码" checkexpession="NotNull" /></td>
</tr>
<tr>
<td><span class="layer-form-tit">确认新密码：</span><input type="password" name="truePassword" class="layer-form-txt" id="truePassword" datacol="yes" err="确认密码" checkexpession="NotNull" /></td>
</tr>
<tr>
<td>
<span class="layer-form-tit">邮箱验证码：</span><input type="text" name="EmailCode" class="layer-form-txt" id="EmailCode" datacol="yes" err="邮箱验证码" checkexpession="NotNull" />
<a href="javascript:;" class="PostEmail" onclick="PostEmail($(this),'@Model.Email', 'EmailCode')">发送邮箱验证</a>
</td>
</tr>
</table>
</form>
</div>
</script>
<script id="EmailEdit" type="text/template">
<div style="margin:20px 20px;">
<form id="form1" action="/MemberCenterModule/MemberSystem/SubAccountInfo" method="post" enctype="multipart/form-data" style="margin: 1px">
<input type="hidden" id="KeyValue" name="KeyValue" />
<table class="layer-table-form">
<tr>
<td>
<span class="layer-form-tit">邮箱验证码：</span><input type="text" name="EmailCode" class="layer-form-txt" id="EmailCode" datacol="yes" err="邮箱验证码" checkexpession="NotNull" />
<a href="javascript:;" class="PostEmail" onclick="PostEmail($(this),'@Model.Email', 'EmailCode')">发送邮箱验证</a>
</td>
</tr>
<tr>
<td><span class="layer-form-tit">新邮箱：</span><input type="text" name="Email" class="layer-form-txt" id="Email" datacol="yes" err="新邮箱" checkexpession="Email" /></td>
</tr>
<tr>
<td>
<span class="layer-form-tit">新邮箱验证码：</span><input type="text" name="NewEmailCode" class="layer-form-txt" id="NewEmailCode" datacol="yes" err="新邮箱验证码" checkexpession="NotNull" />
<a href="javascript:;" class="PostEmail" onclick="PostEmail($(this), $(this).parents('table').find('#Email').val(), 'NewEmailCode')">发送新邮箱验证</a>
</td>
</tr>
</table>
</form>
</div>
</script>
@*隐藏审批记录模版*@
<script id="DialogApprove" type="text/template">
<div class="Dialog-Box font-yahei">
<div class="Dialog-Com" style="display:block;">
<table class="Dialog-table">
<thead>
<tr>
<td class="Dialog-table-tit" style="text-align:center;">状态</td>
<td class="Dialog-table-tit" style="text-align:center;">操作人</td>
<td class="Dialog-table-tit" style="text-align:center;">操作时间</td>
<td class="Dialog-table-tit" style="text-align:center;">原因</td>
</tr>
</thead>
<tbody id="Approve"></tbody>
</table>
</div>
</div>
</script>
<script type="text/javascript">
$(function () {
juicer.register('formatDate', formatDate);
juicer.register('subString', subString);
getDownPageData();
getCollectionPageData();
getPayPageData();
getMsgPageData();
SetTagNav();
})
///审核记录详情
function ApproveDetail(elem) {
var dataId = elem.attr("data-id");
layer.open({
title: "审核记录",
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['700px', '500px'], //宽高
content: $("#DialogApprove").html(),
});
AjaxJson("/MemberCenterModule/MemberSystem/GetApprove", { DataId: dataId }, function (data) {
if (!!data) {
var str = "";
for (var i = 0; i < data.length; i++) {
str += "<tr>"
str += "<td class=\"Dialog-table-tit\" style=\"text-align:center;\">" + data[i].Action + "</td>"
str += "<td class=\"Dialog-table-tit\" style=\"text-align:center;\">" + data[i].CreateUserName + "</td>"
str += "<td class=\"Dialog-table-tit\" style=\"text-align:center;\">" + formatDate(data[i].CreateDate, "yyyy-MM-dd") + "</td>"
str += "<td class=\"Dialog-table-tit\" style=\"text-align:center;\">" + (!data[i].Idea ? '' : data[i].Idea) + "</td>"
str += "</tr>";
}
$("#Approve").html(str);
}
});
}
//菜单切换
function SetTagNav() {
$(".member-tag-nav .tag-nav-item").click(function () {
if (!$(this).hasClass("on")) {
$(this).addClass("on").siblings(".tag-nav-item").removeClass("on");
$(".member-tag-com").eq($(this).index()).addClass("on").siblings(".member-tag-com").removeClass("on");
}
});
}
//下载记录初始化分页函数
function getDownPageData() {
var param = {
rows: 10,
url: "/MemberCenterModule/MemberSystem/GetDownTable",
sidx: "CreateDate",
sord: "DESC",
searchForm: "",
infoPanel: '#down-box',
barPanel: '#downPage',
template: '#downBody',
callback: ""
}
Pager.init(param);
}
//收藏记录初始化分页函数
function getCollectionPageData() {
var param = {
rows: 10,
url: "/MemberCenterModule/MemberSystem/GetCollectionTable",
sidx: "CreateDate",
sord: "DESC",
searchForm: "",
infoPanel: '#Collection-box',
barPanel: '#CollectionPage',
template: '#CollectionBody',
callback: ""
}
Pager.init(param);
}
//充值记录初始化分页函数
function getPayPageData() {
var param = {
rows: 10,
url: "/MemberCenterModule/MemberSystem/GetPayTable",
sidx: "CreateDate",
sord: "DESC",
searchForm: "",
infoPanel: '#Pay-box',
barPanel: '#PayPage',
template: '#PayBody',
callback: ""
}
Pager.init(param);
}
//充值记录初始化分页函数
function getMsgPageData() {
var param = {
rows: 10,
url: "/MemberCenterModule/MemberSystem/GetMsgTable",
sidx: "CreateDate",
sord: "DESC",
searchForm: "",
infoPanel: '#Msg-box',
barPanel: '#MsgPage',
template: '#MsgBody',
callback: ""
}
Pager.init(param);
}
//编辑弹窗
function AddEditBtn(num) {
var tem = $("#PwdEdit").html();
if (num > 1) {
tem = $("#EmailEdit").html();
}
layer.open({
title: "修改信息",
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['650px', '300px'], //宽高
content: tem,
btn: ['保存', '取消'], //只是为了演示
yes: function () {
SubAccountInfo(num);
}
});
}
//提交用户信息
function SubAccountInfo(num) {
var postData;
if (num > 0) {
if (!CheckDataValid('#form1', true)) {
return false;
}
if ($("#Password").val() != $("#truePassword").val()) {
layer.tips('两次输入的秘密不一致！', $("#truePassword"));
$("#truePassword").focus();
return false;
}
postData = GetWebControls("#form1");
if (num == 1) {
postData.Password = escape($.md5(postData.Password));
}
}
else {
if (!CheckDataValid('#formInfo', true)) {
return false;
}
postData = GetWebControls("#formInfo");
}
AjaxJson("/MemberCenterModule/MemberSystem/SubAccountInfo?EmailCode=" + $("#EmailCode").val() + "&NewEmailCode=" + $("#NewEmailCode").val() + "&num=" + num, postData,
function (data) {
if (data.Code > 0) {
layer.msg(data.Message, { icon: 1, time: 1000 }, function () {
location.reload();
});
}
else {
layer.alert(data.Message, { icon: data.Code });
}
}
);
}
//邮箱验证
function PostEmail(elem, Email, Type) {
if (elem.hasClass("PostEmailActive")) {
return false;
}
if (!isEmail(Email)) {
layer.tips('请输入正确的邮箱！', $("#Email"));
$("#Email").focus();
return false;
}
AjaxJson("/MemberCenterModule/MemberLogin/PostEmail?Type=" + Type + "&Email=" + Email,{}, function (data) {
if (data.Code > 0) {
layer.msg(data.Message, { icon: 1, time: 1000 }, function () {
$(".PostEmail").text("发送邮箱验证").removeClass("PostEmailActive");
elem.addClass("PostEmailActive");
SetPostTime(elem, Type);
});
}
else {
layer.alert(data.Message, { icon: data.Code });
}
}
);
}
</script>
@*发送倒计时*@
<script type="text/javascript">
function writeCookie(name, value, timeNum) {//把当前发送的时间写入cookie
var expire = "";
if (timeNum != null) {
expire = new Date((new Date()).getTime() + timeNum);//设置有效时间段（当前时间+设置的有效时间长度）
expire = "; expires=" + expire.toGMTString();//这里分号是为与前面的拼接需要"name=xxx;expires=yyy"
}
document.cookie = name + "=" + escape(value) + expire + ";path=/";
}
function readCookie(name) {//读取cookie中名称等于name的值
var cookieValue = "";
var search = name + "=";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
if (offset != -1) {
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
cookieValue = (document.cookie.substring(offset, end))
}
}
return cookieValue;
}
var tipId;
var TypeCode;
var _elem;
function SetPostTime(elem, Type) {
TypeCode = Type;
_elem = elem;
writeCookie(TypeCode, (new Date()).getTime(), 60000)
tipId = window.setInterval("startTiem()", 1000);
}
function startTiem() {
var tt = parseInt(((new Date()).getTime() - readCookie(TypeCode)) / 1000);
if (tt < 60) {
var vv = "(" + parseInt(60 - tt) + ")秒后重新发送";
_elem.text(vv);
} else {
_elem.text("发送邮箱验证");
_elem.removeClass("PostEmailActive");
window.clearInterval(tipId);
}
}
</script>
（2）充值套餐页面RechargeView.cshtml
@using IA.Entity
@using Bobo.Utilities
@model Com_Member
@{
ViewBag.Title = "充值中心-页落素材网-页落网";
Layout = "~/Views/Shared/_LayoutMember.cshtml";
}
<script src="~/Content/Scripts/layer/layer.js"></script>
<div id="center" style="padding-top:130px;">
<div class="pay">
<!--主内容开始编辑-->
<div class="tr_rechtext">
<p class="te_retit"><img src="~/Content/Web/img/coin.png" alt="">充值中心</p>
<p>1.金币是页落素材网推出的专用于本站下载素材的虚拟货币。</p>
<p>2.金币以套餐形式组合推出，你可以选择支付宝或者是微信的付款方式来进行充值，金币每次5个起充。</p>
</div>
<div class="tr_rechhead">
<img src="~/Content/Images/slice/pht.png">
<p>
充值帐号：
<a>@Model.RealName</a>
</p>
<div class="tr_rechheadcion R">
<img src="~/Content/Web/img/coin.png" alt="">
<span>当前余额：<b>@Model.Integral 金币</b></span>
</div>
</div>
<ul class="ui-choose am-form-group" id="uc_01">
<li class="ui-chli on" data-value="5">5个金币/5元</li>
<li class="ui-chli" data-value="10">10个金币/10元</li>
<li class="ui-chli" data-value="22">22个金币/20元</li>
<li class="ui-chli" data-value="33">33个金币/30元</li>
<li class="ui-chli" data-value="44">44个金币/40元</li>
<li class="ui-chli" data-value="55">55个金币/50元</li>
<li class="ui-chli" data-value="110">110个金币/100元</li>
<li class="ui-chli" data-value="220">220个金币/200元</li>
<li class="ui-chli" data-value="330">330个金币/300元</li>
<li class="ui-chli" data-value="440">440个金币/400元</li>
<li class="ui-chli" data-value="550">550个金币/500元</li>
@*<li class="ui-choose-ling ui-chli">VIP1（23个任意下载/19元）</li>
<li class="ui-choose-ling ui-chli">VIP2（50个任意下载/39元）</li>
<li class="ui-choose-ling ui-chli">VIP3（100个任意下载/88元）</li>
<li class="ui-choose-ling ui-chli">VIP4（一年任意下载/299元）</li>*@
<li class="chck-btn chck-btn2" onclick="PaySubData()">
立即充值
</li>
</ul>
<div class="clear"></div>
</div>
</div>
@*隐藏下载弹窗模版*@
<script id="PayTemp" type="text/template">
<div class="pay-nav">
<a href="javascript:;" class="pay-nav-item pay-wxnav on" data-type="1" onclick="setNavTag($(this))"><img src="/Content/Web/img/wxnav.png" />微信支付</a>
<a href="javascript:;" class="pay-nav-item pay-zfbnav" data-type="2" onclick="setNavTag($(this))"><img src="/Content/Web/img/zfbnav.png" />支付宝支付</a>
</div>
<div class="pay-title">扫一扫输入套餐金额</div>
<div class="pay-2vm pay-wx2vm on"><img src="/Content/Web/img/vxrm.png" /></div>
<div class="pay-2vm pay-zfb2vm"><img src="/Content/Web/img/zfbrm.png" /></div>
<div class="pay-tip">
<p>1.页落素材网属于个人运维网站，不支持在线接口支付。</p>
<p>2.付款成功后点击完成支付跳转至上传支付凭证（支付截图），最快1分钟内即可完成支付充值,并以邮件形式通知您处理结果。</p>
</div>
</script>
<script type="text/javascript">
$(function () {
clickfun();
});
function clickfun() {
$(".ui-chli").click(function () {
if (!$(this).hasClass("on")) {
$(this).addClass("on").siblings(".ui-chli").removeClass("on");
}
});
}
//支付弹窗
function PaySubData() {
layer.open({
title: "充值支付",
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['500px', '560px'], //宽高
content: $("#PayTemp").html(),
btn: ['完成支付', '取消支付'],
yes: function (index) {
location.href = "/MemberCenterModule/MemberSystem/SubPayForm?value=" + escape($(".ui-chli.on").attr("data-value")) + "&typev=" + escape($(".pay-nav-item.on").attr("data-type"));
}
});
$(".pay-title").text($(".ui-chli.on").text());
}
//导航切换
function setNavTag(elem) {
if (!elem.hasClass("on")) {
elem.addClass("on").siblings(".pay-nav-item").removeClass("on");
$(".pay-2vm").eq(elem.index()).addClass("on").siblings(".pay-2vm").removeClass("on");
}
}
</script>
（3）支付凭证上传SubPayForm.cshtml
@{
ViewBag.Title = "凭证上传中心-页落素材网-页落网";
Layout = "~/Views/Shared/_LayoutMember.cshtml";
}
<script src="~/Content/Scripts/layer/layer.js"></script>
<div id="center" style="padding-top:130px;">
<form id="payForm" class="form" action="/MemberCenterModule/MemberSystem/SubPayDataForm" method="post" enctype="multipart/form-data" style="margin: 1px">
<div class="pay">
<div class="tr_rechtext otherretxt">
<p class="te_retit"><img src="~/Content/Web/img/up.png" alt="">凭证上传中心</p>
<p>1.页落素材网属于个人运维网站，不支持在线接口支付。</p>
<p>2.付款成功后可在这里上传支付凭证（支付截图），最快1分钟内即可完成支付充值。</p>
</div>
<div class="pay-item">
<span class="pay-tit">已购套餐类型：</span>
<select class="pay-text" onchange="$('#Integral').val($(this).val());" id="PayForContent" name="PayForContent" datacol="yes" err="购买套餐" checkexpession="NotNull">
<option value="">==请选择==</option>
<option value="5">5个金币/5元</option>
<option value="10">10个金币/10元</option>
<option value="22">22个金币/20元</option>
<option value="33">33个金币/30元</option>
<option value="44">44个金币/40元</option>
<option value="55">55个金币/50元</option>
<option value="110">110个金币/100元</option>
<option value="220">220个金币/200元</option>
<option value="330">330个金币/300元</option>
<option value="440">440个金币/400元</option>
<option value="550">550个金币/500元</option>
@*<option value="VIP1（23个任意下载/19元）">VIP1（23个任意下载/19元）</option>
<option value="VIP2（50个任意下载/39元）">VIP2（50个任意下载/39元）</option>
<option value="VIP3（100个任意下载/88元）">VIP3（100个任意下载/88元）</option>
<option value="VIP4（一年任意下载/299元）">VIP4（一年任意下载/299元）</option>*@
</select>
<input type="hidden" id="Integral" name="Integral" />
</div>
<div class="pay-item">
<span class="pay-tit">支付类型：</span>
<select class="pay-text" id="PayForType" name="PayForType" datacol="yes" err="支付类型" checkexpession="NotNull">
<option value="">==请选择==</option>
<option value="1">微信支付</option>
<option value="2">支付宝支付</option>
</select>
</div>
<div class="pay-item">
<span class="pay-tit">上传支付凭证（支付截图）：</span>
<input type="hidden" name="PayForUrl" id="PayForUrl" />
<input type="file" class="pay-file" name="PayForUrlFile" id="PayForUrlFile" datacol="yes" err="支付凭证" checkexpession="NotNull" />
<span style="color:#999;">格式为：.JPG|.JPEG|.PNG|.GIF|.BMP</span>
</div>
<input type="hidden" name="KeyValue" id="KeyValue" />
<div class="detail-czbtn" style="width:200px;">
<a href="javascript:;" onclick="SubPayData()" class="detail-btn detail-btn1">确认提交</a>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<script type="text/javascript">
var value = GetQuery('value').replace("null", "5");
var typev = GetQuery('typev').replace("null", "1");
var KeyValue = GetQuery('KeyValue').replace("null", "");
$(function () {
if (!!KeyValue) {
InitControl();
$("#KeyValue").val(KeyValue);
}
else {
$("#PayForContent").val(!!value ? value : 5);
$("#Integral").val(!!value ? value : 5);
$("#PayForType").val(!!typev ? typev : 1);
}
});
function InitControl() {
AjaxJson("/MemberCenterModule/MemberSystem/GetPayInit", { KeyValue: KeyValue }, function (data) {
SetWebControls(data, "#payForm");
});
}
//提交支付凭证
function SubPayData() {
if (!CheckDataValid('#payForm', true)) {
return false;
}
//提交表单
$("#payForm").ajaxSubmit({
dataType: "json",
beforeSubmit: function () {
layer.msg('正在提交信息，请稍后…', { icon: 16, shade: 0.2, time: 0 });
},
success: function (data) {
if (data.Success) {
layer.msg(data.Message, { icon: data.Code, time: 1000 }, function () {
window.location.href = "/MemberCenterModule/MemberSystem/Index";
});
}
else {
layer.alert(data.Message, { icon: data.Code });
}
}
});
}
</script>
页面效果如下：
