基于Jquerymobile实现的支持PC、平板、手机移动设备的web应用程序（C#）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了基于Jquerymobile实现的支持PC、平板、手机移动设备的web应用程序（C#），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含24356字，纯文字阅读大概需要35分钟。
内容图文
页面部分：
List部分：
@{
Layout = null;
}
@using ePR.Models;
@using ePR;
@using BusinessObjectLayer.Entities;
@using DataAccessLayer;
@model ePR.Models.pRHeaderListModel
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="@Url.Content("~/Scripts/jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js")" type="text/javascript"></script>
</head>
<body>
<div data-role="page">
<!-- /header -->
<div data-role="header" data-theme="a">
@*<a href="Approve/ApproveList?home=yes" data-icon="home" data-theme="a" class="ui-btn-left">Home</a>*@
<a href="@Url.Action("ApproveList", "Approve", new { home = "home" })" data-icon="home" data-theme="a" class="ui-btn-left" data-ajax="false">Home</a>
<h1>ePR System</h1>
</div>
<!--content-->
<div data-role="content">
<h6> *** The PR highlighted in purple means you are delegated to approve this request ***</h6>
@{
if (Model.pRHeaderInfo == null)
{
<h4> *** No PR is pending for your approval ***</h4>
}
else
{
<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="c">
<h6>PR List for Approval</h6>
<ul id="listView1" data-role="listview" data-inset="true" IsNumberedList="true">
@foreach (InfoEntity inen in Model.pRHeaderInfo)
{
<li>
@*<a id="SelListItem" href="@Url.Action("Approve", "Approve", new { prno = @inen.PR_NO })" >*@
<a id="SelListItem" href="@inen.PRUrl/Approve/Approve?prno=@inen.PR_NO" >
@*<a id="SelListItem" href="@inen.PRUrl/mobile_web/Overview.aspx?PRNO=@inen.PR_NO" >*@
<div class="textareaDesc">
<strong>@inen.PR_NO</strong>
<p> </p>
<p>Company: @inen.Comp_Code</p>
<p>Department: @inen.Dept_Code</p>
<p>Requester: @inen.Requester</p>
<p>Remark: @inen.Remark_By_User</p>
</div>
</a>
</li>
}
</ul>
</div>
</div>
}
}
</div>
</div>
</body>
</html>
Detail部分：
@model ePR.Models.MobilepRDetailModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>MobileDetail</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="@Url.Content("~/Scripts/jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/Approve/MobileApprove.js")" type="text/javascript"></script>
</head>
<body>
<div id="DetailPage" data-role="page">
<!-- Header -->
<div data-role="header" data-theme="a">
<a href="@Url.Action("ApproveList", "Approve", new { home = "home" })" data-ajax="false" data-icon="home" data-theme="a" class="ui-btn-left">Home</a>
<h1>ePR System</h1>
<div data-role="navbar">
<ul>
<li>
<a href="@Url.Action("Approve", "Approve", new { home = "Overview" })" id="hrfOverview_Top" data-ajax="false">Overview</a>
</li>
<li>
<a href="@Url.Action("Approve", "Approve", new { home = "Detail" })" id="hrfOverview_Top" class="ui-btn-active" data-ajax="false">Detail</a>
</li>
<li>
<a href="@Url.Action("Approve", "Approve", new { home = "Approval" })" id="hrfOverview_Top" data-ajax="false">Approval</a>
</li>
</ul>
</div>
</div>
<!--Content-->
<div data-role="content">
<ul data-role="listview">
<li data-role="list-divider">
<div class="ui-grid-a">
<div class="ui-block-a">@Model.selectPRNo</div>
<div class="ui-block-b"><div class="shiftLeft">(Login User: @Model.login_user.EnName)</div></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Requester:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.RequesterName</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Deliver To:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.DeliverToName</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Application Date:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.Add_Date</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Payment Company:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.PaymentComp</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Payment Department:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.PaymentDept</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Procurement Type:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.PRType</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Budget ID:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.Budget_ID</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Budget Description:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.Budget_Desc</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Project No:</strong></div>
<div class="ui-block-b"><span class="listContent">@Model.PRInfo.Project_NO</span></div>
</div>
</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a"><strong>Attachment list:</strong></div>
<div class="ui-block-b"><span class="listContent">
@foreach (BusinessObjectLayer.Entities.UpfileEntity link in Model.Attachment)
{
<lable>@link.FileName</lable>
}</span></div>
</div>
</li>
<li>
<div class="textareaDesc">
<strong>Remark:</strong><br /><br />
<p>@Model.PRInfo.Remark_By_User</p>
</div>
</li>
</ul>
</div>
<!-- Footer -->
<div data-role="footer">
<div data-role="navbar">
<ul>
<li>
<a href="@Url.Action("Approve", "Approve", new { home = "Overview" })" data-ajax="false">Overview</a>
</li>
<li>
<a href="@Url.Action("Approve", "Approve", new { home = "Detail" })" class="ui-btn-active" data-ajax="false">Detail</a>
</li>
<li>
<a href="@Url.Action("Approve", "Approve", new { home = "Approval" })" data-ajax="false">Approval</a>
</li>
</ul>
</div>
</div>
<h6 style="color:Purple">*** Due to the security concerns, the attachment cannot be opened/downloaded in mobile device at this stage ***</h6>
</div>
</body>
</html>
后台：
[HttpGet]
public ActionResult Approve(string prno,string home)
{
if (Session["prno"] != null && prno == null) {
prno = Session["prno"].ToString();
}
ViewBag.outputMessage = "";
string pr_No = prno;
LoginModel loginModel = new LoginModel();
loginModel.UserName = Request.ServerVariables.Get("LOGON_USER").ToLower();
CultureInfo usCulture = Thread.CurrentThread.CurrentUICulture;
ViewBag.lang = usCulture.Name == "zh-TW" ? "zh-hk" : "en-US";
bool IsMobileDevice = false;
IsMobileDevice = Request.Browser.IsMobileDevice;
//IsMobileDevice = true;//yan
if (IsMobileDevice)
{
ViewBag.lang = "en-US";
}
if (!string.IsNullOrEmpty(loginModel.UserName.Trim())&&!string.IsNullOrEmpty(prno))
{
Session["prno"] = prno;
//badge = "80006812";
//badge = "80027397";
string user_acc = loginModel.UserName.Split('\\')[1].ToString().Trim();
LoginInfo = LoginInfoService.getLoginInfo(user_acc);
if ((bool)LoginInfo[0])
{
EmployeeEntity e = (EmployeeEntity)LoginInfo[1];
badge = e.badge;
if (!UserLoginTypeService.IsUnderMainten())
{
//if (!Request.Browser.IsMobileDevice)
//{
if (IApprovePRInfoService.CheckPRNO(prno))
{
object[][] isApproverOrIsProxy = UserLoginTypeService.IsApproverOrIsProxy(badge);
if ((bool)isApproverOrIsProxy[0][0] || IApprovePRInfoService.IsApproval(badge, prno))
{
if (!(bool)isApproverOrIsProxy[1][0])
{
object[] authPRApprovePage=IApprovePRInfoService.AuthApprove(prno, badge);
if (authPRApprovePage.Length != 0)
{
if ((bool)authPRApprovePage[0])
{
object[] PRdetail = IApprovePRInfoService.PRDetail(prno);
DataSet ds = (DataSet)PRdetail[1];
if (ds.Tables.Count!=0)//Convert.ToString(PRdetail[0]) == ""
{
string selectPRNo = prno;
InfoEntity PRInfo = IApprovePRInfoService.GetPRHeader(ds, ViewBag.lang, prno);
pRDetailmodel = pRDetailManager.getPRDetailModel(
prno,
e,
PRInfo,
IApprovePRInfoService.GetPRItem(ds),
IApprovePRInfoService.getAttachList(prno, ""),
IApprovePRInfoService.getAppProgress(prno, ViewBag.lang),
IApprovePRInfoService.getProxy(prno, badge),
Manager.outputMessageService.outputProjectDetail((IApprovePRInfoService.ProjectDetail(PRInfo.Project_NO, badge))),
Manager.outputMessageService.outputViewBudget(IApprovePRInfoService.ViewBudget(PRInfo.Budget_ID, badge))
);
ViewBag.EstimateFlage = pRDetailmodel.PRInfo.EstimateFlage;
ViewBag.ShowProdSanSale = ApprovePRInfoService.ShowProdSanSale(PRInfo.Comp_Code);
//ViewBag.ShowProdSanSale = "OnlyENQ";
ViewBag.AllowSelectAll = pRDetailmodel.login_user.@class == "T" ? true : false;//S\M\T
Session["PRDetail"] = pRDetailmodel;//TEST
}
else
//ViewBag.outputMessage = PRdetail[0];
ViewBag.outputMessage = (string)PRdetail[0] == "" ? (ViewBag.lang == "en-US" ? "This PRNO does not exist" : "此請購單号不存在") : (string)PRdetail[0];
if (!IsMobileDevice)
{
return View(pRDetailmodel);//T
}
else
{
mobilepRDetail = MobilepRDetailModel.getMobilepRDetail(mobilepRDetail, pRDetailmodel);
if (home == "Detail")
{
return View("MobileDetail", mobilepRDetail);
}
if (home == "Approval")
{
return View("MobileApprove", mobilepRDetail);
}
if (home == "page")
{
return View("MobilePage", mobilepRDetail);
}
else
{
return View("MobileOverView", mobilepRDetail);
}
}
}
else
{
pRDetailmodel = new Models.pRDetailModel(SubmitApprovePRService.returnePRServiceMsg((string)authPRApprovePage[1], ViewBag.lang));
pRDetailmodel.login_user = e;
ViewBag.outputMessage = pRDetailmodel.outputMessage;
if (!IsMobileDevice)
{
return View(pRDetailmodel);//T
}
else
{
mobilepRDetail = MobilepRDetailModel.getMobilepRDetail(mobilepRDetail, pRDetailmodel);
if (home == "Detail")
{
return View("MobileDetail", mobilepRDetail);
}
if (home == "Approval")
{
return View("MobileApprove", mobilepRDetail);
}
if(home=="page")
{
return View("MobilePage", mobilepRDetail);
}
else
{
return View("MobileOverView", mobilepRDetail);
}
}
}
}
else {
outputMessageService = new outputAuthApprovePRMessage();
pRDetailmodel = new Models.pRDetailModel(outputMessageService.outputMessage());
pRDetailmodel.login_user = e;
ViewBag.outputMessage = pRDetailmodel.outputMessage;
if (!IsMobileDevice)
{
return View(pRDetailmodel);//T
}
else
{
mobilepRDetail = MobilepRDetailModel.getMobilepRDetail(mobilepRDetail, pRDetailmodel);
return View("MobileErrorPage", mobilepRDetail);
}
}
}
else
{
outputMessageService = new outputIsProxyMessage();
pRDetailmodel = new Models.pRDetailModel(outputMessageService.outputMessage());
ViewBag.Title = pRDetailmodel.outputMessage;
if (!IsMobileDevice)
return View("~/Views/GeneralUser/RightFailed.cshtml");
return View("~/Views/Approve/MobileErrorPage.cshtml");
}
}
else
{
outputMessageService = new outputIsApproverMessage();
pRDetailmodel = new Models.pRDetailModel(outputMessageService.outputMessage());
ViewBag.Title = pRDetailmodel.outputMessage;
if (!IsMobileDevice)
return View("~/Views/GeneralUser/RightFailed.cshtml");
return View("~/Views/Approve/MobileErrorPage.cshtml");
}
}
else {
outputMessageService = new outputCheckPRNoMessage();
pRDetailmodel = new Models.pRDetailModel(outputMessageService.outputMessage());
ViewBag.Title = pRDetailmodel.outputMessage;
if (!IsMobileDevice)
return View("~/Views/GeneralUser/RightFailed.cshtml");
return View("~/Views/Approve/MobileErrorPage.cshtml");
}
//}
//else
//{
// outputMessageService = new outputIsMobileDeviceMessage();
// pRDetailmodel = new Models.pRDetailModel(outputMessageService.outputMessage());
// ViewBag.Title = pRDetailmodel.outputMessage;
// return View("~/Views/GeneralUser/RightFailed.cshtml");
//}
}
else
{
outputMessageService = new outputUnderMaintenMessage();
pRDetailmodel = new Models.pRDetailModel(outputMessageService.outputMessage());
ViewBag.Title = pRDetailmodel.outputMessage;
if (!IsMobileDevice)
return View("~/Views/GeneralUser/RightFailed.cshtml");
return View("~/Views/Approve/MobileErrorPage.cshtml");
}
}
else
{
ViewBag.Title = "Approval authority failed";
if (!IsMobileDevice)
return View("~/Views/GeneralUser/RightFailed.cshtml");
return View("~/Views/Approve/MobileErrorPage.cshtml");
}
}
else
{
ViewBag.Title = "_Layout";
if (!IsMobileDevice)
return View("~/Views/Default/Default.cshtml");
return View("~/Views/Approve/MobileDefault.cshtml");
//return View("~/Views/Shared/_Layout.cshtml");
}
}
内容总结
以上是互联网集市为您收集整理的基于Jquerymobile实现的支持PC、平板、手机移动设备的web应用程序（C#）全部内容，希望文章能够帮你解决基于Jquerymobile实现的支持PC、平板、手机移动设备的web应用程序（C#）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。